@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Manrope:regular,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:regular,500,600,700,900");

@font-face {
font-family: cosmopolitan;
font-display: block;
src: url(//avoncos.ru/wp-content/themes/avon/assets/font/cosmopolitan-sans-regular.woff2) format("woff2"), url(//avoncos.ru/wp-content/themes/avon/assets/font/cosmopolitan-sans-regular.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: VasekItalic_0;
font-display: block;
src: url(//avoncos.ru/wp-content/themes/avon/assets/font/VasekItalic_0.woff2) format("woff2"), url(//avoncos.ru/wp-content/themes/avon/assets/font/VasekItalic_0.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: ofont;
font-display: block;
src: url(//avoncos.ru/wp-content/themes/avon/assets/font/ofont.woff2) format("woff2"), url(//avoncos.ru/wp-content/themes/avon/assets/font/ofont.woff) format("woff");
font-weight: 400;
font-style: normal;
}
* {
padding: 0px;
margin: 0px;
border: 0px;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
height: 100%;
min-width: 320px;
}
body {
color: #000;
line-height: 1;
font-family: "Manrope";
font-size: 0.875rem;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input,
button,
textarea {
font-family: "Manrope";
font-size: inherit;
}
button {
cursor: pointer;
color: inherit;
background-color: inherit;
}
a {
color: inherit;
}
a:link,
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
ul li {
list-style: none;
}
img {
vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
font-size: 24px;
color:#2f5bff;
padding:20px 0;
font-family: Playfair Display;
}
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
th {
background-color: #f5f5f5;
font-weight: bold;
}
img.size-medium {
max-width: 100%;
height: auto;
margin: 10px 0;
}
td a {
color: #c21919;
text-decoration: none;
}
td a:hover {
text-decoration: underline;
}
.lock body {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
.page-title {
text-align: center;
font-size: 34px;
text-align: center;
font-family: Manrope;
font-size: 34px;
color: #fff;
padding: 50px 50px;
border-radius: 17px 17px 0px 0px;
background: linear-gradient(165deg, #2F5BFF 15%, #2F5BFF 0%, #FB3B3B 100%, #FB3B3B 100%);
color: #fff;
}
.page-content {
color: #000;
font-family: Manrope;
font-size: 16px;
font-style: normal;
line-height: 26px;
font-weight: 400;
padding: 50px 50px; }
.page-content p {
padding:10px 0;
}
.page-content a {
color:#2f5bff;
cursor:pointer;
}
.page-content ul {
list-style: disc; }
.page-content li {
list-style:disc;
margin-bottom: 10px; line-height: 1.5; font-size: 16px; }
.button-news-block {
padding-top:50px;
}
.button-news-block a {
color:#fff;
cursor:pointer;
}
.wrapper {
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
.wrapper > main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.wrapper > * {
min-width: 0;
} [class*=__container] {
max-width: 104.0625rem;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0 auto; padding:0 50px;
}
.options {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.options__item {
position: relative;
cursor: pointer;
}
.options__item:not(:last-child) {
margin-bottom: 0.3125em;
}
.options__input {
width: 0;
height: 0;
opacity: 0;
position: absolute;
}
.options__input:focus + .options__label:before {
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
border-radius: 0%;
}
.options__input:checked + .options__label:before {
border-radius: 0%;
}
.options__input:checked + .options__label:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
width: 20px;
height: 20px;
border-radius: 0%;
left: 0px;
}
.options__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
gap: 10px;
}
.options__label:before {
content: "";
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
width: 20px;
height: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
border-radius: 0%;
border: 1px solid #a7a9ac;
}
.options__label:after {
content: "";
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
width: 10px;
height: 10px;
border-radius: 0%;
background-color: #4d76e1;
position: absolute;
left: 5px;
} .fotorama__img {
display: block;
margin-left: auto;
margin-right: auto;
}
.fotorama__arr--prev, .fotorama__arr--next {
font-size: 50px; 
}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
background: url(https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama@2x.png) no-repeat !important;
}
.fotorama__arr--next {
right: 2px !important;
background-position: -64px 0 !important;
}
.fotorama__arr {
position: absolute;
width: 64px !important;
height: 64px !important;
top: 50%;
margin-top: -16px;
} 
.fotorama__fullscreen-icon {
width: 55px !important;
height: 120px !important;
top: -50px !important;
}
.main-slider {
width: 70%; 
margin: 0 auto;
padding-bottom:50px;
text-align:center;
position: relative;
}
.main-slider img {
height: 100vh;
margin: auto;
right:auto;
display: block;
}
.thumbnail-slider img {
margin-top:20px;
transition: transform 0.3s, box-shadow 0.3s;
border-radius: 5px;
cursor:pointer;
}
.thumbnail-slider img:hover {
transform: scale(1.1);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.slick-prev, .slick-next {
width: 40px;
height: 40px;
z-index: 10;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.slick-prev:hover, .slick-next:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.slick-prev {
left: -25px;
}
.slick-next {
right: -25px;
}
.slick-prev:before, .slick-next:before {
font-family: 'FontAwesome';
font-size: 20px;
color: #fff;
}
.slick-prev:before {
content: "\f359";
}
.slick-next:before {
content: "\f35a";
}
.page-content ol li {
list-style-type: decimal;
}
.page-content li {
list-style: none;
position: relative;
padding-left:20px;
}
.page-content li:before {
content: "•";
position: absolute;
left: 0;
color: #2f5bff;
}
.page-content ol li {
list-style-type: none;
position: relative;
}
.page-content ol li:before {
content: counter(item) ".";
counter-increment: item;
position: absolute;
left: 0;
color: #2f5bff;
font-weight:bold;
}
.page-content ol {
counter-reset: item;
}
.navigation-links {
padding-top:50px;
padding-bottom:100px;
display: flex;
justify-content: space-between;
}
.nav-prev {
float: left;
width:auto;
padding:10px;
height:auto;
text-align:center;
border-radius: 17px;
background: #2f5bff;
color: #fff;
border: 2px solid #2f5bff;
transition: .7s; }
.nav-prev a {
color:#fff;
}
.nav-next a {
color:#fff;
}
.nav-next {
float: right;
width:auto;
padding:10px;
text-align:center;
height:auto;
border-radius: 17px;
background: #2f5bff;
color: #fff;
border: 2px solid #2f5bff;
transition: .7s; }
.page-link {
color:#2f5bff;
}
.page-link:hover {
text-decoration:underline;
}
#whatsapp-float {
position: fixed;
bottom: 50px;
left: 30px;
z-index: 9999;
transition: bottom 0.5s ease; animation: float 3s infinite;
}
#whatsapp-float img {
width:65px;
}
.hide-whatsapp {
bottom: -50px !important;
}
.wp-block-image img {
margin:0 50px;
}
.bread {
padding-top:50px;
padding-left:50px;
}
.bread a {
color:#2F5BFF;
}
.image-ach{
vertical-align: top;
width: auto;
height: auto;
}
.fas, .fa-angle-down {
margin-left: 5px;
}
.swiper-slide img {
height: auto;
object-fit:cover;
}
.swiper-slide {
transform: scale(0.8); 
transition: transform 0.3s;
}
.swiper-slide-active {
transform: scale(1);
}
.menu__down-body .menu-item-has-children .sub-menu {
position: absolute;
top: 100%; left: auto; display: none; margin-left:-30px;
}
.menu__down-body .menu-item-has-children:hover .sub-menu {
display: block; } .menu__down-body {
position: relative;
} .menu__down-body .sub-menu {
display: none; position: absolute; 
top: 100%; left: 0;
z-index: 1000; 
background-color: #fff; 
border: 1px solid #ccc;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
} .menu__down-body .sub-menu .body-down-menu__item {
display: block;
white-space: nowrap; 
padding:10px;
} .menu__down-body .menu-item-has-children:hover .sub-menu {
display: block;
}
:root {
--gradient-2: linear-gradient(132deg, #FFEFF4 0%, #E9F1FF 100%);
--text: #212121;
}
.grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px; padding-bottom:100px;
}
.square {
border-radius: 17px;
background: var(--gradient-2);
display: flex;
padding: 16px 30px 20px 30px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.square-title {
color: #2F5BFF;
font-family: 'Manrope', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 30px;
}
.square-description {
color: var(--text);
font-family: 'Manrope', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}
.button-news {
display: flex;
width: auto;
padding: 15px 35px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 17px;
background: #2F5BFF;
color: #FFF;
font-family: Manrope;
height: 60px;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px;
text-transform: uppercase;
margin: 0 auto;
transition: .7s;
cursor: pointer;
}
.icon-body-footer-soc__a i {
font-size: 24px;
color: white;
transition: color 0.3s ease; }
.icon-body-footer-soc__a:hover i {
color: #2F5BFF;
}
.button-blue {
border-radius: 17px;
background: #2f5bff;
color: #fff;
border: 2px solid #2f5bff;
transition:.7s;
}
.button-news-block {
display: inline-block;
padding: 5px 0px;
}
.button-blue:hover {
border-radius: 17px;
background: #fff;
color: #2f5bff;
border: 2px solid #2f5bff;
}
.category-description {
display: flex;
flex-direction: column;
border-radius: 14px;
padding: 50px;
border-top: 2px solid #2f5bff;
line-height: 20px;
}
.body-steps-box__wrap-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
} .item-step {
border-radius: 17px;
border: 2px solid #2F5BFF;
display: flex;
padding: 30px 20px;
height:240px;
flex-direction: column;
align-items: center;
gap: 20px;
width: calc(33.333% - 20px); box-sizing: border-box;
margin: 20px 10px 0px 10px;
} .item-step .number-step {
width: 60px;
height: 60px;
border-radius: 50%;
background: #2F5BFF;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
line-height: 0; padding: 0px 0px 15px 0px;
}
.number-step{
color: var(--white, #FFF);
font-family: Playfair Display;
font-size: 46px;
font-style: normal;
font-weight: 500;
line-height: 136%; } .item-step .text-step {
color: var(--text, #141414);
text-align: center;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px;
} .button-step {
display: flex;
width: 433px;
padding: 15px 35px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 17px;
background: #2F5BFF;
color: #FFF;
font-family: Manrope;
height:60px;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px;
text-transform: uppercase;
margin: 0 auto;
transition:.7s;
cursor:pointer;
}
.button-step:hover {
color:#2F5BBF;
background:transparent;
border: 2px solid #2F5BFF;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.dot {
width: 15px;
height: 15px;
background-color: #E9F1FF;
border-radius: 50%; display: inline-block;
}
.dot.active {
background-color: #2F5BFF;
}
.header-button {
padding: 15px 35px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 17px;
border: 2px solid #2F5BFF;
color: #2F5BFF;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px;
transition:.7s;
text-transform: uppercase;
}
.header-button:hover {
border: 2px solid #2f5BFF;
color:#fff;
background:#2f5BFF;
}
.header-container {
display: flex;
justify-content: space-between;
align-items: baseline;
flex-wrap: wrap;
flex-direction: row;
}
.container-see {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding: 0px;
}
.center-links {
color: rgba(0, 0, 0, 0.50);
text-align: center;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 500;
gap: 40px;
display: flex;
padding-right: 8%;
cursor:pointer;
transition:.7s;
}
.active-link {
color: #2F5BFF;
text-align: center;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 500;
cursor:pointer;
}
.center-image {
flex-shrink: 0;
}
.center-image img {
width: 434px;
height: 563px;
display: block;
}
.side-images {
display: flex;
flex-direction: row;
gap: 20px;
}
.side-images img {
width: 206px;
height: 276px;
flex-shrink: 0;
}
.container-pre {
display: flex;
justify-content: space-between;
gap:50px;
}
.left-block {
width: 30%;
display: flex;
align-items: flex-start;
justify-content: center;
}
.right-block {
width: 80%;
}
.item-pre {
display: flex;
padding: 10px 30px;
flex-direction: column;
align-items: flex-start;
border-radius: 17px;
margin-bottom:30px;
border: 2px solid #2F5BFF;
}
.title-pre {
color: #2F5BFF;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 30px; }
.description-pre {
color: rgba(0, 0, 0, 0.50);
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
.faq-accordion .faq-item {
margin-bottom: 20px;
border: 1px solid #000;
border-radius: 13px;
}
.faq-item h3 {
font-family: "Manrope";
color: #000;
font-size: 21px;
padding: 20px;
font-weight: 600;
}
.faq-item p {
padding: 0px 60px;
color: rgba(0, 0, 0, 0.80);
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 30px; }
.faq-accordion .faq-header {
cursor: pointer;
display: flex;
align-items: center;
}
.faq-accordion .faq-icon {
margin-right: 10px;
font-size: 45px;
color: #F23F47;
margin-left: 20px;
}
.faq-accordion .faq-content {
display: none;
padding: 10px 0;
} .flex-container {
display: flex;
align-items: stretch; } .main-content {
flex: 1; min-height: 100vh; }  .sidebar {
flex-basis: 20%; 
background-color: #fff; padding-left:20px;
padding-right:0px;
box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
min-height: 100vh; 
}
.sidebar a:hover {
color:#2f5bff;
}
.sidebar p {
line-height: 20px;
}
.recent-post {
display:flex;
align-items:center;
padding:20px 0;
}
.post-cover {
display:flex;
}
.post-cover:hover {
background: var(--gradient-2, linear-gradient(132deg, #ffeff4 0%, #e9f1ff 100%));
}
.sidebar-image {
width:70%;
padding-bottom:50px;
}
.sidebar-block {
display:flex;
padding:50px 0;
flex-direction: column;
}
.sidebar-image-news {
width:30%;
padding-right:20px;
} @keyframes float {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}
.floating-image {
animation: float 3s infinite;
}
.floating-image-delayed {
animation: float 3s infinite 1.5s; }
.pagination {
padding: 20px 0;
}
.pagination a, .pagination span {
padding: 5px 10px;
margin: 0 5px;
text-decoration: none;
color: #2f5bff;
}
.pagination a:hover {
background: #2f5bff;
color: #fff;
}
.pagination .current {
background:#2f5bff;
color: #fff;
}
.pagination {
margin-bottom:50px;
text-align: center;
margin-top: 20px;
}
.news-item {
display: flex;
margin-top: 50px;
margin-bottom:50px;
align-items: center;
}
.news-thumbnail img {
width: 250px;
height: 250px;
object-fit:cover;
margin-right: 15px;
border-radius:24px;
}
.news-details {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.news-title {
margin: 0;
margin-bottom: 10px;
font-family: Playfair Display;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.6px;
}
.news-title:hover {
text-decoration:underline;
}
.news-author {
margin: 0;
margin-bottom: 10px;
font-size: 0.9em;
color: #777;
}
.news-excerpt {
margin: 0;
margin-bottom: 10px;
line-height:25px;
}
.read-more-btn {
border-radius: 17px;
background:#fff;
border: 2px solid #2f5bff;	
color: #2f5bff;
text-decoration: none;
padding: 15px 15px;
width: 50%;
text-transform:uppercase;
font-weight:bold;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
transition:1s;
}
.read-more-btn:hover {
background:#2f5bff;
color:#fff;
border:2px solid #2f5bff;
}
.pagination {
text-align: center;
margin-top: 20px;
}
.menu-link-before {
display: inline-block;
position: relative;
transition: all 0.3s ease-in-out; }
.menu-link-before:hover {
width: 100%;
color:#2F5BFF;
} ::-webkit-scrollbar {
width: 10px; } ::-webkit-scrollbar-thumb {
background: #2F5BFF; border-radius: 5px; } ::-webkit-scrollbar-track {
background: #f1f1f1; }
::selection {
background-color: #2F5BFF;
color: white; } ::-moz-selection {
background-color: #2F5BFF;
color: white;
}
.button-and-inscription-fill-form-body__inscription {
text-align: left; }
.inscription-body-form-fill-inscription-and-button__text {
display: inline-block; text-align: center; }
.body-down-menu__item {
white-space: nowrap;
}
.menu_wrapper {
display: flex;
flex-direction: column;
gap:30px;
padding-top:15px; }
.menu__logo {
display: flex;
flex-direction: column;
align-items: center; }
.logo-header-body__signature {
color: #e71616;
font-family: VasekItalic_0;
font-size: 40px;
font-style: italic;
font-weight: 400;
line-height: normal;
display: block; width: 101%; text-align: center; }
.menu__down-body li {
list-style-type: none; margin: 0; padding: 0; }
.menu__down-body li {
font-family: Manrope;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 136%; text-transform: uppercase;
}
.menu__down-body li a {
text-decoration: none; color: #000; letter-spacing:0;
}
.menu__down-body li a:hover {
color: #2f5bff
} .menu__link {
text-decoration: none;
position: relative;
display: inline-block;
}
.menu__item {
text-transform:uppercase;
font-size:14px;
} .menu__link:hover{
color:#2f5bff
}
.content-footer-body__item li {
list-style-type: none;
padding-left: 0;
color: #FFF;
font-family: Manrope;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%;
}
.options__text {
color: #000;
text-align: right;
font-family: Manrope;
font-size: 23.704px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.711px;
}
.spollers {
display: -ms-grid;
display: grid;
gap: 15px;
}
.spollers__item {
font-size: 1.25rem;
}
.spollers__title {
width: 100%;
cursor: default;
text-align: left;
border: 1px solid #eee;
padding: 0.625rem 0.9375rem;
border-radius: 0.3125rem;
position: relative;
}
._spoller-init .spollers__title {
cursor: pointer;
}
._spoller-init .spollers__title::before,
._spoller-init .spollers__title::after {
content: "";
position: absolute;
right: 10px;
top: 50%;
background-color: #000;
height: 2px;
width: 15px;
-webkit-transition: -webkit-transform 0.5s ease 0s;
transition: -webkit-transform 0.5s ease 0s;
transition: transform 0.5s ease 0s;
transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
._spoller-init .spollers__title::before {
-webkit-transform: translate(-75%, -50%) rotate(40deg);
-ms-transform: translate(-75%, -50%) rotate(40deg);
transform: translate(-75%, -50%) rotate(40deg);
}
._spoller-init .spollers__title::after {
-webkit-transform: translate(0, -50%) rotate(-40deg);
-ms-transform: translate(0, -50%) rotate(-40deg);
transform: translate(0, -50%) rotate(-40deg);
}
._spoller-init .spollers__title._spoller-active::before {
-webkit-transform: translateX(-75%) rotate(-40deg);
-ms-transform: translateX(-75%) rotate(-40deg);
transform: translateX(-75%) rotate(-40deg);
}
._spoller-init .spollers__title._spoller-active::after {
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
}
.spollers__body {
padding: 1.25rem;
border-radius: 0.3125rem;
border: 1px solid #eee;
}
.tabs__navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tabs__title {
border: 1px solid #eee;
padding: 0.625rem 0.9375rem;
border-radius: 0.3125rem;
}
.tabs__title._tab-active {
border: 1px solid #000;
}
.tabs__content {
border: 1px solid #eee;
padding: 0.625rem 0.9375rem;
}
[class*=-ibg] {
position: relative;
}
[class*=-ibg] img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
[class*=-ibg_contain] img {
-o-object-fit: contain;
object-fit: contain;
}
.icon-menu {
-ms-flex-negative: 0;
flex-shrink: 0;
border: 0px;
display: none;
}
@media (max-width: 1900px) {
.menu__down-body {
display: none;
}
}
.menu__body {
padding: 20px 0px 0px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 50px; }
@supports (gap: clamp( 0.9375rem , -1.5625rem  +  5.2083333333vw , 3.125rem )) {
.menu__body {
gap: clamp( 0.9375rem , -1.5625rem  +  5.2083333333vw , 3.125rem );
}
}
@supports not (gap: clamp( 0.9375rem , -1.5625rem  +  5.2083333333vw , 3.125rem )) {
.menu__body {
gap: calc(0.9375rem + 2.1875 * (100vw - 48rem) / 42);
}
}
.menu__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
font-family: Montserrat;
font-size: 1rem;
font-weight: 700;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
}
@supports (font-size: clamp( 0.875rem , 0.7321428571rem  +  0.2976190476vw , 1rem )) {
.menu__list {
font-size: clamp( 0.875rem , 0.7321428571rem  +  0.2976190476vw , 1rem );
}
}
@supports not (font-size: clamp( 0.875rem , 0.7321428571rem  +  0.2976190476vw , 1rem )) {
.menu__list {
font-size: calc(0.875rem + 0.125 * (100vw - 48rem) / 42);
}
}
.menu .menu-open .menu__list {
display: block !important;
}
.menu__link {
color: #000;
font-family: "Manrope";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.84px;
}
@supports (font-size: clamp( 0.875rem , -0.0272556391rem  +  1.8796992481vw , 1.5rem )) {
.menu__link { font-family: Manrope;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 136%; text-transform: uppercase;
}
}
@supports not (font-size: clamp( 0.875rem , -0.0272556391rem  +  1.8796992481vw , 1.5rem )) {
.menu__link {
font-size: calc(0.875rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.icon-menu {
display: none;
}
.logo-menu {
gap: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 21.16%;
flex: 0 0 21.16%;
} @supports not (gap: clamp( 0.3125rem , -0.4732142857rem  +  1.6369047619vw , 1rem )) {
.logo-menu {
gap: calc(0.3125rem + 0.6875 * (100vw - 48rem) / 42);
}
}
.logo-menu__name {
color: #000;
font-family: "cosmopolitan";
font-size: 77.587px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 9.31px;
}
@supports (font-size: clamp( 2.5rem , -0.8913082707rem  +  7.0652255639vw , 4.8491875rem )) {
.logo-menu__name {
font-size: clamp( 2.5rem , -0.8913082707rem  +  7.0652255639vw , 4.8491875rem );
}
}
@supports not (font-size: clamp( 2.5rem , -0.8913082707rem  +  7.0652255639vw , 4.8491875rem )) {
.logo-menu__name {
font-size: calc(2.5rem + 2.3491875 * (100vw - 48rem) / 33.25);
}
}
.menu__list {
z-index: 40;
}
.menu-open .menu__list {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.menu-open .menu__list ._active {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.menu-open .icon-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-self: flex-end;
-webkit-box-ordinal-group: 66;
-ms-flex-order: 65;
order: 65;
}
.list-menu {
position: relative;
background-color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} @supports (top: clamp( 2.8125rem , -0.7965225564rem  +  7.5187969925vw , 5.3125rem )) {
.list-menu::after {
top: clamp( 2.8125rem , -0.7965225564rem  +  7.5187969925vw , 5.3125rem );
}
}
@supports not (top: clamp( 2.8125rem , -0.7965225564rem  +  7.5187969925vw , 5.3125rem )) {
.list-menu::after {
top: calc(2.8125rem + 2.5 * (100vw - 48rem) / 33.25);
}
}
.list-menu__name {
font-size: 1.875rem;
display: none;
margin-bottom: 2.5rem;
}
.menu-open .wrap-content-list-menu__soc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.menu-open .wrap-content-list-menu__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.menu-open .call-menu__number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.icon-menu__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.box-menu-icon {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 45px;
}
.body-down-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 94px;
color: #000;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.3px;
}
@supports (font-size: clamp( 0.875rem , 0.3336466165rem  +  1.1278195489vw , 1.25rem )) {
.body-down-menu {
font-size: clamp( 0.875rem , 0.3336466165rem  +  1.1278195489vw , 1.25rem );
}
}
@supports not (font-size: clamp( 0.875rem , 0.3336466165rem  +  1.1278195489vw , 1.25rem )) {
.body-down-menu {
font-size: calc(0.875rem + 0.375 * (100vw - 48rem) / 33.25);
}
}
@supports (gap: clamp( 1.25rem , -5.4266917293rem  +  13.9097744361vw , 5.875rem )) {
.body-down-menu { gap:35px;
}
}
@supports not (gap: clamp( 1.25rem , -5.4266917293rem  +  13.9097744361vw , 5.875rem )) {
.body-down-menu {
gap: calc(1.25rem + 4.625 * (100vw - 48rem) / 33.25);
}
}
.header__container {
margin-bottom: 23px;
}
.footer {
position: relative;
border-radius: 17px 17px 0px 0px;
background: linear-gradient(165deg, #2F5BFF 15%, #2F5BFF 0%, #FB3B3B 100%, #FB3B3B 100%);
}
.body-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0px 0px 50px 0px;
align-items: flex-end;
}
.body-footer__logo {
text-align: center;
-webkit-box-flex: 0;
display: flex;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
flex-direction: column;
justify-content: flex-start;
}
.body-footer__wrap-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 48px;
}
.logo-footer-body__title {
color: #fffbfb;
font-family: cosmopolitan;
font-size: 77.587px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 9.31px;
padding-left: 17px;
}
@supports (font-size: clamp( 2.5rem , -0.8913082707rem  +  7.0652255639vw , 4.8491875rem )) {
.logo-footer-body__title {
font-size: clamp( 2.5rem , -0.8913082707rem  +  7.0652255639vw , 4.8491875rem );
}
}
@supports not (font-size: clamp( 2.5rem , -0.8913082707rem  +  7.0652255639vw , 4.8491875rem )) {
.logo-footer-body__title {
font-size: calc(2.5rem + 2.3491875 * (100vw - 48rem) / 33.25);
}
}
.logo-footer-body__signature {
color: #fff;
font-family: VasekItalic_0;
font-size: 40px;
font-style: italic;
font-weight: 400;
line-height: normal;
transition:.7s;
cursor:pointer;
}
.logo-footer-body__signature:hover {
color: #e71616;
font-family: VasekItalic_0;
font-size: 40px;
font-style: italic;
font-weight: 400;
line-height: normal;
}
@supports (font-size: clamp( 1.875rem , 0.9727443609rem  +  1.8796992481vw , 2.5rem )) {
.logo-footer-body__signature {
font-size: clamp( 1.875rem , 0.9727443609rem  +  1.8796992481vw , 2.5rem );
}
}
@supports not (font-size: clamp( 1.875rem , 0.9727443609rem  +  1.8796992481vw , 2.5rem )) {
.logo-footer-body__signature {
font-size: calc(1.875rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
@supports (font-size: clamp( 1.875rem , 0.9727443609rem  +  1.8796992481vw , 2.5rem )) {
.logo-header-body__signature {
font-size: clamp( 1.875rem , 0.9727443609rem  +  1.8796992481vw , 2.5rem );
}
}
@supports not (font-size: clamp( 1.875rem , 0.9727443609rem  +  1.8796992481vw , 2.5rem )) {
.logo-header-body__signature {
font-size: calc(1.875rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.content-footer-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-pack: distribute;
justify-content: flex-start;
}
.item-body-footer-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #fff;
font-family: Manrope;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%;
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
gap:16px; }
.item-body-footer-content__link:hover{
color: #2F5BFF;
transition: 0.2s;
}
@supports (font-size: clamp( 0.875rem , 0.6945488722rem  +  0.3759398496vw , 1rem )) {
.item-body-footer-content {
font-size: clamp( 0.875rem , 0.6945488722rem  +  0.3759398496vw , 1rem );
}
}
@supports not (font-size: clamp( 0.875rem , 0.6945488722rem  +  0.3759398496vw , 1rem )) {
.item-body-footer-content {
font-size: calc(0.875rem + 0.125 * (100vw - 48rem) / 33.25);
}
}
.soc-footer-body__text {
color: #f8f8f8;
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 6px;
}
@supports (font-size: clamp( 1rem , 0.8195488722rem  +  0.3759398496vw , 1.125rem )) {
.soc-footer-body__text {
font-size: clamp( 1rem , 0.8195488722rem  +  0.3759398496vw , 1.125rem );
}
}
@supports not (font-size: clamp( 1rem , 0.8195488722rem  +  0.3759398496vw , 1.125rem )) {
.soc-footer-body__text {
font-size: calc(1rem + 0.125 * (100vw - 48rem) / 33.25);
}
}
.icon-body-footer-soc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 25px;
margin-bottom: 20px;
}
.icon-body-footer-soc__a:hover .icon-body-footer-soc__icon {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: 0.2s;
transition: 0.2s;
}
.mail-body-footer-soc {
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.mail-body-footer-soc__button {
position: absolute;
top: 15%;
left: 84%;
-webkit-transition: 0.2s;
transition: 0.2s;
border: 0px;
}
.mail-body-footer-soc__button:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.mail-body-footer-soc__input {
color: var(--dark, #0a142f);
font-family: Helvetica Neue;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 36px;
background: #fff;
padding: 9px 16px;
width: 216px;
}
@supports (font-size: clamp( 1rem , 0.8195488722rem  +  0.3759398496vw , 1.125rem )) {
.mail-body-footer-soc__input {
font-size: clamp( 1rem , 0.8195488722rem  +  0.3759398496vw , 1.125rem );
}
}
@supports not (font-size: clamp( 1rem , 0.8195488722rem  +  0.3759398496vw , 1.125rem )) {
.mail-body-footer-soc__input {
font-size: calc(1rem + 0.125 * (100vw - 48rem) / 33.25);
}
}
.div_one {
font-family: "Manrope";
font-size: 30px;
}
.div_two {
font-family: "Playfair Display";
font-size: 30px;
}
.div_three {
font-family: "Manrope";
font-size: 30px;
}
.fill-form-margin {
margin-bottom: 150px;
}
@supports (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.fill-form-margin {
margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.fill-form-margin {
margin-bottom: calc(1.25rem + 8.125 * (100vw - 48rem) / 33.25);
}
}
.fill-form__bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fill-form__bg img {
width: 100%;
height: 100%;
}
.fill-form {
overflow: hidden;
position: relative;
}
.body-form-fill {
position: relative;
z-index: 2;
padding: 66px 0px 66px 0px;
}
.text-and-img-fill-form-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text-and-img-fill-form-body__text {
margin-bottom: 70px;
-webkit-box-flex: 0;
-ms-flex: 0 1 60%;
flex: 0 1 60%;
}
.img-body-form-fill-img-and-text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.img-body-form-fill-img-and-text__img_one {
position: absolute;
left: 0%;
top: 20%;
}
.img-body-form-fill-img-and-text__img_two {
position: absolute;
left: 11%;
top: 5%;
height: auto;
z-index: -1;
}
.up-img-body-form-fill-img-and-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text-body-form-fill-img-and-text__title {
color: #FFF;
font-family: Manrope;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 75px; margin-bottom:20px;
}
.text-body-form-fill-img-and-text__title span {
color: #CCF600;
font-family: Manrope;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 60px;
}
@supports (font-size: clamp( 1.25rem , -0.5545112782rem  +  4.759398vw , 3.5rem )) {
.text-body-form-fill-img-and-text__title {
font-size: clamp( 1.25rem , -0.5545112782rem  +  4.759398vw , 3.5rem );
}
}
@supports not (font-size: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem )) {
.text-body-form-fill-img-and-text__title {
font-size: calc(1.25rem + 1.25 * (100vw - 48rem) / 33.25);
}
} @supports not (margin-bottom: clamp( 1.25rem , -2.5394736842rem  +  7.8947368421vw , 3.875rem )) {
.text-body-form-fill-img-and-text__title {
margin-bottom: calc(1.25rem + 2.625 * (100vw - 48rem) / 33.25);
}
}
.text-body-form-fill-img-and-text__box-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 38px;
}
@supports (gap: clamp( 0.625rem , -1.9013157895rem  +  5.2631578947vw , 2.375rem )) {
.text-body-form-fill-img-and-text__box-text {
gap: clamp( 0.625rem , -1.9013157895rem  +  5.2631578947vw , 2.375rem );
}
}
@supports not (gap: clamp( 0.625rem , -1.9013157895rem  +  5.2631578947vw , 2.375rem )) {
.text-body-form-fill-img-and-text__box-text {
gap: calc(0.625rem + 1.75 * (100vw - 48rem) / 33.25);
}
}
.box-text-text-and-img-fill-form-body-text__h3 {
color: #FFF;
padding:0;
font-family: Manrope;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 30px; }
@supports (font-size: clamp( 1rem , -0.2631578947rem  +  2.6315789474vw , 1.7375rem )) {
.box-text-text-and-img-fill-form-body-text__h3 {
font-size: clamp( 1rem , -0.2631578947rem  +  2.6315789474vw , 1.7375rem );
}
}
@supports not (font-size: clamp( 1rem , -0.2631578947rem  +  2.6315789474vw , 1.875rem )) {
.box-text-text-and-img-fill-form-body-text__h3 {
font-size: calc(1rem + 0.875 * (100vw - 48rem) / 33.25);
}
}
.box-text-text-and-img-fill-form-body-text__txt {
color: #fff;
opacity:0.8;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top:5px;
letter-spacing: 0.4px;
}
@supports (font-size: clamp( 0.875rem , 0.3336466165rem  +  1.1278195489vw , 1.05rem )) {
.box-text-text-and-img-fill-form-body-text__txt {
font-size: clamp( 0.875rem , 0.3336466165rem  +  1.1278195489vw , 1.05rem );
}
}
@supports not (font-size: clamp( 0.875rem , 0.3336466165rem  +  1.1278195489vw , 1.25rem )) {
.box-text-text-and-img-fill-form-body-text__txt {
font-size: calc(0.875rem + 0.375 * (100vw - 48rem) / 33.25);
}
}
.button-and-inscription-fill-form-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.button-and-inscription-fill-form-body__button {
padding: 20px 35px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 17px;
background: #FFF;
color: #2F5BFF;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px; text-transform: uppercase;
transition:1s;
cursor:pointer;
}
.button-and-inscription-fill-form-body__button:hover {
background: #2F5BFF;
color:#fff;
}
@supports (font-size: clamp( 0.875rem , 0.0150601504rem  +  1.7915413534vw , 1.4706875rem )) {
.button-and-inscription-fill-form-body__button {
font-size: clamp( 0.875rem , 0.0150601504rem  +  1.7915413534vw , 1.4706875rem );
}
}
@supports not (font-size: clamp( 0.875rem , 0.0150601504rem  +  1.7915413534vw , 1.4706875rem )) {
.button-and-inscription-fill-form-body__button {
font-size: calc(0.875rem + 0.5956875 * (100vw - 48rem) / 33.25);
}
}
.inscription-body-form-fill-inscription-and-button {
-webkit-box-flex: 0;
-ms-flex: 0 1 40%;
flex: 0 1 40%;
margin-top:-20px;
}
.inscription-body-form-fill-inscription-and-button__text {
color: #fff;
text-align: center;
text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
color: #FFF;
text-align: center;
font-family: Playfair Display;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: 109.8%; letter-spacing: 0.42px;
}
@supports (font-size: clamp( 1rem , -1.1654135338rem  +  4.5112781955vw , 2.5rem )) {
.inscription-body-form-fill-inscription-and-button__text {
font-size: clamp( 1rem , -1.1654135338rem  +  4.5112781955vw , 2.5rem );
}
}
@supports not (font-size: clamp( 1rem , -1.1654135338rem  +  4.5112781955vw , 2.5rem )) {
.inscription-body-form-fill-inscription-and-button__text {
font-size: calc(1rem + 1.5 * (100vw - 48rem) / 33.25);
}
}
.inscription-body-form-fill-inscription-and-button__dedicated {
color: #90a6f4;
}
.test-ul {
list-style-type: square;
}
.register-card__container {
margin-bottom: 157px;
}
@supports (margin-bottom: clamp( 1.25rem , -11.1109022556rem  +  25.7518796992vw , 9.8125rem )) {
.register-card__container {
margin-bottom: clamp( 1.25rem , -11.1109022556rem  +  25.7518796992vw , 9.8125rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -11.1109022556rem  +  25.7518796992vw , 9.8125rem )) {
.register-card__container {
margin-bottom: calc(1.25rem + 8.5625 * (100vw - 48rem) / 33.25);
}
}
.body-card-register {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.body-card-register__title {
-ms-flex-item-align: left;
-ms-grid-row-align: left;
align-self: left;
color: #000; font-family: Playfair Display;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.44px;
margin-bottom: 93px;
}
@supports (font-size: clamp( 1.5rem , -0.6654135338rem  +  3.5112781955vw , 2.5rem )) {
.body-card-register__title {
font-size: clamp( 1.5rem , -0.6654135338rem  +  3.5112781955vw , 2.5rem )
}
}
@supports not (font-size: clamp( 1.5rem , -0.6654135338rem  +  3.5112781955vw , 3rem )) {
.body-card-register__title {
font-size: calc(1.5rem + 1.5 * (100vw - 48rem) / 33.25);
}
}
.card-section-register-card-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap:wrap; -webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 15px;
}
.item-body-card-register-section-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 25.935px;
width:433px;
background: -webkit-gradient(linear, left top, right top, from(#f3e7e9), color-stop(99%, #e3eeff), to(#e3eeff));
background: linear-gradient(90deg, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
-webkit-box-shadow: 0px 10.6790704727px 28.2232570648px -7.6279067993px rgba(178, 178, 178, 0.17);
box-shadow: 0px 10.6790704727px 28.2232570648px -7.6279067993px rgba(178, 178, 178, 0.17);
padding: 50px 25px 40px 25px;
}
.item-body-card-register-section-card__img-wrap {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.item-body-card-register-section-card__img-wrap img {
width: 200px;
height:200px;
}
.item-body-card-register-section-card__become {
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.item-body-card-register-section-card__become::after {
content: "";
width: 74px;
height: 1px;
background: #9b59b6;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.become-card-section-register-card-body-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 25px;
}
.become-card-section-register-card-body-item__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 13px;
}
.become-card-section-register-card-body-item__title {
color: #16278a;
text-align: center;
font-family: 'Playfair Display';
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 106.5%; letter-spacing: -0.75px;
}
@supports (top: clamp( 1.125rem , 0.4934210526rem  +  1.3157894737vw , 1.5625rem )) {
.become-card-section-register-card-body-item__title {
top: clamp( 1.125rem , 0.4934210526rem  +  1.3157894737vw , 1.5625rem );
}
}
@supports not (top: clamp( 1.125rem , 0.4934210526rem  +  1.3157894737vw , 1.5625rem )) {
.become-card-section-register-card-body-item__title {
top: calc(1.125rem + 0.4375 * (100vw - 48rem) / 33.25);
}
}
.become-card-section-register-card-body-item__text {
color: var(--system-colors-purple, #7c76bb);
text-align: center;
font-family: 'Playfair Display';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 106.5%; }
@supports (font-size: clamp( 0.9375rem , 0.6668233083rem  +  0.5639097744vw , 1.125rem )) {
.become-card-section-register-card-body-item__text {
font-size: clamp( 0.9375rem , 0.6668233083rem  +  0.5639097744vw , 1.125rem );
}
}
@supports not (font-size: clamp( 0.9375rem , 0.6668233083rem  +  0.5639097744vw , 1.125rem )) {
.become-card-section-register-card-body-item__text {
font-size: calc(0.9375rem + 0.1875 * (100vw - 48rem) / 33.25);
}
}
.list-card-section-register-card-body-item {
margin-bottom: 13px;
}
.ul-item-body-card-register-section-card-list__li {
color: #000;
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
list-style: disc;
}
.ul-item-body-card-register-section-card-list__li ul li{
list-style: disc;
}
@supports (font-size: clamp( 0.9375rem , 0.6668233083rem  +  0.5639097744vw , 1.125rem )) {
.ul-item-body-card-register-section-card-list__li {
font-size: clamp( 0.9375rem , 0.6668233083rem  +  0.5639097744vw , 1.125rem );
}
}
@supports not (font-size: clamp( 0.9375rem , 0.6668233083rem  +  0.5639097744vw , 1.125rem )) {
.ul-item-body-card-register-section-card-list__li {
font-size: calc(0.9375rem + 0.1875 * (100vw - 48rem) / 33.25);
}
}
.button-wrap-card-section-register-card-body-item {
border-radius: 17px; margin-top:20px;
}
.button-wrap-card-section-register-card-body-item__button {
position: relative;
background: transparent;
z-index: 1;
color: #2F5BFF;
font-family: Manrope;
display: inline-flex;
padding: 10px 35px;
justify-content: center;
align-items: center;
gap: 10px;
font-size: 20px;
font-style: normal;
font-weight: 600;
border-radius: 17px;
border: 2px solid #2F5BFF;
line-height: 30px;
text-transform: uppercase;
transition:1s;
}
.button-wrap-card-section-register-card-body-item__button:hover {
background:#2F5BFF;
color:#fff;
opacity: 1;
}
.company-advantage__container {
margin-bottom: 150px;
}
@supports (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.company-advantage__container {
margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.company-advantage__container {
margin-bottom: calc(1.25rem + 8.125 * (100vw - 48rem) / 33.25);
}
}
.title-company-advantage-body {
color: #000; font-family: Playfair Display;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.44px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
@supports (font-size: clamp( 1.5rem , -0.6654135338rem  +  3.5112781955vw , 2rem )) {
.title-company-advantage-body {
font-size: clamp( 1.5rem , -0.6654135338rem  +  3.5112781955vw , 2rem );
}
}
@supports not (font-size: clamp( 1.5rem , -0.6654135338rem  +  4.5112781955vw , 3rem )) {
.title-company-advantage-body {
font-size: calc(1.5rem + 1.5 * (100vw - 48rem) / 33.25);
}
}
.body-advantage-company__title { }
.body-advantage-company__items {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-advantage-company__items {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-advantage-company__items {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.items-company-advantage-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding:65px 50px 0px 50px;;
gap: 50px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.items-body-advantage-company-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 350px;
}
.items-body-advantage-company-item__ot{
font-size: 15px;
}
.items-body-advantage-company-item__rub{
font-size: 15px;
}
.items-body-advantage-company-item__number {
color: #F23F47;;
text-align: center;
font-family: Playfair Display;
font-size: 69.633px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.items-body-advantage-company-item__number-txt {
color: #F23F47;;
text-align: center;
font-family: Playfair Display;
font-size: 25.192px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.items-body-advantage-company-item__text {
color: #000;
text-align: center;
font-family: Manrope;
font-size: 17.441px;
font-style: normal;
font-weight: 400;
line-height: 165%; letter-spacing: 0.349px;
}
.items-body-advantage-company-item__button {
color: #fff;
font-family: 'Manrope';
font-size: 23.531px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
@supports (font-size: clamp( 0.9375rem , 0.1677857143rem  +  1.6035714286vw , 1.4706875rem )) {
.items-body-advantage-company-item__button {
font-size: clamp( 0.9375rem , 0.1677857143rem  +  1.6035714286vw , 1.4706875rem );
}
}
@supports not (font-size: clamp( 0.9375rem , 0.1677857143rem  +  1.6035714286vw , 1.4706875rem )) {
.items-body-advantage-company-item__button {
font-size: calc(0.9375rem + 0.5331875 * (100vw - 48rem) / 33.25);
}
}
.button-item-company-advantage-body-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.button-item-company-advantage-body-items__real-button {
position: relative;
padding: 22px 41px;
border-radius: 17px;
background: var(--grad-1, linear-gradient(90deg, #5E80FD 0%, #FB3B3B 100%));
color: #fff; cursor: pointer;
overflow: hidden;
z-index: 1; }
.button-item-company-advantage-body-items__real-button::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--grad-1, linear-gradient(90deg, #FB3B3B 0%, #5E80FD 100%));
opacity: 0;
transition: opacity 1s;
z-index: -1; }
.button-item-company-advantage-body-items__real-button:hover::before {
opacity: 1;
}
.steps-box__container {
margin-bottom: 150px;
}
@supports (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.steps-box__container {
margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.steps-box__container {
margin-bottom: calc(1.25rem + 8.125 * (100vw - 48rem) / 33.25);
}
}
.body-steps-box__title {
margin-bottom: 120px;
}
@supports (margin-bottom: clamp( 1.25rem , -7.772556391rem  +  18.7969924812vw , 7.5rem )) {
.body-steps-box__title {
margin-bottom: clamp( 1.25rem , -7.772556391rem  +  18.7969924812vw , 7.5rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -7.772556391rem  +  18.7969924812vw , 7.5rem )) {
.body-steps-box__title {
margin-bottom: calc(1.25rem + 6.25 * (100vw - 48rem) / 33.25);
}
}
.title-box-steps-body {
color: #000; font-family: Playfair Display;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.44px;
text-align: left;
margin-bottom:50px;
}
@supports (font-size: clamp( 1.25rem , -1.2763157895rem  +  4.2631578947vw , 2.5rem )) {
.title-box-steps-body {
font-size: clamp( 1.25rem , -1.2763157895rem  +  4.2631578947vw , 2.5rem );
}
}
@supports not (font-size: clamp( 1.25rem , -1.2763157895rem  +  5.2631578947vw , 3rem )) {
.title-box-steps-body {
font-size: calc(1.25rem + 1.75 * (100vw - 48rem) / 33.25);
}
}
.title-box-steps-body__span {
color: #ea1616;
}
.steps {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 902px;
}
.steps__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
position: relative;
} .wpcf7-form.init{
display: flex;
flex-direction: column;
gap: 50px;
} .wrap-index-city-form-registration-form-body__box input{
width: 300px;
}
.step {
width: 70px;
height: 70px;
border-radius: 50%;
background-color: #3277fe;
color: white;
font-size: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
position: relative;
color: #fff;
font-family: Playfair Display;
font-size: 62.675px;
font-style: normal;
font-weight: 600;
}
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
border: 1px solid #000;
width: 20px;
height: 20px;
border-radius: 0px;
}
input[type="radio"]:checked {
background-color: #4D76E1;
}
.wpcf7-list-item input{
border-radius:50px !important;
width: 20px !important;
height: 20px !important;
padding: 0px !important;
cursor: pointer;
}
.step__number {
margin-top: -18px;
}
.step:last-child {
margin-bottom: 0;
}
.step::before,
.step::after {
content: "";
position: absolute;
width: 4px;
height: 31%;
background-color: #5E80FD;
top: 1%;
left: 50%;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.step::before {
-webkit-transform: translate(-50%, -100%) rotate(0deg);
-ms-transform: translate(-50%, -100%) rotate(0deg);
transform: translate(-50%, -100%) rotate(0deg);
content: "";
position: absolute;
height: 100%;
width: 4px;
background-color: #3277FE;
top: 0px;
left: 35px;
z-index: -2;
}
.step::before:first-child {
display: none;
}
.step::after {
-webkit-transform: translate(-50%, 0) rotate(45deg);
-ms-transform: translate(-50%, 0) rotate(45deg);
transform: translate(-50%, 0) rotate(45deg);
display: none;
}
.step_one::before {
display: none;
}
.step-txt {
color: #000;
}
.body-steps-box__wrap-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.steps__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
}
.step-text {
-webkit-box-flex: 90%;
-ms-flex: 90%;
flex: 90%;
color: #141414;
font-family: Manrope;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 120%; letter-spacing: -0.522px;
}
@supports (font-size: clamp( 1rem , 0.0977443609rem  +  1.8796992481vw , 1.625rem )) {
.step-text {
font-size: clamp( 1rem , 0.0977443609rem  +  1.8796992481vw , 1.625rem );
}
}
@supports not (font-size: clamp( 1rem , 0.0977443609rem  +  1.8796992481vw , 1.625rem )) {
.step-text {
font-size: calc(1rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.representative-reviews__container {
margin-bottom: 180px;
}
@supports (margin-bottom: clamp( 1.25rem , -13.1860902256rem  +  30.0751879699vw , 11.25rem )) {
.representative-reviews__container {
margin-bottom: clamp( 1.25rem , -13.1860902256rem  +  30.0751879699vw , 11.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -13.1860902256rem  +  30.0751879699vw , 11.25rem )) {
.representative-reviews__container {
margin-bottom: calc(1.25rem + 10 * (100vw - 48rem) / 33.25);
}
}
.body-reviews-representative {
position: relative;
}
.body-reviews-representative__title {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-reviews-representative__title {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 5.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-reviews-representative__title {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.swiper-slide { background:transparent;
border-radius: 30px;
padding: 50px 50px;
}
.wrap-content-slide-swiper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 32px;
}
@supports (gap: clamp( 0.9375rem , -0.5963345865rem  +  3.1954887218vw , 2rem )) {
.wrap-content-slide-swiper {
gap: clamp( 0.9375rem , -0.5963345865rem  +  3.1954887218vw , 2rem );
}
}
@supports not (gap: clamp( 0.9375rem , -0.5963345865rem  +  3.1954887218vw , 2rem )) {
.wrap-content-slide-swiper {
gap: calc(0.9375rem + 1.0625 * (100vw - 48rem) / 33.25);
}
}
.wrap-content-slide-swiper__text {
color: #000;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 142.1%; }
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.wrap-content-slide-swiper__text {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.wrap-content-slide-swiper__text {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
.wrap-content-slide-swiper__signature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
color: #000;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.wrap-content-slide-swiper__signature {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.wrap-content-slide-swiper__signature {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
.review-avatar-img {
max-width: 100%;
height: auto;
object-fit: cover;
}
.avatar-swiper-slide-content-wrap__img  {
border-radius: 50%;
height: 203px;
width: 203px;
}
.swiper-button-prev {
left: -29px !important;
background-color: #8a1616;
border-radius: 50%;
width: 60px !important;
height: 60px !important;
border: 0px;
}
.swiper-button-next {
right: -29px !important;
left: auto;
background-color: #8a1616;
border-radius: 50%;
width: 60px !important;
height: 60px !important;
border: 0px;
}
.swiper-button-prev:after {
display: none;
}
.swiper-button-next:after {
display: none;
}
.swiper-button-next,
.swiper-button-prev {
top: 63% !important;
}
.join-the-team__container {
margin-bottom: 150px;
}
@supports (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.join-the-team__container {
margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.join-the-team__container {
margin-bottom: calc(1.25rem + 8.125 * (100vw - 48rem) / 33.25);
}
}
.body-team-the-join__title {
margin-bottom: 150px;
}
@supports (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.body-team-the-join__title {
margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 5.375rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.body-team-the-join__title {
margin-bottom: calc(1.25rem + 8.125 * (100vw - 48rem) / 33.25);
}
}
.content-join-the-team-body {
border-radius: 24px;
background: var(--gradient, linear-gradient(90deg, #1346FF 0%, #FC1515 100%));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
gap: 50px;
padding: 45px 33px;
border-radius: 24px;
overflow: hidden;
}
@supports (gap: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.content-join-the-team-body {
gap: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem );
}
}
@supports not (gap: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.content-join-the-team-body {
gap: calc(1.25rem + 1.875 * (100vw - 48rem) / 33.25);
}
}
.content-join-the-team-body__welcome {
color: #fff;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.72px;
max-width: 343px;
}
@supports (font-size: clamp( 1.125rem , 0.5836466165rem  +  1.1278195489vw , 1.5rem )) {
.content-join-the-team-body__welcome {
font-size: clamp( 1.125rem , 0.5836466165rem  +  1.1278195489vw , 1.5rem );
}
}
@supports not (font-size: clamp( 1.125rem , 0.5836466165rem  +  1.1278195489vw , 1.5rem )) {
.content-join-the-team-body__welcome {
font-size: calc(1.125rem + 0.375 * (100vw - 48rem) / 33.25);
}
}
.wrap-text-image-body-team-the-join-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 18px;
}
.wrap-text-image-body-team-the-join-content__text {
-webkit-box-flex: 0;
-ms-flex: 0 1 48%;
flex: 0 1 48%;
color: #fff;
font-family: Manrope;
font-size: 20px;
font-style: normal;
width: 50%;
font-weight: 400;
line-height: 153.6%; letter-spacing: -0.6px;
}
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.wrap-text-image-body-team-the-join-content__text {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.wrap-text-image-body-team-the-join-content__text {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
.img-box-content-join-the-team-body-image-text-wrap {
-webkit-transform: translate(0px, -27px);
-ms-transform: translate(0px, -27px);
transform: translate(0px, -27px);
}
.img-box-content-join-the-team-body-image-text-wrap__img {
border: 10px solid #fff;
border-radius: 43px;
padding: 24px;
-webkit-box-shadow: 144px -53px 4px 0px rgba(22, 39, 138, 0.15);
box-shadow: 144px -53px 4px 0px rgba(22, 39, 138, 0.15);
}
.block {
display: flex;
align-items: center;
border-radius: 24px;
background: var(--gradikkk, linear-gradient(132deg, #FFEFF4 0%, #E9F1FF 100%));
padding: 0px;
align-items: stretch;
}
.block__image {
width: 320px;
max-height: 100%;
object-fit: cover;
border-radius: 17px;
}
.block__content {
flex: 70%;
margin-left: 20px;
}
.block__text {
color: rgba(0, 0, 0, 0.80);
font-family: Manrope;
font-size: 20px;
font-style: normal;
padding-top:40px;
padding-left:40px;
padding-bottom:40px;
font-weight: 400;
line-height: 136%; }
.block__text--bold {
color: #000;
color: #000;
padding-top:40px;
padding-left:40px;
font-family: Playfair Display;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 40px; }
.bg1 {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.img-wrap-text-image-body-team-the-join-content-box-img {
width: 100%;
}
.fill-form__bg {
z-index: -2;
}
.my-achievements__container {
margin-bottom: 150px;
}
@supports (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.my-achievements__container {
margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.my-achievements__container {
margin-bottom: calc(1.25rem + 8.125 * (100vw - 48rem) / 33.25);
}
}
.body-achievements-my__title {
margin-bottom: 130px;
}
@supports (margin-bottom: 50px) {
.body-achievements-my__title {
margin-bottom: 50px
}
}
@supports not (margin-bottom: clamp( 1.25rem , -8.6748120301rem  +  20.6766917293vw , 8.125rem )) {
.body-achievements-my__title {
margin-bottom: calc(1.25rem + 6.875 * (100vw - 48rem) / 33.25);
}
}
.content-my-achievements-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: transparent;
border-radius: 30px;
row-gap: 44px;
}
.body-achievements-my__content {
display: flex;
flex-wrap: wrap; gap: 20px; }
@supports (row-gap: clamp( 0.625rem , -2.9840225564rem  +  7.5187969925vw , 3.125rem )) {
.content-my-achievements-body {
row-gap: clamp( 0.625rem , -2.9840225564rem  +  7.5187969925vw , 3.125rem );
}
}
@supports not (row-gap: clamp( 0.625rem , -2.9840225564rem  +  7.5187969925vw , 3.125rem )) {
.content-my-achievements-body {
row-gap: calc(0.625rem + 2.5 * (100vw - 48rem) / 33.25);
}
}
.item-body-achievements-my-content {
display: flex;
align-items: center;
flex: 0 1 calc(50% - 10px); }
.item-body-achievements-my-content__text {
color: #000;
font-family: Manrope;
padding-left: 15px;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.6px;
}
.spollers__title {
border: 1px solid #000;
border-radius: 13px;
}
._spoller-init .spollers__title::before,
._spoller-init .spollers__title::after {
content: "";
position: absolute;
left: 32px;
top: 50%;
background-color: #000;
height: 2px;
width: 15px;
-webkit-transition: -webkit-transform 0.5s ease 0s;
transition: -webkit-transform 0.5s ease 0s;
transition: transform 0.5s ease 0s;
transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.spollers__title {
padding: 0.625rem 2.9375rem;
}
._spoller-init .spollers__title::before {
-webkit-transform: translate(-75%, -50%) rotate(0deg);
-ms-transform: translate(-75%, -50%) rotate(0deg);
transform: translate(-75%, -50%) rotate(0deg);
width: 25px;
background-color: #e71616;
}
._spoller-init .spollers__title::after {
-webkit-transform: translate(-75%, -50%) rotate(0deg);
-ms-transform: translate(-75%, -50%) rotate(0deg);
transform: translate(-75%, -50%) rotate(0deg);
width: 25px;
background-color: #e71616;
}
._spoller-init .spollers__title._spoller-active::after {
-webkit-transform: translate(-75%, -50%) rotate(0deg);
-ms-transform: translate(-75%, -50%) rotate(0deg);
transform: translate(-75%, -50%) rotate(0deg);
}
._spoller-init .spollers__title._spoller-active::before {
-webkit-transform: translate(-75%, -50%) rotate(90deg);
-ms-transform: translate(-75%, -50%) rotate(90deg);
transform: translate(-75%, -50%) rotate(90deg);
}
.spollers__body {
padding: 0.625rem 2.9375rem;
border-top: 0px !important;
border: #000 1px solid;
border-radius: 0px 0px 18px 18px;
}
._spoller-active {
border-bottom: 0px;
border-radius: 18px 18px 0px 0px;
}
.have-any-questions__container {
margin-bottom: 150px;
}
@supports (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.have-any-questions__container {
margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.have-any-questions__container {
margin-bottom: calc(1.25rem + 8.125 * (100vw - 48rem) / 33.25);
}
}
.body-questions-any-have__title {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 3.25rem )) {
.body-questions-any-have__title {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 3.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-questions-any-have__title {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
input, button, textarea {
border: 1px solid;
padding: 9px 15px;
border-radius: 17px;
background: transparent;
border: 0px;
width:100%;
}
.body-form-registration__title {
margin-bottom: 50px;
}
@supports not (margin-bottom: clamp( 1.25rem , -5.4266917293rem  +  13.9097744361vw , 5.875rem )) {
.body-form-registration__title {
margin-bottom: calc(1.25rem + 4.625 * (100vw - 48rem) / 33.25);
}
}
.body-form-registration__form {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-form-registration__form {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-form-registration__form {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.form-registration-form-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 100px;
}
@supports (gap: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.form-registration-form-body {
gap: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (gap: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.form-registration-form-body {
gap: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.wrap-body-form-registration-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
.wrap-body-form-registration-form__item {
color: rgba(0, 0, 0, 0.22);
font-family: Manrope;
font-size: 23px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.69px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.wrap-body-form-registration-form__item input {
padding: 16px 20px;
-webkit-box-flex: 1;
border-color: transparent;
-ms-flex: 1;
border-radius: 17px;
background: rgba(47, 91, 255, 0.05);
flex: 1;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
.wpcf7-list-item-label {
color: #000;
font-family: Manrope;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 30px;
padding-left: 20px;
}
.wrap-body-form-registration-form__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 27px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wrap-body-form-registration-form__wrap-index-city {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.item-form-registration-form-body-wrap-coincidence ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.item-form-registration-form-body-wrap-coincidence ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.item-form-registration-form-body-wrap-target {
gap: 16px;
}
.item-form-registration-form-body-wrap-target__options {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 24px;
}
.item-form-registration-form-body-wrap-target ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.item-form-registration-form-body-wrap-target ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.item-form-registration-form-body-wrap-target label {
color: #000;
font-family: Manrope;
font-size: 23.704px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.711px;
}
.wrap-index-city-form-registration-form-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items:center;
gap: 10px;
}
.wrap-index-city-form-registration-form-body__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 27px;
}
.nav-body-new-see-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.nav-body-new-see-tabs__title {
color: var(--52565-a, #373d43);
text-align: center;
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 190%; }
.content-body-new-see-tabs__wrap-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 10px;
}
.see-new__container {
margin-bottom: 150px;
}
@supports (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.see-new__container {
margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -10.4793233083rem  +  24.4360902256vw , 9.375rem )) {
.see-new__container {
margin-bottom: calc(1.25rem + 8.125 * (100vw - 48rem) / 33.25);
}
}
.wrap-flex-tabs-see-new-body-content {
padding: 40px 0px 100px 0px;
}
@supports (padding-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.wrap-flex-tabs-see-new-body-content {
padding-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (padding-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.wrap-flex-tabs-see-new-body-content {
padding-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-top: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem )) {
.wrap-flex-tabs-see-new-body-content {
padding-top: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem );
}
}
@supports not (padding-top: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem )) {
.wrap-flex-tabs-see-new-body-content {
padding-top: calc(1.25rem + 1.25 * (100vw - 48rem) / 33.25);
}
}
.wrap-flex-tabs-see-new-body-content__a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width:300px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wrap-flex-tabs-see-new-body-content__img_one {
width: 80%;
}
.wrap-flex-tabs-see-new-body-content__img_two {
width: 100%;
}
.tabs-see-new-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tabs-see-new-body__button {
border-radius: 17px;
background: #8a1616;
color: #fff;
font-family: 'Manrope';
font-size: 23.531px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding: 21px 92px;
cursor: pointer;
}
.button-body-new-see-tabs {
position: relative;
border-radius: 17px;
background: var(--grad-1, linear-gradient(90deg, #5E80FD 0%, #FB3B3B 100%));
color: #fff;
font-family: 'Manrope';
font-size: 23.531px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding: 21px 92px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
transition: background 0.5s; }
.button-body-new-see-tabs:hover {
background: var(--grad-1, linear-gradient(90deg, #FB3B3B 0%, #5E80FD 100%));
}
@supports (font-size: clamp( 1.125rem , 0.625962406rem  +  1.0396616541vw , 1.4706875rem )) {
.button-body-new-see-tabs {
font-size: clamp( 1.125rem , 0.625962406rem  +  1.0396616541vw , 1.4706875rem );
}
}
@supports not (font-size: clamp( 1.125rem , 0.625962406rem  +  1.0396616541vw , 1.4706875rem )) {
.button-body-new-see-tabs {
font-size: calc(1.125rem + 0.3456875 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-top: clamp( 0.625rem , -0.367481203rem  +  2.0676691729vw , 1.3125rem )) {
.button-body-new-see-tabs {
padding-top: clamp( 0.625rem , -0.367481203rem  +  2.0676691729vw , 1.3125rem );
}
}
@supports not (padding-top: clamp( 0.625rem , -0.367481203rem  +  2.0676691729vw , 1.3125rem )) {
.button-body-new-see-tabs {
padding-top: calc(0.625rem + 0.6875 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-right: clamp( 1.25rem , -5.2462406015rem  +  13.5338345865vw , 5.75rem )) {
.button-body-new-see-tabs {
padding-right: clamp( 1.25rem , -5.2462406015rem  +  13.5338345865vw , 5.75rem );
}
}
@supports not (padding-right: clamp( 1.25rem , -5.2462406015rem  +  13.5338345865vw , 5.75rem )) {
.button-body-new-see-tabs {
padding-right: calc(1.25rem + 4.5 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-bottom: clamp( 0.625rem , -0.367481203rem  +  2.0676691729vw , 1.3125rem )) {
.button-body-new-see-tabs {
padding-bottom: clamp( 0.625rem , -0.367481203rem  +  2.0676691729vw , 1.3125rem );
}
}
@supports not (padding-bottom: clamp( 0.625rem , -0.367481203rem  +  2.0676691729vw , 1.3125rem )) {
.button-body-new-see-tabs {
padding-bottom: calc(0.625rem + 0.6875 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-left: clamp( 1.25rem , -5.2462406015rem  +  13.5338345865vw , 5.75rem )) {
.button-body-new-see-tabs {
padding-left: clamp( 1.25rem , -5.2462406015rem  +  13.5338345865vw , 5.75rem );
}
}
@supports not (padding-left: clamp( 1.25rem , -5.2462406015rem  +  13.5338345865vw , 5.75rem )) {
.button-body-new-see-tabs {
padding-left: calc(1.25rem + 4.5 * (100vw - 48rem) / 33.25);
}
}
.tabs__title._tab-active {
border: 0px;
border-radius: 0px;
border-bottom: 1px solid #7259e3;
}
.tabs__title {
border: 0px;
border-radius: 0px;
}
.tabs__content {
border: 0px;
}
.you-get-form-registration-form-body-wrap {
position: relative;
margin-top:30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 17px;
background: linear-gradient(165deg, #2F5BFF 20%, #2F5BFF 0%, #FB3B3B 100%, #FB3B3B 100%);
}
.you-get-form-registration-form-body-wrap__title {
color: #fff;
font-family: Manrope;
font-size: 30px; font-style: normal;
font-weight: 700;
line-height: 149.487%;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-top: 25px;
margin-bottom: 20px;
text-align: center;
}
.you-get-form-registration-form-body-wrap__bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: -2;
}
.you-get-form-registration-form-body-wrap img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.content-wrap-body-form-registration-form-get-you {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-bottom: 35px;
}
.item-you-get-form-body-wrap-content {
display: -webkit-box;
display: -ms-flexbox;
border-right: 1px solid #fff;
display: flex;
gap: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-direction: column-reverse;
justify-content: flex-end;
}
.item-you-get-form-body-wrap-content__text {
color: #fff;
font-family: Manrope;
font-size: 16px;
display: flex;
font-style: normal;
font-weight: 500;
line-height: 149.487%;
width: 100%;
justify-content: space-around;
text-align: center;
}
.item-you-get-form-body-wrap-content__discount {
color: #fff;
font-family: Manrope;
font-size: 40px;
font-style: normal;
border-radius: 10px;
border: 2px solid #FFF;
font-weight: 700;
padding: 10px 20px;
line-height: 120%;
}
.form-registration-form-body__button-wrap {
border-radius: 17px;
background: var(--grad-1, linear-gradient(90deg, #5E80FD 0%, #FB3B3B 100%));
color: #fff;
cursor: pointer;
font-family: 'Manrope';
font-size: 23px;
border:0px;
font-style: normal;
font-weight: 600;
line-height: normal;
transition: background-color 0.3s ease;
}
.form-registration-form-body__button-wrap:hover {
background-color: var(--grad-1, linear-gradient(90deg,  #FB3B3B 0%,  #5E80FD 100%));
}
@supports (font-size: clamp( 0.9375rem , 0.2156954887rem  +  1.5037593985vw , 1.4375rem )) {
.form-registration-form-body__button-wrap {
font-size: clamp( 0.9375rem , 0.2156954887rem  +  1.5037593985vw , 1.4375rem );
}
}
@supports not (font-size: clamp( 0.9375rem , 0.2156954887rem  +  1.5037593985vw , 1.4375rem )) {
.form-registration-form-body__button-wrap {
font-size: calc(0.9375rem + 0.5 * (100vw - 48rem) / 33.25);
}
}
.button-wrap-body-form-registration-form {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
padding: 15px 35px;
border-radius: 17px;
background: #2F5BFF;
color: #FFF;
font-family: Manrope;
font-size: 20px;
font-style: normal;
width:270px;
font-weight: 600;
line-height: 30px; border:2px solid #2F5BFF;
text-transform: uppercase;
}
.button-wrap-body-form-registration-form:hover {
border:2px solid #2F5BFF;
color:#2F5BFF;
}
.button-wrap-body-form-registration-form__button {
color: #fff;
font-family: 'Manrope';
font-size: 23.531px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
input[type=date] {
color: #fff;
}
input[type=date]:before {
color: #414141;
content: attr(placeholder);
}
input[type=date]:focus,
input[type=date]:valid {
color: #414141;
}
input[type=date]:focus:before,
input[type=date]:valid:before {
content: "" !important;
}
.swiper {
overflow: hidden;
}
.swiper-wrapper {
width: 100%;
height: 100%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.swiper-vertical .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.swiper-initialized .swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-button-lock {
display: none !important;
} @font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
background: var(--grad-1, linear-gradient(90deg, #5E80FD 0%, #FB3B3B 100%));
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s opacity;
transition: 0.3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 0.2s top, 0.2s -webkit-transform;
transition: 0.2s top, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s top;
transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
width:10px;
height:10px;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s left, 0.2s -webkit-transform;
transition: 0.2s left, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s left;
transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s right, 0.2s -webkit-transform;
transition: 0.2s right, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s right;
transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transition-property: opacity, height, -webkit-transform;
transition-property: opacity, height, -webkit-transform;
transition-property: transform, opacity, height;
transition-property: transform, opacity, height, -webkit-transform;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
} @font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
@media (max-width: 64em) {
.ul-item-body-card-register-section-card-list {
padding-left: 20px;
}
.wrap-index-city-form-registration-form-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 88.75em) {
.representative-reviews__container {
padding: 0 1.9375rem;
}
}
@media (max-width: 85.9375em) {
.swiper-slide {
padding: 25px 30px 25px 25px;
}
}
@media (max-width: 47.99875em) {
.icon-menu {
display: block;
position: relative;
width: 1.875rem;
height: 1.125rem;
cursor: pointer;
z-index: 55;
}
.wpcf7-form.init{
display: flex;
flex-direction: column;
gap: 20px;
}
.items-company-advantage-body{
gap: 10px;
}
.icon-menu span,
.icon-menu::before,
.icon-menu::after {
content: "";
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
right: 0;
position: absolute;
width: 100%;
height: 3px;
background-color: #2F5BFF;
}
.icon-menu::before {
top: 0;
}
.icon-menu::after {
bottom: 0;
}
.icon-menu span {
top: calc(50% - 0.0625rem);
}
.menu-open .icon-menu span {
width: 0;
}
.menu-open .icon-menu::before,
.menu-open .icon-menu::after {
background-color: #2F5BFF;
}
.menu-open .icon-menu::before {
top: calc(50% - 0.0625rem);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-open .icon-menu::after {
bottom: calc(50% - 0.0625rem);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu__item {
padding-bottom: 0.9375rem;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
font-size: 1.875rem;
}
.menu__item:last-of-type {
margin-bottom: 50px;
}
.icon-menu {
display: block;
}
.menu__list {
display: none;
color: #fff;
display: block;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
padding: 60px 30px 0px 30px;
-webkit-transform: translate(-100%, 0px);
-ms-transform: translate(-100%, 0px);
transform: translate(-100%, 0px);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
overflow: auto;
}
.list-menu::after {
display: none;
}
.list-menu {
position: absolute !important;
}
.menu-open .list-menu__name {
display: block;
}
.menu-open .wrap-content-list-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.body-down-menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.body-down-menu__item {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 10px;
}
.body-footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
align-items: center;
padding: 15px 0px 20px 0px;
}
.body-footer__wrap-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0px;
gap: 20px;
}
.content-footer-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.icon-body-footer-soc {
margin-bottom: 20px;
}
.body-form-fill {
padding: 15px 0px 15px 17px;
}
.text-and-img-fill-form-body__text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 15px;
} .button-and-inscription-fill-form-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
padding-top:50px;
}
.button-and-inscription-fill-form-body__button {
padding: 10px 20px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.body-card-register__title {
margin-bottom: 20px;
}
.item-body-card-register-section-card {
padding: 15px 11px 20px 11px;
}
.item-body-card-register-section-card__img-wrap {
margin-bottom: 20px;
}
.item-body-card-register-section-card__img-wrap img {
width: 100%;
}
.become-card-section-register-card-body-item {
gap: 10px;
}
.wrap-content-slide-swiper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.avatar-swiper-slide-content-wrap__img {
height: 170px;
width: 170px;
}
.swiper-button-prev {
width: 30px !important;
height: 30px !important;
left: -14px !important;
}
.swiper-button-next {
width: 30px !important;
height: 30px !important;
right: -14px !important;
}
.wrap-text-image-body-team-the-join-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wrap-text-image-body-team-the-join-content__text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.img-box-content-join-the-team-body-image-text-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.img-box-content-join-the-team-body-image-text-wrap__img {
width: 300px;
}
.content-my-achievements-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 22px;
}
.item-form-registration-form-body-wrap-target {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wrap-index-city-form-registration-form-body__box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.content-wrap-body-form-registration-form-get-you {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.button-wrap-body-form-registration-form {
padding: 22px 41px;
width:100%;
}
}
@media (max-width: 38.25em) {
.step::before {
height: 108%;
left: 32px;
}
}
@media (max-width: 32.5625em) {
.step::before {
height: 153%;
}
}
@media (max-width: 31.625em) {
.step::before {
height: 153%;
}
}
@media (max-width: 28.4375em) {
.step::before {
height: 201%;
}
}
@media (max-width: 27.5625em) {
.step::before {
height: 141%;
}
}
@media (max-width: 22.1875em) {
.icon-menu {
-webkit-transform: translate(-50px, -20px) !important;
-ms-transform: translate(-50px, -20px) !important;
transform: translate(-50px, -20px) !important;
}
} .mobile-menu, .menu__icon {
display: none;
} @media (max-width: 767px) { .menu__down-body { display: none;
}
.mobile-menu, .menu__icon { display: block;
}
} @media (max-width: 1200px) {
.form-wrap-become-representative-profile-body__title {
font-size:30px;
}
.form-wrap-become-representative-profile-body__text {
font-size:40px;
}
.flex-container {
display: flex;
align-items: stretch;
flex-direction: column;
flex-wrap: nowrap;
}
.sidebar { background-color: #fff;
padding: 0 25px;
width: 100%;
box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: stretch;
flex-wrap: nowrap;
gap: 0px;
}
.sidebar-image {
width: 100%;
}
}
@media screen and (max-width: 1168px) {
.body-footer__logo {
text-align: center;
-webkit-box-flex: 0;
display: flex;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
flex-direction: column;
justify-content: flex-start;
padding-left:0px;
}
.catalog-button {
display:none;
}
.menu__link {
font-size:14px;
}
.menu__down-body li a {
font-size:14px;
}
.menu__body {
padding: 20px 0px 0px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 50px; flex-direction: column;
}
input, button, textarea {
font-family: "Manrope";
font-size: inherit;
width:auto;
}
.grid-container {
display: flex;
flex-direction: column;
}
.points-items-what-for-newbies-body-item__point, .point-item-body-newbies-for-what-items-points img {
vertical-align: top;
width: auto;
height: auto;
}
.tooltip-button {
display:none;
}
img {
vertical-align: top;
width: 100%;
height: auto;
}
.main-content {
width: 100%;
}
.body-footer__logo {
margin-bottom:20px;
}
.button-and-inscription-fill-form-body {
padding-bottom:20px;
}
.item-you-get-form-body-wrap-content__text {
padding-bottom:20px;
}
.have-any-questions__body {
padding-bottom:50;
}
.block__text {
padding: 10px;
text-align: left;
padding-bottom: 30px;
}
.block__text--bold {
padding: 10px;
text-align: center;
font-size: 25px;
}
.body-reviews-representative {
position: relative;
margin-bottom: 50px;
}
.body-achievements-my__content { } .title-company-advantage-body {
font-size: 30px;
text-align: center;
display: flex;
margin-bottom: 50px;
justify-content: space-around;
}
.right-block {
width: 100%;
}
.button-step {
width: 100%;
margin-top:20px;
height:auto;
}
.item-step {
width:100%;
margin:20px 0;
height:auto;
}
.title-box-steps-body {
font-size:30px;
text-align:center;
margin-bottom:50px;
}
.body-form-registration__title {
margin-bottom: 50px;
margin-top: 50px; 
}
.title-company-advantage-body {
font-size:30px;
text-align:center;
}
.body-steps-box__wrap-content {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.container-see {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding: 0px;
flex-direction: column;
}
.container-pre {
display: flex;
justify-content: space-between;
gap: 50px;
flex-direction: column;
align-items: center;
}
.body-advantage-company__title {
text-align: center;
margin-top: 50px;
font-size:30px;
margin-bottom:50px;
}
.text-body-form-fill-img-and-text__title {
font-size:30px;
margin-bottom:0px;
line-height:40px;
}
.text-body-form-fill-img-and-text__title span {
font-size:30px;
line-height:40px;
}
.body-card-register__title {
font-size:30px;
margin-bottom:50px;
text-align:center;
margin-top:30px;
}
.item-body-card-register-section-card {
padding:20px;
}
.body-card-register {
flex-direction: column;
flex-wrap: nowrap;
align-content: space-between;
align-items: center;
justify-content: space-between;
}
.block {
flex-direction: column;
padding: 0;
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 50px;
}
.block__image {
width: 75%;
border-radius: 24px 24px 0 0;
}
.block__content {
text-align: center;
padding: 15px 0;
}
}
@media screen and (max-width: 770px) {
#whatsapp-float {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 9999;
transition: bottom 0.5s ease;
animation: float 3s infinite;
}
.wp-block-image img {
margin:0px;
}
.bread {
padding-left:0px;
}
.img-body-form-fill-img-and-text__img_one {
width: 135%;
height: auto;
position: unset;
}
.img-body-form-fill-img-and-text__img_two {
width: 81%;
height: auto;
top: -10%;
left: 20%; }
.text-and-img-fill-form-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
.up-img-body-form-fill-img-and-text__img-box, .up-img-body-form-fill-img-and-text__img-box_two {
width:100%;
}
.up-img-body-form-fill-img-and-text__img-box, .up-img-body-form-fill-img-and-text__img-box_one {
width:100%;
}
.card-section-register-card-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.logo-menu {
gap: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-flex: 0;
-ms-flex: 0 0 21.16%;
flex: 0 0 70.16%;
}
.logo-header-body__signature {
color: #e71616;
font-family: VasekItalic_0;
font-style: italic;
font-weight: 400;
line-height: normal;
display: block;
width: 100%;
text-align: left;
}
[class*=__container] {
padding: 0 10px;
}
.page-content {
padding:50px 0;
}
.wrap-body-form-registration-form__wrap-index-city {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: stretch;
}
.icon-menu__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex; -ms-flex-pack: justify; -ms-flex: 1;
flex: 1;
flex-direction: column;
align-items: flex-start;
justify-content: space-around;
flex-wrap: nowrap;
}
.menu__body {
flex-direction: row;
display: flex;
flex-wrap: wrap;
gap: 0px;
}
.body-form-fill {
padding: 0 10px;
}
.button-and-inscription-fill-form-body__inscription {
text-align: center;}
.icon-menu__box {
-ms-flex: 1;
flex: 1;
gap:10px;
flex-direction: column;
align-items: center;
justify-content: space-around;
flex-wrap: nowrap;
}
.news-item {
flex-direction: column;
}	
.news-details {
padding:0 25px;
}
.read-more-btn {
width:100%;
}
} .become-representative-profile {
overflow: hidden;
position: relative;
border-radius: 0px 0px 17px 17px;
}
.become-representative-profile_margin {
margin-bottom: 100px;
}
.become-representative-profile__container {
position: relative;
z-index: 2;
}
.become-representative-profile__bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.body-profile-representative-become {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 100px 0px;
}
@supports (padding-top: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-profile-representative-become {
padding-top: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (padding-top: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-profile-representative-become {
padding-top: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-profile-representative-become {
padding-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (padding-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-profile-representative-become {
padding-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-profile-representative-become__form-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 1 40%;
flex: 0 1 40%;
}
.button-form {
width: 100%;
}
.button-form-wrap-become-representative-profile-body-inputs {
border-radius: 17px;
background: #2f5bff;
color: #fff;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px; text-transform: uppercase;
padding: 15px 35px;
-ms-flex-item-align: start;
align-self: flex-start;
cursor: pointer;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.button-form-wrap-become-representative-profile-body-inputs {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.button-form-wrap-become-representative-profile-body-inputs {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
.text-become-representative-profile-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
-webkit-box-flex: 0;
-ms-flex: 0 1 60%;
flex: 0 1 60%;
justify-content: flex-start;
}
@supports (gap: clamp( 0.625rem , -2.0817669173rem  +  5.6390977444vw , 2.5rem )) {
.text-become-representative-profile-body {
gap: clamp( 0.625rem , -2.0817669173rem  +  5.6390977444vw , 2.5rem );
}
}
@supports not (gap: clamp( 0.625rem , -2.0817669173rem  +  5.6390977444vw , 2.5rem )) {
.text-become-representative-profile-body {
gap: calc(0.625rem + 1.875 * (100vw - 48rem) / 33.25);
}
}
.text-become-representative-profile-body__title {
color: #fff;
font-family: Manrope;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 60px; }
.text-become-representative-profile-body__title span {
color:#CCF600;
}
@supports (font-size: clamp( 1.875rem , -0.8317669173rem  +  5.6390977444vw , 3.75rem )) {
.text-become-representative-profile-body__title {
font-size: clamp( 1.875rem , -0.8317669173rem  +  5.6390977444vw , 3.75rem );
}
}
@supports not (font-size: clamp( 1.875rem , -0.8317669173rem  +  5.6390977444vw , 3.75rem )) {
.text-become-representative-profile-body__title {
font-size: calc(1.875rem + 1.875 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 2.5rem , 0.6954887218rem  +  3.7593984962vw , 3.75rem )) {
.text-become-representative-profile-body__title {
line-height: clamp( 2.5rem , 0.6954887218rem  +  3.7593984962vw , 3.75rem );
}
}
@supports not (line-height: clamp( 2.5rem , 0.6954887218rem  +  3.7593984962vw , 3.75rem )) {
.text-become-representative-profile-body__title {
line-height: calc(2.5rem + 1.25 * (100vw - 48rem) / 33.25);
}
}
.wrap-content-body-profile-representative-become-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
@supports (gap: clamp( 0.9375rem , -0.4158834586rem  +  2.8195488722vw , 1.875rem )) {
.wrap-content-body-profile-representative-become-text {
gap: clamp( 0.9375rem , -0.4158834586rem  +  2.8195488722vw , 1.875rem );
}
}
@supports not (gap: clamp( 0.9375rem , -0.4158834586rem  +  2.8195488722vw , 1.875rem )) {
.wrap-content-body-profile-representative-become-text {
gap: calc(0.9375rem + 0.9375 * (100vw - 48rem) / 33.25);
}
}
.wrap-content-body-profile-representative-become-text__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
}
.wrap-content-body-profile-representative-become-text__title {
color: #fff;
font-family: Manrope;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 30px; }
@supports (font-size: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.wrap-content-body-profile-representative-become-text__title {
font-size: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (font-size: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.wrap-content-body-profile-representative-become-text__title {
font-size: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.wrap-content-body-profile-representative-become-text__content {
color: #fff;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px; }
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.wrap-content-body-profile-representative-become-text__content {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.wrap-content-body-profile-representative-become-text__content {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.375rem , 0.6531954887rem  +  1.5037593985vw , 1.875rem )) {
.wrap-content-body-profile-representative-become-text__content {
line-height: clamp( 1.375rem , 0.6531954887rem  +  1.5037593985vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.375rem , 0.6531954887rem  +  1.5037593985vw , 1.875rem )) {
.wrap-content-body-profile-representative-become-text__content {
line-height: calc(1.375rem + 0.5 * (100vw - 48rem) / 33.25);
}
}
.form-wrap-become-representative-profile-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height:100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
border-radius: 15px;
background: #fff;
padding: 30px 40px 27px 35px;
}
.form-wrap-become-representative-profile-body__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form-wrap-become-representative-profile-body__title {
color: #2f5bff;
font-family: 'Manrope';
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 30px; } .form-wrap-become-representative-profile-body__text {
color: #2f5bff;
font-family: 'VasekItalic_0';
font-size: 40px;
font-style: italic;
font-weight: 400;
line-height: 40px; letter-spacing: 0.8px;
} .inputs-body-profile-representative-become-wrap-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: rgba(0, 0, 0, 0.22);
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px;
gap: 20px; }
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.inputs-body-profile-representative-become-wrap-form {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.inputs-body-profile-representative-become-wrap-form {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
.inputs-body-profile-representative-become-wrap-form__input {
padding: 15px 30px;
border-radius: 17px;
background: rgba(47, 91, 255, 0.05);
border: 0px;
}
.bg-profile-representative-become__img {
width: 100%;
height: 100%;
}
.sociable-and-love-cosmetics__body {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.sociable-and-love-cosmetics__body {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.sociable-and-love-cosmetics__body {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-cosmetics-love-and-sociable {
border-bottom: 1px solid #000;
border-top: 1px solid #000;
padding: 30px 0px 20px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.body-cosmetics-love-and-sociable__title {
color: #000;
font-family: Playfair Display;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 48px; -webkit-box-flex: 0;
-ms-flex: 0 1 40%;
flex: 0 1 40%;
}
@supports (font-size: clamp( 1.875rem , 0.9727443609rem  +  1.8796992481vw , 2.5rem )) {
.body-cosmetics-love-and-sociable__title {
font-size: clamp( 1.875rem , 0.9727443609rem  +  1.8796992481vw , 2.5rem );
}
}
@supports not (font-size: clamp( 1.875rem , 0.9727443609rem  +  1.8796992481vw , 2.5rem )) {
.body-cosmetics-love-and-sociable__title {
font-size: calc(1.875rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 2rem , 0.5563909774rem  +  3.007518797vw , 3rem )) {
.body-cosmetics-love-and-sociable__title {
line-height: clamp( 2rem , 0.5563909774rem  +  3.007518797vw , 3rem );
}
}
@supports not (line-height: clamp( 2rem , 0.5563909774rem  +  3.007518797vw , 3rem )) {
.body-cosmetics-love-and-sociable__title {
line-height: calc(2rem + 1 * (100vw - 48rem) / 33.25);
}
}
.body-cosmetics-love-and-sociable__text {
color: #000;
font-family: Playfair Display;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px;
-webkit-box-flex: 0;
-ms-flex: 0 1 60%;
flex: 0 1 60%;
}
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.body-cosmetics-love-and-sociable__text {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.body-cosmetics-love-and-sociable__text {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
.who-avon-representative__container {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.who-avon-representative__container {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.who-avon-representative__container {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-representative-avon-who {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 17px;
background: var(--gradikkk, linear-gradient(132deg, #ffeff4 0%, #e9f1ff 100%));
}
.body-representative-avon-who__image-wrap {
-ms-flex-item-align: start;
align-self: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.content-who-avon-representative-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 40px;
gap: 20px;
}
.content-who-avon-representative-body__wrap {
display: -webkit-box;
display: -ms-flexbox;
padding:0 50px;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 22px;
}
.content-who-avon-representative-body__title {
color: #000;
font-family: Playfair Display;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 48px; }
@supports (font-size: clamp( 1.875rem , 0.9727443609rem  +  1.8796992481vw , 2.5rem )) {
.content-who-avon-representative-body__title {
font-size: clamp( 1.875rem , 0.9727443609rem  +  1.8796992481vw , 2.5rem );
}
}
@supports not (font-size: clamp( 1.875rem , 0.9727443609rem  +  1.8796992481vw , 2.5rem )) {
.content-who-avon-representative-body__title {
font-size: calc(1.875rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 2rem , 0.5563909774rem  +  3.007518797vw , 3rem )) {
.content-who-avon-representative-body__title {
line-height: clamp( 2rem , 0.5563909774rem  +  3.007518797vw , 3rem );
}
}
@supports not (line-height: clamp( 2rem , 0.5563909774rem  +  3.007518797vw , 3rem )) {
.content-who-avon-representative-body__title {
line-height: calc(2rem + 1 * (100vw - 48rem) / 33.25);
}
}
.content-who-avon-representative-body__text {
color: rgba(0, 0, 0, 0.8);
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.content-who-avon-representative-body__text {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.content-who-avon-representative-body__text {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
.content-who-avon-representative-body__button {
-ms-flex-item-align: end;
align-self: flex-end;
}
.registration-chance__container {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.registration-chance__container {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.registration-chance__container {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-chance-registration__title {
margin-bottom: 50px;
}
@supports (margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.body-chance-registration__title {
margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.body-chance-registration__title {
margin-bottom: calc(1.25rem + 1.875 * (100vw - 48rem) / 33.25);
}
}
.title-registration-chance-body {
color: #000;
font-family: Playfair Display;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 48px; }
@supports (font-size: clamp( 1.5rem , 0.0563909774rem  +  3.007518797vw , 2.5rem )) {
.title-registration-chance-body {
font-size: clamp( 1.5rem , 0.0563909774rem  +  3.007518797vw , 2.5rem );
}
}
@supports not (font-size: clamp( 1.5rem , 0.0563909774rem  +  3.007518797vw , 2.5rem )) {
.title-registration-chance-body {
font-size: calc(1.5rem + 1 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 2rem , 0.5563909774rem  +  3.007518797vw , 3rem )) {
.title-registration-chance-body {
line-height: clamp( 2rem , 0.5563909774rem  +  3.007518797vw , 3rem );
}
}
@supports not (line-height: clamp( 2rem , 0.5563909774rem  +  3.007518797vw , 3rem )) {
.title-registration-chance-body {
line-height: calc(2rem + 1 * (100vw - 48rem) / 33.25);
}
}
.item-body-chance-registration-items {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 20px;
}
@supports (gap: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem )) {
.item-body-chance-registration-items {
gap: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem );
}
}
@supports not (gap: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem )) {
.item-body-chance-registration-items {
gap: calc(0.625rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.item-body-chance-registration-items__item {
-webkit-box-flex: 0;
-ms-flex: 0 1 433px;
flex: 0 1 433px;
border-radius: 17px;
background: var(--gradient-2, linear-gradient(132deg, #ffeff4 0%, #e9f1ff 100%));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
padding: 16px 30px 20px 30px;
}
@supports (gap: clamp( 0.9375rem , -0.4158834586rem  +  2.8195488722vw , 1.875rem )) {
.item-body-chance-registration-items__item {
gap: clamp( 0.9375rem , -0.4158834586rem  +  2.8195488722vw , 1.875rem );
}
}
@supports not (gap: clamp( 0.9375rem , -0.4158834586rem  +  2.8195488722vw , 1.875rem )) {
.item-body-chance-registration-items__item {
gap: calc(0.9375rem + 0.9375 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-top: clamp( 0.625rem , 0.0836466165rem  +  1.1278195489vw , 1rem )) {
.item-body-chance-registration-items__item {
padding-top: clamp( 0.625rem , 0.0836466165rem  +  1.1278195489vw , 1rem );
}
}
@supports not (padding-top: clamp( 0.625rem , 0.0836466165rem  +  1.1278195489vw , 1rem )) {
.item-body-chance-registration-items__item {
padding-top: calc(0.625rem + 0.375 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-right: clamp( 0.75rem , -0.8740601504rem  +  3.3834586466vw , 1.875rem )) {
.item-body-chance-registration-items__item {
padding-right: clamp( 0.75rem , -0.8740601504rem  +  3.3834586466vw , 1.875rem );
}
}
@supports not (padding-right: clamp( 0.75rem , -0.8740601504rem  +  3.3834586466vw , 1.875rem )) {
.item-body-chance-registration-items__item {
padding-right: calc(0.75rem + 1.125 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-bottom: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem )) {
.item-body-chance-registration-items__item {
padding-bottom: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem );
}
}
@supports not (padding-bottom: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem )) {
.item-body-chance-registration-items__item {
padding-bottom: calc(0.625rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-left: clamp( 0.75rem , -0.8740601504rem  +  3.3834586466vw , 1.875rem )) {
.item-body-chance-registration-items__item {
padding-left: clamp( 0.75rem , -0.8740601504rem  +  3.3834586466vw , 1.875rem );
}
}
@supports not (padding-left: clamp( 0.75rem , -0.8740601504rem  +  3.3834586466vw , 1.875rem )) {
.item-body-chance-registration-items__item {
padding-left: calc(0.75rem + 1.125 * (100vw - 48rem) / 33.25);
}
}
@supports (width: clamp( 3.125rem , 0.4182330827rem  +  5.6390977444vw , 5rem )) {
.icon-items-registration-chance-body-item__img {
width: clamp( 3.125rem , 0.4182330827rem  +  5.6390977444vw , 5rem );
}
}
@supports not (width: clamp( 3.125rem , 0.4182330827rem  +  5.6390977444vw , 5rem )) {
.icon-items-registration-chance-body-item__img {
width: calc(3.125rem + 1.875 * (100vw - 48rem) / 33.25);
}
}
.icon-items-registration-chance-body-item__text {
color: var(--text, #212121);
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.icon-items-registration-chance-body-item__text {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.icon-items-registration-chance-body-item__text {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
.representative-benefits__container {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.representative-benefits__container {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.representative-benefits__container {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-benefits-representative {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 120px;
}
.body-benefits-representative__text {
color: #000;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
@supports (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.body-benefits-representative__text {
font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem );
}
}
@supports not (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.body-benefits-representative__text {
font-size: calc(1rem + 0.5 * (100vw - 48rem) / 33.25);
}
}
.body-benefits-representative__title {
color: #000;
font-family: Playfair Display;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 40px; }
@supports (font-size: clamp( 1.25rem , 0.1672932331rem  +  2.2556390977vw , 2rem )) {
.body-benefits-representative__title {
font-size: clamp( 1.25rem , 0.1672932331rem  +  2.2556390977vw , 2rem );
}
}
@supports not (font-size: clamp( 1.25rem , 0.1672932331rem  +  2.2556390977vw , 2rem )) {
.body-benefits-representative__title {
font-size: calc(1.25rem + 0.75 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.5rem , 0.0563909774rem  +  3.007518797vw , 2.5rem )) {
.body-benefits-representative__title {
line-height: clamp( 1.5rem , 0.0563909774rem  +  3.007518797vw , 2.5rem );
}
}
@supports not (line-height: clamp( 1.5rem , 0.0563909774rem  +  3.007518797vw , 2.5rem )) {
.body-benefits-representative__title {
line-height: calc(1.5rem + 1 * (100vw - 48rem) / 33.25);
}
}
.items-representative-benefits-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 1 68%;
flex: 0 1 68%;
color: #000;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 500;
gap: 30px;
line-height: 30px; }
@supports (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.items-representative-benefits-body {
font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem );
}
}
@supports not (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.items-representative-benefits-body {
font-size: calc(1rem + 0.5 * (100vw - 48rem) / 33.25);
}
}
.items-representative-benefits-body__item {
border-radius: 17px;
border: 2px solid #2f5bff;
padding: 30px;
}
.body-yourself-for-representative__title {
margin-bottom: 50px;
}
@supports (margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.body-yourself-for-representative__title {
margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.body-yourself-for-representative__title {
margin-bottom: calc(1.25rem + 1.875 * (100vw - 48rem) / 33.25);
}
}
.body-yourself-for-representative__register-block {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-yourself-for-representative__register-block {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-yourself-for-representative__register-block {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-yourself-for-representative__border-block {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-yourself-for-representative__border-block {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-yourself-for-representative__border-block {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.register-block-representative-for-yourself-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
.left-content-body-yourself-for-representative-block-register {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 66px;
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@supports (flex: clamp( 1.875rem , 0.0704887218rem  +  3.7593984962vw , 3.125rem )) {
.left-content-body-yourself-for-representative-block-register {
-webkit-box-flex: clamp( 1.875rem , 0.0704887218rem  +  3.7593984962vw , 3.125rem );
-ms-flex: clamp( 1.875rem , 0.0704887218rem  +  3.7593984962vw , 3.125rem );
flex: clamp( 1.875rem , 0.0704887218rem  +  3.7593984962vw , 3.125rem );
}
}
@supports not (flex: clamp( 1.875rem , 0.0704887218rem  +  3.7593984962vw , 3.125rem )) {
.left-content-body-yourself-for-representative-block-register {
-webkit-box-flex: calc(1.875rem + 1.25 * (100vw - 48rem) / 33.25);
-ms-flex: calc(1.875rem + 1.25 * (100vw - 48rem) / 33.25);
flex: calc(1.875rem + 1.25 * (100vw - 48rem) / 33.25);
}
}
.left-content-body-yourself-for-representative-block-register__text {
color: #212121;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
@supports (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.left-content-body-yourself-for-representative-block-register__text {
font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem );
}
}
@supports not (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.left-content-body-yourself-for-representative-block-register__text {
font-size: calc(1rem + 0.5 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.left-content-body-yourself-for-representative-block-register__text {
line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.left-content-body-yourself-for-representative-block-register__text {
line-height: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.right-content-body-yourself-for-representative-block-register {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
}
.items-register-block-representative-for-yourself-body-content-right {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: 1fr 20px 0fr;
grid-template-rows: 1fr 0fr;
gap: 20px;
grid-template-areas: ". ." "buttom buttom";
}
@supports (gap: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem )) {
.items-register-block-representative-for-yourself-body-content-right {
gap: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem );
}
}
@supports not (gap: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem )) {
.items-register-block-representative-for-yourself-body-content-right {
gap: calc(0.625rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.items-register-block-representative-for-yourself-body-content-right__item_buttom {
-ms-grid-row: 3;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-area: buttom;
}
.item-right-content-body-yourself-for-representative-block-register-items {
color: #212121;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px; border-radius: 17px;
background: var(--gradient-2, linear-gradient(132deg, #ffeff4 0%, #e9f1ff 100%));
padding: 16px 30px 20px 30px;
}
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.item-right-content-body-yourself-for-representative-block-register-items {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.item-right-content-body-yourself-for-representative-block-register-items {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.item-right-content-body-yourself-for-representative-block-register-items {
line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.item-right-content-body-yourself-for-representative-block-register-items {
line-height: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.border-block-representative-for-yourself-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px;
border-radius: 17px;
border: 2px solid #2f5bff;
}
.border-block-representative-for-yourself-body__title {
color: #2f5bff;
font-family: Manrope;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 40px; -webkit-box-flex: 0;
-ms-flex: 0 1 38%;
flex: 0 1 38%;
}
@supports (font-size: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.border-block-representative-for-yourself-body__title {
font-size: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (font-size: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.border-block-representative-for-yourself-body__title {
font-size: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.4375rem , -0.0963345865rem  +  3.1954887218vw , 2.5rem )) {
.border-block-representative-for-yourself-body__title {
line-height: clamp( 1.4375rem , -0.0963345865rem  +  3.1954887218vw , 2.5rem );
}
}
@supports not (line-height: clamp( 1.4375rem , -0.0963345865rem  +  3.1954887218vw , 2.5rem )) {
.border-block-representative-for-yourself-body__title {
line-height: calc(1.4375rem + 1.0625 * (100vw - 48rem) / 33.25);
}
}
.border-block-representative-for-yourself-body__text {
color: #000;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px; -webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
}
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.border-block-representative-for-yourself-body__text {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.border-block-representative-for-yourself-body__text {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
.becoming-representative-is__container {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.becoming-representative-is__container {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.becoming-representative-is__container {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-is-representative-becoming__title {
margin-bottom: 50px;
}
.items-becoming-representative-is-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.items-becoming-representative-is-body__item {
color: #212121;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 136%; border-radius: 17px;
background: var(--gradient-2, linear-gradient(132deg, #ffeff4 0%, #e9f1ff 100%));
padding: 16px 30px 20px 30px;
}
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.items-becoming-representative-is-body__item {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.items-becoming-representative-is-body__item {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
.how-much-earn__container {
margin-bottom: 100;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.how-much-earn__container {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.how-much-earn__container {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-earn-much-how {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
.left-how-much-earn-body {
-webkit-box-flex: 0;
-ms-flex: 0 1 31%;
flex: 0 1 31%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
@supports (gap: clamp( 0.9375rem , -0.4158834586rem  +  2.8195488722vw , 1.875rem )) {
.left-how-much-earn-body {
gap: clamp( 0.9375rem , -0.4158834586rem  +  2.8195488722vw , 1.875rem );
}
}
@supports not (gap: clamp( 0.9375rem , -0.4158834586rem  +  2.8195488722vw , 1.875rem )) {
.left-how-much-earn-body {
gap: calc(0.9375rem + 0.9375 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.left-how-much-earn-body {
line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.left-how-much-earn-body {
line-height: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.left-how-much-earn-body__title {
color: #000;
font-family: Playfair Display;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 40px; }
@supports (font-size: clamp( 1.25rem , 0.1672932331rem  +  2.2556390977vw , 2rem )) {
.left-how-much-earn-body__title {
font-size: clamp( 1.25rem , 0.1672932331rem  +  2.2556390977vw , 2rem );
}
}
@supports not (font-size: clamp( 1.25rem , 0.1672932331rem  +  2.2556390977vw , 2rem )) {
.left-how-much-earn-body__title {
font-size: calc(1.25rem + 0.75 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.5625rem , 0.2091165414rem  +  2.8195488722vw , 2.5rem )) {
.left-how-much-earn-body__title {
line-height: clamp( 1.5625rem , 0.2091165414rem  +  2.8195488722vw , 2.5rem );
}
}
@supports not (line-height: clamp( 1.5625rem , 0.2091165414rem  +  2.8195488722vw , 2.5rem )) {
.left-how-much-earn-body__title {
line-height: calc(1.5625rem + 0.9375 * (100vw - 48rem) / 33.25);
}
}
.left-how-much-earn-body__text {
color: #212121;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
@supports (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.left-how-much-earn-body__text {
font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem );
}
}
@supports not (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.left-how-much-earn-body__text {
font-size: calc(1rem + 0.5 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.left-how-much-earn-body__text {
line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.left-how-much-earn-body__text {
line-height: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.right-how-much-earn-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.right-how-much-earn-body__max {
margin-bottom: 30px;
}
@supports (margin-bottom: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.right-how-much-earn-body__max {
margin-bottom: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.right-how-much-earn-body__max {
margin-bottom: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.right-how-much-earn-body__grid {
margin-bottom: 20px;
}
.max-body-earn-much-how-right-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
@supports (gap: clamp( 0.9375rem , -0.4158834586rem  +  2.8195488722vw , 1.875rem )) {
.max-body-earn-much-how-right-items {
gap: clamp( 0.9375rem , -0.4158834586rem  +  2.8195488722vw , 1.875rem );
}
}
@supports not (gap: clamp( 0.9375rem , -0.4158834586rem  +  2.8195488722vw , 1.875rem )) {
.max-body-earn-much-how-right-items {
gap: calc(0.9375rem + 0.9375 * (100vw - 48rem) / 33.25);
}
}
.max-body-earn-much-how-right-items__bottom-txt {
color: #212121;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 136%; }
.item-items-right-how-much-earn-body-max {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 17px;
background: linear-gradient(165deg, #2f5bff 0%, #2f5bff 0%, #fb3b3b 100%, #fb3b3b 100%);
padding: 20px 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.item-items-right-how-much-earn-body-max__wrap-price {
-webkit-box-flex: 0;
-ms-flex: 0 1 35%;
flex: 0 1 35%;
}
.item-items-right-how-much-earn-body-max__price {
color: #fff;
font-family: Manrope;
font-size: 40px;
font-style: normal;
font-weight: 800;
line-height: 114%; border-radius: 10px;
border: 2px solid #fff;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 10px 20px;
white-space: nowrap;
}
@supports (font-size: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem )) {
.item-items-right-how-much-earn-body-max__price {
font-size: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem );
}
}
@supports not (font-size: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem )) {
.item-items-right-how-much-earn-body-max__price {
font-size: calc(1.25rem + 1.25 * (100vw - 48rem) / 33.25);
}
}
.item-items-right-how-much-earn-body-max__text {
color: #fff;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 30px; -webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@supports (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.item-items-right-how-much-earn-body-max__text {
font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem );
}
}
@supports not (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.item-items-right-how-much-earn-body-max__text {
font-size: calc(1rem + 0.5 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.item-items-right-how-much-earn-body-max__text {
line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.item-items-right-how-much-earn-body-max__text {
line-height: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.grid-body-earn-much-how-right {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: 1fr 20px 1fr;
grid-template-rows: 1fr 1fr;
gap: 20px;
grid-template-areas: ". ." "bottom bottom";
}
@supports (gap: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem )) {
.grid-body-earn-much-how-right {
gap: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem );
}
}
@supports not (gap: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem )) {
.grid-body-earn-much-how-right {
gap: calc(0.625rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.grid-body-earn-much-how-right__item {
color: #212121;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px; border-radius: 17px;
background: var(--gradient-2, linear-gradient(132deg, #ffeff4 0%, #e9f1ff 100%));
padding: 16px 30px 20px 30px;
}
@supports (font-size: clamp( 0.875rem , -0.0272556391rem  +  1.8796992481vw , 1.5rem )) {
.grid-body-earn-much-how-right__item {
font-size: clamp( 0.875rem , -0.0272556391rem  +  1.8796992481vw , 1.5rem );
}
}
@supports not (font-size: clamp( 0.875rem , -0.0272556391rem  +  1.8796992481vw , 1.5rem )) {
.grid-body-earn-much-how-right__item {
font-size: calc(0.875rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.grid-body-earn-much-how-right__item {
line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.grid-body-earn-much-how-right__item {
line-height: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.grid-body-earn-much-how-right__item_bottom {
-ms-grid-row: 3;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-area: bottom;
}
.item-right-how-much-earn-body-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@supports (gap: clamp( 0.625rem , -1.1795112782rem  +  3.7593984962vw , 1.875rem )) {
.item-right-how-much-earn-body-grid {
gap: clamp( 0.625rem , -1.1795112782rem  +  3.7593984962vw , 1.875rem );
}
}
@supports not (gap: clamp( 0.625rem , -1.1795112782rem  +  3.7593984962vw , 1.875rem )) {
.item-right-how-much-earn-body-grid {
gap: calc(0.625rem + 1.25 * (100vw - 48rem) / 33.25);
}
}
.down-text-body-earn-much-how-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.down-text-body-earn-much-how-right__left-txt {
color: #000;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32.64px; }
@supports (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.down-text-body-earn-much-how-right__left-txt {
font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem );
}
}
@supports not (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.down-text-body-earn-much-how-right__left-txt {
font-size: calc(1rem + 0.5 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.down-text-body-earn-much-how-right__left-txt {
line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.down-text-body-earn-much-how-right__left-txt {
line-height: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.rigth-txt-right-how-much-earn-body-text-down {
max-width: 225px;
color: #898989;
font-family: Manrope;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 21.76px; }
@supports (font-size: clamp( 0.875rem , 0.6945488722rem  +  0.3759398496vw , 1rem )) {
.rigth-txt-right-how-much-earn-body-text-down {
font-size: clamp( 0.875rem , 0.6945488722rem  +  0.3759398496vw , 1rem );
}
}
@supports not (font-size: clamp( 0.875rem , 0.6945488722rem  +  0.3759398496vw , 1rem )) {
.rigth-txt-right-how-much-earn-body-text-down {
font-size: calc(0.875rem + 0.125 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.rigth-txt-right-how-much-earn-body-text-down {
line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.rigth-txt-right-how-much-earn-body-text-down {
line-height: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.rigth-txt-right-how-much-earn-body-text-down__a {
color: #5e80fd;
}
.what-for-newbies__container {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.what-for-newbies__container {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.what-for-newbies__container {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-newbies-for-what {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.body-newbies-for-what__items {
margin-bottom: 20px;
}
.items-what-for-newbies-body {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 20px;
}
@supports (gap: clamp( 0.3125rem , -1.0408834586rem  +  2.8195488722vw , 1.25rem )) {
.items-what-for-newbies-body {
gap: clamp( 0.3125rem , -1.0408834586rem  +  2.8195488722vw , 1.25rem );
}
}
@supports not (gap: clamp( 0.3125rem , -1.0408834586rem  +  2.8195488722vw , 1.25rem )) {
.items-what-for-newbies-body {
gap: calc(0.3125rem + 0.9375 * (100vw - 48rem) / 33.25);
}
}
.item-body-newbies-for-what-items {
-webkit-box-flex: 0;
-ms-flex: 0 1 23.8805%;
flex: 0 1 23.8805%;
border-radius: 17px;
background: #ecf1fe;
padding: 23px 20px;
}
@supports (padding-top: clamp( 0.625rem , -0.5479323308rem  +  2.4436090226vw , 1.4375rem )) {
.item-body-newbies-for-what-items {
padding-top: clamp( 0.625rem , -0.5479323308rem  +  2.4436090226vw , 1.4375rem );
}
}
@supports not (padding-top: clamp( 0.625rem , -0.5479323308rem  +  2.4436090226vw , 1.4375rem )) {
.item-body-newbies-for-what-items {
padding-top: calc(0.625rem + 0.8125 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-right: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem )) {
.item-body-newbies-for-what-items {
padding-right: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem );
}
}
@supports not (padding-right: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem )) {
.item-body-newbies-for-what-items {
padding-right: calc(0.625rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-bottom: clamp( 0.625rem , -0.5479323308rem  +  2.4436090226vw , 1.4375rem )) {
.item-body-newbies-for-what-items {
padding-bottom: clamp( 0.625rem , -0.5479323308rem  +  2.4436090226vw , 1.4375rem );
}
}
@supports not (padding-bottom: clamp( 0.625rem , -0.5479323308rem  +  2.4436090226vw , 1.4375rem )) {
.item-body-newbies-for-what-items {
padding-bottom: calc(0.625rem + 0.8125 * (100vw - 48rem) / 33.25);
}
}
@supports (padding-left: clamp( 0.75rem , 0.0281954887rem  +  1.5037593985vw , 1.25rem )) {
.item-body-newbies-for-what-items {
padding-left: clamp( 0.75rem , 0.0281954887rem  +  1.5037593985vw , 1.25rem );
}
}
@supports not (padding-left: clamp( 0.75rem , 0.0281954887rem  +  1.5037593985vw , 1.25rem )) {
.item-body-newbies-for-what-items {
padding-left: calc(0.75rem + 0.5 * (100vw - 48rem) / 33.25);
}
}
.item-body-newbies-for-what-items__title-2 {
color: #000;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32.64px; margin-bottom: 10px;
}
@supports (font-size: clamp( 1.125rem , 0.5836466165rem  +  1.1278195489vw , 1.5rem )) {
.item-body-newbies-for-what-items__title-2 {
font-size: clamp( 1.125rem , 0.5836466165rem  +  1.1278195489vw , 1.5rem );
}
}
@supports not (font-size: clamp( 1.125rem , 0.5836466165rem  +  1.1278195489vw , 1.5rem )) {
.item-body-newbies-for-what-items__title-2 {
font-size: calc(1.125rem + 0.375 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.1095488722rem  +  2.3759398496vw , 2.04rem )) {
.item-body-newbies-for-what-items__title-2 {
line-height: clamp( 1.25rem , 0.1095488722rem  +  2.3759398496vw , 2.04rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.1095488722rem  +  2.3759398496vw , 2.04rem )) {
.item-body-newbies-for-what-items__title-2 {
line-height: calc(1.25rem + 0.79 * (100vw - 48rem) / 33.25);
}
}
.item-body-newbies-for-what-items__title {
color: #212121;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: 27.2px; }
@supports (font-size: clamp( 1.125rem , 0.9445488722rem  +  0.3759398496vw , 1.25rem )) {
.item-body-newbies-for-what-items__title {
font-size: clamp( 1.125rem , 0.9445488722rem  +  0.3759398496vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1.125rem , 0.9445488722rem  +  0.3759398496vw , 1.25rem )) {
.item-body-newbies-for-what-items__title {
font-size: calc(1.125rem + 0.125 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.4375rem , 1.0585526316rem  +  0.7894736842vw , 1.7rem )) {
.item-body-newbies-for-what-items__title {
line-height: clamp( 1.4375rem , 1.0585526316rem  +  0.7894736842vw , 1.7rem );
}
}
@supports not (line-height: clamp( 1.4375rem , 1.0585526316rem  +  0.7894736842vw , 1.7rem )) {
.item-body-newbies-for-what-items__title {
line-height: calc(1.4375rem + 0.2625 * (100vw - 48rem) / 33.25);
}
}
.item-body-newbies-for-what-items__text {
color: #000; font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 27.2px;
}
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.item-body-newbies-for-what-items__text {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.item-body-newbies-for-what-items__text {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.6003759398rem  +  1.3533834586vw , 1.7rem )) {
.item-body-newbies-for-what-items__text {
line-height: clamp( 1.25rem , 0.6003759398rem  +  1.3533834586vw , 1.7rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.6003759398rem  +  1.3533834586vw , 1.7rem )) {
.item-body-newbies-for-what-items__text {
line-height: calc(1.25rem + 0.45 * (100vw - 48rem) / 33.25);
}
}
.item-body-newbies-for-what-items__text_foo {
margin-bottom: 20px;
}
@supports (margin-bottom: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem )) {
.item-body-newbies-for-what-items__text_foo {
margin-bottom: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem );
}
}
@supports not (margin-bottom: clamp( 0.625rem , -0.2772556391rem  +  1.8796992481vw , 1.25rem )) {
.item-body-newbies-for-what-items__text_foo {
margin-bottom: calc(0.625rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.points-items-what-for-newbies-body-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.point-item-body-newbies-for-what-items-points {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
}
@supports (gap: clamp( 0.375rem , -0.1663533835rem  +  1.1278195489vw , 0.75rem )) {
.point-item-body-newbies-for-what-items-points {
gap: clamp( 0.375rem , -0.1663533835rem  +  1.1278195489vw , 0.75rem );
}
}
@supports not (gap: clamp( 0.375rem , -0.1663533835rem  +  1.1278195489vw , 0.75rem )) {
.point-item-body-newbies-for-what-items-points {
gap: calc(0.375rem + 0.375 * (100vw - 48rem) / 33.25);
}
}
.point-item-body-newbies-for-what-items-points__txt {
color: #000;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 27.2px; }
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.point-item-body-newbies-for-what-items-points__txt {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.point-item-body-newbies-for-what-items-points__txt {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.6003759398rem  +  1.3533834586vw , 1.7rem )) {
.point-item-body-newbies-for-what-items-points__txt {
line-height: clamp( 1.25rem , 0.6003759398rem  +  1.3533834586vw , 1.7rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.6003759398rem  +  1.3533834586vw , 1.7rem )) {
.point-item-body-newbies-for-what-items-points__txt {
line-height: calc(1.25rem + 0.45 * (100vw - 48rem) / 33.25);
}
}
.bottom-item-what-for-newbies-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 17px;
padding: 30px;
gap: 30px;
background: var(--gradient-2, linear-gradient(132deg, #ffeff4 0%, #e9f1ff 100%));
}
@supports (gap: clamp( 0.625rem , -1.1795112782rem  +  3.7593984962vw , 1.875rem )) {
.bottom-item-what-for-newbies-body {
gap: clamp( 0.625rem , -1.1795112782rem  +  3.7593984962vw , 1.875rem );
}
}
@supports not (gap: clamp( 0.625rem , -1.1795112782rem  +  3.7593984962vw , 1.875rem )) {
.bottom-item-what-for-newbies-body {
gap: calc(0.625rem + 1.25 * (100vw - 48rem) / 33.25);
}
}
.bottom-item-what-for-newbies-body__wrap-title-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
@supports (gap: clamp( 0.625rem , -1.1795112782rem  +  3.7593984962vw , 1.875rem )) {
.bottom-item-what-for-newbies-body__wrap-title-text {
gap: clamp( 0.625rem , -1.1795112782rem  +  3.7593984962vw , 1.875rem );
}
}
@supports not (gap: clamp( 0.625rem , -1.1795112782rem  +  3.7593984962vw , 1.875rem )) {
.bottom-item-what-for-newbies-body__wrap-title-text {
gap: calc(0.625rem + 1.25 * (100vw - 48rem) / 33.25);
}
}
.bottom-item-what-for-newbies-body__wrap-title-text_active {
-webkit-box-flex: 0;
-ms-flex: 0 1 32%;
flex: 0 1 32%;
}
.bottom-item-what-for-newbies-body__text {
color: #212121;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.bottom-item-what-for-newbies-body__text {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.bottom-item-what-for-newbies-body__text {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.125rem , 0.0422932331rem  +  2.2556390977vw , 1.875rem )) {
.bottom-item-what-for-newbies-body__text {
line-height: clamp( 1.125rem , 0.0422932331rem  +  2.2556390977vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.125rem , 0.0422932331rem  +  2.2556390977vw , 1.875rem )) {
.bottom-item-what-for-newbies-body__text {
line-height: calc(1.125rem + 0.75 * (100vw - 48rem) / 33.25);
}
}
.body-newbies-for-what__bottom-item {
margin-bottom: 40px;
}
@supports (margin-bottom: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem )) {
.body-newbies-for-what__bottom-item {
margin-bottom: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem )) {
.body-newbies-for-what__bottom-item {
margin-bottom: calc(1.25rem + 1.25 * (100vw - 48rem) / 33.25);
}
}
.body-newbies-for-what__button {
-ms-flex-item-align: end;
align-self: flex-end;
}
.wrap-title-text-body-newbies-for-what-items {
position: absolute;
top: 0px;
left: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
max-width: 433px;
}
@supports (gap: clamp( 0.625rem , -1.1795112782rem  +  3.7593984962vw , 1.875rem )) {
.wrap-title-text-body-newbies-for-what-items {
gap: clamp( 0.625rem , -1.1795112782rem  +  3.7593984962vw , 1.875rem );
}
}
@supports not (gap: clamp( 0.625rem , -1.1795112782rem  +  3.7593984962vw , 1.875rem )) {
.wrap-title-text-body-newbies-for-what-items {
gap: calc(0.625rem + 1.25 * (100vw - 48rem) / 33.25);
}
}
.wrap-title-text-body-newbies-for-what-items__title {
color: #000;
font-family: Playfair Display;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 48px; }
@supports (font-size: clamp( 1.5rem , 0.0563909774rem  +  3.007518797vw , 2.5rem )) {
.wrap-title-text-body-newbies-for-what-items__title {
font-size: clamp( 1.5rem , 0.0563909774rem  +  3.007518797vw , 2.5rem );
}
}
@supports not (font-size: clamp( 1.5rem , 0.0563909774rem  +  3.007518797vw , 2.5rem )) {
.wrap-title-text-body-newbies-for-what-items__title {
font-size: calc(1.5rem + 1 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.5625rem , -0.5126879699rem  +  4.3233082707vw , 3rem )) {
.wrap-title-text-body-newbies-for-what-items__title {
line-height: clamp( 1.5625rem , -0.5126879699rem  +  4.3233082707vw , 3rem );
}
}
@supports not (line-height: clamp( 1.5625rem , -0.5126879699rem  +  4.3233082707vw , 3rem )) {
.wrap-title-text-body-newbies-for-what-items__title {
line-height: calc(1.5625rem + 1.4375 * (100vw - 48rem) / 33.25);
}
}
.wrap-title-text-body-newbies-for-what-items__text {
color: #000;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
@supports (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.wrap-title-text-body-newbies-for-what-items__text {
font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem );
}
}
@supports not (font-size: clamp( 1rem , 0.2781954887rem  +  1.5037593985vw , 1.5rem )) {
.wrap-title-text-body-newbies-for-what-items__text {
font-size: calc(1rem + 0.5 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.wrap-title-text-body-newbies-for-what-items__text {
line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.wrap-title-text-body-newbies-for-what-items__text {
line-height: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.max-discount__container {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.max-discount__container {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.max-discount__container {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-discount-max {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
.left-max-discount-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 1 32.313432%;
flex: 0 1 32.313432%;
gap: 34px;
}
@supports (gap: clamp( 0.625rem , -1.5404135338rem  +  4.5112781955vw , 2.125rem )) {
.left-max-discount-body {
gap: clamp( 0.625rem , -1.5404135338rem  +  4.5112781955vw , 2.125rem );
}
}
@supports not (gap: clamp( 0.625rem , -1.5404135338rem  +  4.5112781955vw , 2.125rem )) {
.left-max-discount-body {
gap: calc(0.625rem + 1.5 * (100vw - 48rem) / 33.25);
}
}
.left-max-discount-body__button {
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
text-align: center;
}
.right-max-discount-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
color: #212121;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.right-max-discount-body {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.right-max-discount-body {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.right-max-discount-body {
line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.3477443609rem  +  1.8796992481vw , 1.875rem )) {
.right-max-discount-body {
line-height: calc(1.25rem + 0.625 * (100vw - 48rem) / 33.25);
}
}
.title-body-discount-max-left {
padding: 20px 30px;
white-space: nowrap;
border-radius: 17px;
background: linear-gradient(165deg, #2f5bff 0%, #2f5bff 0%, #fb3b3b 100%, #fb3b3b 100%);
}
.title-body-discount-max-left__box {
display: -webkit-box;
display: -ms-flexbox;
padding:10px 0;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
font-family: Manrope;
font-size: 40px;
font-style: normal;
font-weight: 800;
line-height: 45.6px; text-transform: uppercase;
border-radius: 10px;
border: 2px solid #fff;
}
@supports (font-size: clamp( 1.5rem , 0.0563909774rem  +  3.007518797vw , 2.5rem )) {
.title-body-discount-max-left__box {
font-size: clamp( 1.5rem , 0.0563909774rem  +  3.007518797vw , 2.5rem );
}
}
@supports not (font-size: clamp( 1.5rem , 0.0563909774rem  +  3.007518797vw , 2.5rem )) {
.title-body-discount-max-left__box {
font-size: calc(1.5rem + 1 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.5rem , -0.4488721805rem  +  4.0601503759vw , 2.85rem )) {
.title-body-discount-max-left__box {
line-height: clamp( 1.5rem , -0.4488721805rem  +  4.0601503759vw , 2.85rem );
}
}
@supports not (line-height: clamp( 1.5rem , -0.4488721805rem  +  4.0601503759vw , 2.85rem )) {
.title-body-discount-max-left__box {
line-height: calc(1.5rem + 1.35 * (100vw - 48rem) / 33.25);
}
}
.content-my-achievements-body_coordinator {
background: none;
padding: 0px;
}
.item-body-achievements-my-content_coordinator {
gap: 33px;
}
@supports (gap: clamp( 0.625rem , -1.4501879699rem  +  4.3233082707vw , 2.0625rem )) {
.item-body-achievements-my-content_coordinator {
gap: clamp( 0.625rem , -1.4501879699rem  +  4.3233082707vw , 2.0625rem );
}
}
@supports not (gap: clamp( 0.625rem , -1.4501879699rem  +  4.3233082707vw , 2.0625rem )) {
.item-body-achievements-my-content_coordinator {
gap: calc(0.625rem + 1.4375 * (100vw - 48rem) / 33.25);
}
}
.gradient-block__container {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.gradient-block__container {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.gradient-block__container {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-block-gradient {
border-radius: 17px;
background: var(--gradient-2, linear-gradient(132deg, #ffeff4 0%, #e9f1ff 100%));
padding: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.body-block-gradient__title {
color: #000;
font-family: Playfair Display;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 40px; }
@supports (font-size: clamp( 1.5rem , 0.7781954887rem  +  1.5037593985vw , 2rem )) {
.body-block-gradient__title {
font-size: clamp( 1.5rem , 0.7781954887rem  +  1.5037593985vw , 2rem );
}
}
@supports not (font-size: clamp( 1.5rem , 0.7781954887rem  +  1.5037593985vw , 2rem )) {
.body-block-gradient__title {
font-size: calc(1.5rem + 0.5 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.5625rem , 0.2091165414rem  +  2.8195488722vw , 2.5rem )) {
.body-block-gradient__title {
line-height: clamp( 1.5625rem , 0.2091165414rem  +  2.8195488722vw , 2.5rem );
}
}
@supports not (line-height: clamp( 1.5625rem , 0.2091165414rem  +  2.8195488722vw , 2.5rem )) {
.body-block-gradient__title {
line-height: calc(1.5625rem + 0.9375 * (100vw - 48rem) / 33.25);
}
}
.body-block-gradient__text {
color: rgba(0, 0, 0, 0.8);
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
@supports (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.body-block-gradient__text {
font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem );
}
}
@supports not (font-size: clamp( 1rem , 0.6390977444rem  +  0.7518796992vw , 1.25rem )) {
.body-block-gradient__text {
font-size: calc(1rem + 0.25 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.375rem , 0.6531954887rem  +  1.5037593985vw , 1.875rem )) {
.body-block-gradient__text {
line-height: clamp( 1.375rem , 0.6531954887rem  +  1.5037593985vw , 1.875rem );
}
}
@supports not (line-height: clamp( 1.375rem , 0.6531954887rem  +  1.5037593985vw , 1.875rem )) {
.body-block-gradient__text {
line-height: calc(1.375rem + 0.5 * (100vw - 48rem) / 33.25);
}
}
.face-internet__container {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.face-internet__container {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.face-internet__container {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-internet-face {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.body-internet-face__title {
margin-bottom: 50px;
}
@supports (margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.body-internet-face__title {
margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.body-internet-face__title {
margin-bottom: calc(1.25rem + 1.875 * (100vw - 48rem) / 33.25);
}
}
.body-internet-face__items {
margin-bottom: 30px;
}
.body-internet-face__button {
-ms-flex-item-align: end;
align-self: flex-end;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.items-face-internet-body {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-template-areas: ". . .";
gap: 20px;
align-items: end;
}
.item-body-internet-face-items {
display: -ms-grid;
height:350px;
display: grid;
grid-auto-flow: row;
border-radius: 17px;
border: 2px solid #2f5bff;
padding: 30px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: 1fr 0px 1fr;
grid-template-rows: 1fr 1fr;
gap: 0px 0px;
place-items: center;
grid-template-areas: "." ".";
}
.item-body-internet-face-items__number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #2f5bff;
border-radius: 50%;
width: 70px;
height: 70px;
color: #fff;
font-family: Playfair Display;
font-size: 46px;
font-style: normal;
font-weight: 500;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
}
.item-body-internet-face-items__text {
color: #212121;
text-align: center;
font-family: Manrope;
font-size: 23.03px;
font-style: normal;
font-weight: 400;
line-height: 31.321px;
-ms-flex-item-align: start;
align-self: flex-start;
}
@supports (font-size: clamp( 1rem , 0.3657142857rem  +  1.3214285714vw , 1.439375rem )) {
.item-body-internet-face-items__text {
font-size: clamp( 1rem , 0.3657142857rem  +  1.3214285714vw , 1.439375rem );
}
}
@supports not (font-size: clamp( 1rem , 0.3657142857rem  +  1.3214285714vw , 1.439375rem )) {
.item-body-internet-face-items__text {
font-size: calc(1rem + 0.439375 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , 0.228556391rem  +  2.1280075188vw , 1.9575625rem )) {
.item-body-internet-face-items__text {
line-height: clamp( 1.25rem , 0.228556391rem  +  2.1280075188vw , 1.9575625rem );
}
}
@supports not (line-height: clamp( 1.25rem , 0.228556391rem  +  2.1280075188vw , 1.9575625rem )) {
.item-body-internet-face-items__text {
line-height: calc(1.25rem + 0.7075625 * (100vw - 48rem) / 33.25);
}
}
.body-form-representative__title {
margin-bottom: 50px;
}
.wrap-body-form-registration-form__item_representative input {
background: rgba(47, 91, 255, 0.05);
}
@supports (font-size: clamp( 1rem , 0.3684210526rem  +  1.3157894737vw , 1.4375rem )) {
.wrap-body-form-registration-form__item_representative {
font-size: clamp( 1rem , 0.3684210526rem  +  1.3157894737vw , 1.4375rem );
}
}
@supports not (font-size: clamp( 1rem , 0.3684210526rem  +  1.3157894737vw , 1.4375rem )) {
.wrap-body-form-registration-form__item_representative {
font-size: calc(1rem + 0.4375 * (100vw - 48rem) / 33.25);
}
}
.body-form-representative__form {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-form-representative__form {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.body-form-representative__form {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-form-representative__form_representative {
gap: 50px;
}
@supports (gap: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.body-form-representative__form_representative {
gap: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem );
}
}
@supports not (gap: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.body-form-representative__form_representative {
gap: calc(1.25rem + 1.875 * (100vw - 48rem) / 33.25);
}
}
.options__text_representative {
text-align: left;
}
@supports (font-size: clamp( 1rem , 0.3049022556rem  +  1.4481203008vw , 1.4815rem )) {
.options__text_representative {
font-size: clamp( 1rem , 0.3049022556rem  +  1.4481203008vw , 1.4815rem );
}
}
@supports not (font-size: clamp( 1rem , 0.3049022556rem  +  1.4481203008vw , 1.4815rem )) {
.options__text_representative {
font-size: calc(1rem + 0.4815 * (100vw - 48rem) / 33.25);
}
}
.have-any-questions-representative__container {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.have-any-questions-representative__container {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.have-any-questions-representative__container {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-achievements-my__title_representative {
margin-bottom: 50px;
}
@supports (margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.body-achievements-my__title_representative {
margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.body-achievements-my__title_representative {
margin-bottom: calc(1.25rem + 1.875 * (100vw - 48rem) / 33.25);
}
}
@supports (margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.body-representative-questions-any-have__title {
margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -1.4567669173rem  +  5.6390977444vw , 3.125rem )) {
.body-representative-questions-any-have__title {
margin-bottom: calc(1.25rem + 1.875 * (100vw - 48rem) / 33.25);
}
}
.item-body-benefits-representativeitems__title {
color: #2f5bff;
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 30px; margin-bottom: 10px;
}
.body-yourself-for-representative__help {
color: #2f5bff;
font-family: Manrope;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 40px; }
@supports (font-size: clamp( 1.125rem , 0.0422932331rem  +  2.2556390977vw , 1.875rem )) {
.body-yourself-for-representative__help {
font-size: clamp( 1.125rem , 0.0422932331rem  +  2.2556390977vw , 1.875rem );
}
}
@supports not (font-size: clamp( 1.125rem , 0.0422932331rem  +  2.2556390977vw , 1.875rem )) {
.body-yourself-for-representative__help {
font-size: calc(1.125rem + 0.75 * (100vw - 48rem) / 33.25);
}
}
@supports (line-height: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem )) {
.body-yourself-for-representative__help {
line-height: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem );
}
}
@supports not (line-height: clamp( 1.25rem , -0.5545112782rem  +  3.7593984962vw , 2.5rem )) {
.body-yourself-for-representative__help {
line-height: calc(1.25rem + 1.25 * (100vw - 48rem) / 33.25);
}
}
.body-yourself-for-representative__register-block_buyer {
margin-bottom: 30px;
}
.representative-for-yourself__container_buyer {
margin-bottom: 100px;
}
@supports (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.representative-for-yourself__container_buyer {
margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem );
}
}
@supports not (margin-bottom: clamp( 1.25rem , -5.9680451128rem  +  15.037593985vw , 6.25rem )) {
.representative-for-yourself__container_buyer {
margin-bottom: calc(1.25rem + 5 * (100vw - 48rem) / 33.25);
}
}
.body-newbies-for-what__items_buyer .item-body-newbies-for-what-items {
-webkit-box-flex: 0;
-ms-flex: 0 1 33.3333333%;
flex: 0 1 33.3333333%;
}
.tooltip {
position: fixed;
padding: 10px 20px;
z-index: 3333; border: 1px solid #b3c9ce;
border-radius: 4px;
text-align: center;
font: italic 14px/1.3 arial, sans-serif;
color: #333;
background: #fff;
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}
.inputs-body-profile-representative-become-wrap-form__input_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.inputs-body-profile-representative-become-wrap-form__input-in {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.tooltip-button {
position: absolute;
right: 10px;
top: 20%;
z-index: 333;
cursor: pointer;
}
.swiper {
overflow: hidden;
}
.swiper-wrapper {
width: 100%;
height: 100%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.swiper-vertical .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.swiper-initialized .swiper-slide {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end;
}
}
.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-button-lock {
display: none !important;
} @font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s opacity;
transition: 0.3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 0.2s top, 0.2s -webkit-transform;
transition: 0.2s top, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s top;
transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s left, 0.2s -webkit-transform;
transition: 0.2s left, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s left;
transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s right, 0.2s -webkit-transform;
transition: 0.2s right, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s right;
transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transition-property: opacity, height, -webkit-transform;
transition-property: opacity, height, -webkit-transform;
transition-property: transform, opacity, height;
transition-property: transform, opacity, height, -webkit-transform;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
} @font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
@media (max-width: 64em) {
.item-body-chance-registration-items {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
}
@media (max-width: 85.9375em) {
.title-body-discount-max-left__box {
padding: 8px;
}
}
@media (max-width: 47.99875em) {
.become-representative-profile_margin {
margin-bottom: 20px;
}
.body-profile-representative-become {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.button-form-wrap-become-representative-profile-body-inputs {
padding: 10px 20px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.form-wrap-become-representative-profile-body {
padding: 20px 30px 17px 25px;
}
.body-cosmetics-love-and-sociable {
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px 0px 10px 0px;
gap: 10px;
}
.body-representative-avon-who {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 20px;
}
.body-representative-avon-who__image-wrap {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.image-wrap-who-avon-representative-body {
width: 80%;
}
.content-who-avon-representative-body {
padding: 20px;
gap: 12px;
}
.content-who-avon-representative-body__wrap {
gap: 12px;
padding:0px;
}
.content-who-avon-representative-body__button {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.item-body-chance-registration-items {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
}
.body-benefits-representative {
gap:50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.items-representative-benefits-body {
gap: 10px;
}
.items-representative-benefits-body__item {
padding: 10px;
}
.register-block-representative-for-yourself-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.left-content-body-yourself-for-representative-block-register {
gap: 20px;
}
.item-right-content-body-yourself-for-representative-block-register-items {
padding: 10px 15px 14px 15px;
}
.border-block-representative-for-yourself-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
}
.body-is-representative-becoming__title {
margin-bottom: 20px;
}
.items-becoming-representative-is-body {
gap: 10px;
}
.items-becoming-representative-is-body__item {
padding: 10px 15px 10px 15px;
}
.items-becoming-representative-is-body__item {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.body-earn-much-how {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.item-items-right-how-much-earn-body-max {
padding: 10px 20px;
gap: 10px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.item-items-right-how-much-earn-body-max__wrap-price {
-webkit-box-flex: 0;
-ms-flex: 0 1 20%;
flex: 0 1 20%;
}
.grid-body-earn-much-how-right__item {
padding: 10px 20px 15px 20px;
}
.items-what-for-newbies-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
gap: 10px;
}
.bottom-item-what-for-newbies-body {
padding: 15px;
}
.wrap-title-text-body-newbies-for-what-items {
position: static;
}
.body-discount-max {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.left-max-discount-body__button {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.title-body-discount-max-left__box {
padding: 8px;
}
.body-block-gradient {
padding: 15px;
}
.body-internet-face__button {
width: 80%;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.items-face-internet-body {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
place-items: center;
}
.items-face-internet-body {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-template-areas: ".";
gap: 10px;
}
.item-body-internet-face-items {
gap: 10px;
width: 80%;
}
.item-body-internet-face-items {
padding: 20px;
}
.item-body-internet-face-items__number {
width: 50px;
height: 50px;
}
.item-form-registration-form-body-wrap-target__options_representative {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0px;
}
.item-body-benefits-representativeitems__title {
margin-bottom: 5px;
}
}
@media (max-width: 29.99875em) {
.items-register-block-representative-for-yourself-body-content-right {
gap: 5px;
}
.item-items-right-how-much-earn-body-max {
padding: 8px 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.item-items-right-how-much-earn-body-max__price {
font-size: 16px;
padding: 5px 10px;
}
.item-items-right-how-much-earn-body-max__text {
font-size: 14px;
}
.grid-body-earn-much-how-right__item {
padding: 5px 10px 12px 10px;
}
.item-right-how-much-earn-body-grid__img {
width: 40px;
}
.down-text-body-earn-much-how-right {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.bottom-item-what-for-newbies-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.bottom-item-what-for-newbies-body__img {
width: 60px;
}
.content-my-achievements-body_coordinator {
padding: 10px;
}
.item-body-achievements-my-content__icon img {
width: 30px;
}
.body-internet-face__button {
width: 100%;
}
.item-body-internet-face-items {
width: 100%;
}
.item-body-internet-face-items {
padding: 10px;
}
}
.left-content-body-yourself-for-representative-block-register__button{
align-self: flex-start;
}
@media screen and (max-width: 1168px) {
.text-and-img-fill-form-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
}
.up-img-body-form-fill-img-and-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.img-body-form-fill-img-and-text__img_one {
position: absolute;
left: 0%;
top: 20%;
width: 85%;
}
.item-right-how-much-earn-body-grid__img {
width: 40px;
}
.title-registration-chance-body {
text-align:center;
}
.swiper-initialized .swiper-slide {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: space-around;
}
.center-links {
padding-right:0px;
}
.header-container {
display: flex;
justify-content: space-evenly;
align-items: stretch;
flex-wrap: wrap;
flex-direction: column;
align-content: space-around;
}
.items-face-internet-body {
display: -ms-grid;
display: flex;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-template-areas: ". . .";
gap: 20px;
align-items: stretch;
flex-direction: column;
flex-wrap: wrap;
}
.item-body-internet-face-items {
height:auto;
}
}
@media screen and (max-width: 770px) {
.img-body-form-fill-img-and-text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
margin-top: 10%;
}
.img-body-form-fill-img-and-text__img_one {
position: absolute;
left: 0%;
top: 20%;
width: 70%;
}
.button-and-inscription-fill-form-body {
padding-bottom: 20px;
display: flex;
align-content: space-between;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.items-face-internet-body {
display: -ms-grid;
display: flex;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-template-areas: ". . .";
gap: 20px;
align-items: center;
flex-direction: column;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 650px) {
.text-and-img-fill-form-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
.img-body-form-fill-img-and-text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
margin-top: 10%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.img-body-form-fill-img-and-text__img_one {
position: relative;
left: 40%;
top: 0%;
width: 100%;
}
.img-body-form-fill-img-and-text__img_two {
width: 110%;
height: auto;
top: -10%;
left: -25%;
position: relative;
}
.button-and-inscription-fill-form-body {
padding-bottom: 20px;
display: flex;
align-content: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
}
@media only screen and (max-width: 600px) {
.fotorama__stage, .fotorama__pointer {
width:600px !important;
height:600px !important;
}
.fotorama__img {
width: 100% !important;
height: 100% !important;
left: auto !important;
top: auto !important;
}
.fotorama__arr, .fotorama__arr--next {
right:15px !important;
}
.fotorama__arr--prev {
left:15px !important;
}
.main-slider {
padding-top:50px;
padding-bottom:50px;
width:100%;
}
.button-news-block a {
font-size: 15px;
color: #fff;
cursor: pointer;
}
}
.avon-faberlic-top-banner{
background: linear-gradient(
165deg,
#2F5BFF 0%,
#4E73FF 25%,
#FB3B3B 100%
);
border-radius: 20px;
padding: 20px;
margin-bottom: 25px;
text-align: center;
overflow: hidden;
box-shadow: 0 10px 25px rgba(47,91,255,.25);
}
.af-banner-image{
display: block;
max-width: 300px;
width: 100%;
height: auto;
margin: 0 auto 20px;
border-radius: 15px;
background: #fff;
padding: 5px;
}
.af-banner-content{
background: rgba(255,255,255,.95);
border-radius: 15px;
padding: 18px;
}
.af-banner-content h2{
margin: 0 0 15px;
color: #2F5BFF;
font-size: 26px;
line-height: 1.3;
font-weight: 700;
}
.af-banner-content p{
margin: 8px 0;
color: #2c3e50;
font-size: 16px;
line-height: 1.5;
}
.af-banner-content p:nth-child(2){
font-weight: 700;
}
.af-banner-content strong{
color: #c0005e;
}