/* Start:/local/templates/html/components-template/advantages/style.css?17877508455307*/
.advantages {
background-color: #f5f5f5;
padding-bottom: 120px;
padding-top: 120px; }
@media (max-width: 767px) {
.advantages {
padding-top: 60px;
padding-bottom: 60px; } }
@media (max-width: 575px) {
.advantages {
padding-top: 30px;
padding-bottom: 30px; } }
.advantages .advantages-card:nth-child(2n + 1) {
position: relative;
z-index: 1; }
.advantages .advantages-card:nth-child(2n + 1):before {
position: absolute;
content: "";
width: 60%;
height: 60%;
background-image: url("data:image/svg+xml,%3Csvg width='362' height='272' viewBox='0 0 362 272' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.4' cx='101' cy='261.5' r='261' fill='%23F5F5F5'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
left: 0;
bottom: 0;
background-size: contain;
z-index: 0; }
.advantages .advantages-card:nth-child(2n + 1) .animate-field {
position: absolute;
top: 80px;
z-index: 0;
width: 100%; }
.advantages .advantages-card:nth-child(2n + 1) .animate-field .el {
position: absolute;
z-index: 20;
animation: opacityElement 5s infinite; }
.advantages .advantages-card:nth-child(2n + 1) .animate-field .el:nth-child(4) {
left: 80%;
width: 3px;
bottom: -16px;
height: 60px;
background-color: #ff8600;
animation-delay: 2.5s; }
.advantages .advantages-card:nth-child(2n + 1) .animate-field .el:nth-child(3) {
left: 78%;
width: 1px;
bottom: -26px;
height: 70px;
background-color: #ff8600;
animation-delay: 2.5s; }
.advantages .advantages-card:nth-child(2n + 1) .animate-field .el:nth-child(1) {
top: auto;
bottom: 45px;
left: 85%;
width: 4px;
height: 33px;
background-color: #7a4281;
animation-delay: 0s; }
.advantages .advantages-card:nth-child(2n + 1) .animate-field .el:nth-child(2) {
left: 92%;
width: 2px;
bottom: 35px;
height: 70px;
background-color: #894083;
animation-delay: 2s; }
.advantages .advantages-card:nth-child(2n) {
position: relative; }
.advantages .advantages-card:nth-child(2n):before {
position: absolute;
content: "";
width: 80%;
height: 80%;
background-image: url("data:image/svg+xml,%3Csvg width='397' height='254' viewBox='0 0 397 254' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.4' cx='127' cy='127' r='127' fill='%23F5F5F5'/%3E%3Ccircle opacity='0.4' cx='343.75' cy='57.25' r='52.75' fill='%23F5F5F5'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
left: 50px;
top: 20;
background-size: contain;
z-index: 0; }
.advantages .advantages-card:nth-child(2n) .animate-field {
position: absolute;
bottom: 0;
z-index: 0;
width: 100%; }
.advantages .advantages-card:nth-child(2n) .animate-field .el {
position: absolute;
z-index: 20;
animation: opacityElement 5s infinite; }
.advantages .advantages-card:nth-child(2n) .animate-field .el:nth-child(4) {
left: 80%;
width: 3px;
bottom: -16px;
height: 60px;
background-color: #ff8600;
animation-delay: 2.5s; }
.advantages .advantages-card:nth-child(2n) .animate-field .el:nth-child(3) {
left: 78%;
width: 1px;
bottom: -26px;
height: 70px;
background-color: #ff8600;
animation-delay: 2.5s; }
.advantages .advantages-card:nth-child(2n) .animate-field .el:nth-child(1) {
top: auto;
bottom: 45px;
left: 85%;
width: 4px;
height: 33px;
background-color: #7a4281;
animation-delay: 0s; }
.advantages .advantages-card:nth-child(2n) .animate-field .el:nth-child(2) {
left: 92%;
width: 2px;
bottom: 35px;
height: 70px;
background-color: #894083;
animation-delay: 2s; }
.swiper-slide {
cursor: pointer; }
.swiper-slide.advantages-card {
background: #fff;
padding-left: 30px;
padding-right: 30px;
height: 350px;
width: 576px;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box; }
@media (max-width: 767px) {
.swiper-slide.advantages-card {
width: 90%;
height: auto;
padding-top: 32px;
padding-bottom: 24px;
justify-content: flex-start; } }
.swiper-slide.advantages-card .advantages-card__title {
font-weight: bold;
font-size: 36px;
line-height: 44px;
text-transform: uppercase;
margin-bottom: 39px;
position: relative; }
@media (max-width: 575px) {
.swiper-slide.advantages-card .advantages-card__title {
font-weight: bold;
font-size: 20px;
line-height: 29px; } }
.swiper-slide.advantages-card .advantages-card__descr {
font-weight: normal;
font-size: 16px;
line-height: 22px;
color: #666666;
position: relative; }
/* End */
/* Start:/local/templates/html/components-template/mixin__pre-slider-title/style.css?17877508452654*/
.preslider-section {
display: flex; }
.preslider-section .slider-nav {
display: flex;
margin-left: 40px; }
@media (max-width: 575px) {
.preslider-section__title h2 {
margin-bottom: 0px; } }
@media (max-width: 575px) {
.preslider-section {
display: flex;
align-items: flex-start;
justify-content: space-between; }
.preslider-section .slider-nav {
display: flex;
margin-top: 0px;
margin-left: 0px;
padding-left: 5px; } }
.preslider-section .slider-nav__prev,
.preslider-section .slider-nav__next {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center; }
.preslider-section .slider-nav__prev.swiper-button-disabled,
.preslider-section .slider-nav__next.swiper-button-disabled {
opacity: .3;
pointer-events: none; }
@media (max-width: 1199px) {
.preslider-section .slider-nav__prev,
.preslider-section .slider-nav__next {
width: 40px;
height: 40px; } }
@media (max-width: 575px) {
.preslider-section .slider-nav__prev,
.preslider-section .slider-nav__next {
width: 16px;
height: 16px; } }
.preslider-section .slider-nav__prev:hover,
.preslider-section .slider-nav__next:hover {
cursor: pointer; }
.preslider-section .slider-nav__prev:hover:after,
.preslider-section .slider-nav__next:hover:after {
border-color: black; }
.preslider-section .slider-nav__prev {
position: relative; }
@media (max-width: 575px) {
.preslider-section .slider-nav__prev {
margin-right: 43px; } }
.preslider-section .slider-nav__prev:after {
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
content: '';
transition: all .3s ease;
transform: rotate(45deg) translate(-50%, -50%);
border-bottom: 2px solid #666;
border-left: 2px solid #666; }
@media (max-width: 575px) {
.preslider-section .slider-nav__prev:after {
top: calc(50% + 10px); } }
.preslider-section .slider-nav__next {
position: relative; }
.preslider-section .slider-nav__next:after {
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
content: '';
transition: all .3s ease;
transform: rotate(45deg) translate(-50%, -50%);
border-top: 2px solid #666;
border-right: 2px solid #666; }
@media (max-width: 575px) {
.preslider-section .slider-nav__next:after {
top: calc(50% + 10px);
left: calc(50% - 10px); } }
/* End */
/* Start:/local/templates/html/components-template/portfolio/style.css?17877508455609*/
.portfolio {
background-color: #fff;
padding-bottom: 60px;
padding-top: 110px;
margin: 120px 0 0 0; }
@media (max-width: 767px) {
.portfolio {
margin: 60px 0 30px 0;
padding-top: 0;
padding-bottom: 0; } }
@media (max-width: 575px) {
.portfolio {
margin: 30px 0; } }
.portfolio .preslider-section {
position: relative;
z-index: 10; }
.portfolio-slider {
position: relative; }
.portfolio-slider:before {
top: -258px;
left: -348px;
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='570' height='611' viewBox='0 0 570 611' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6968 352.873C-8.92011 270.002 -2.87065 181.038 32.738 102.263L97.7932 131.67C69.2515 194.811 64.4026 266.119 84.134 332.543L15.6968 352.873Z' fill='%23F5F5F5'/%3E%3Cpath d='M569.924 542.95C505.17 589.302 426.866 612.858 347.285 609.925L349.915 538.58C413.702 540.932 476.466 522.051 528.369 484.897L569.924 542.95Z' fill='%23F5F5F5'/%3E%3Cpath d='M109.056 288.747C105.441 247.17 111.684 205.326 127.28 166.615C142.875 127.905 167.381 93.4185 198.809 65.9587C230.237 38.499 267.699 18.8401 308.152 8.57907C348.605 -1.68193 390.908 -2.25563 431.624 6.90463L420.066 58.278C387.431 50.9357 353.523 51.3955 321.098 59.6201C288.674 67.8447 258.647 83.6021 233.456 105.612C208.266 127.622 188.622 155.264 176.122 186.292C163.622 217.321 158.618 250.86 161.516 284.186L109.056 288.747Z' fill='%23F5F5F5'/%3E%3Cpath d='M398.13 529.239C349.771 533.781 301.095 524.925 257.434 503.643L266.522 484.998C306.761 504.613 351.622 512.774 396.19 508.589L398.13 529.239Z' fill='%23F5F5F5'/%3E%3C/svg%3E%0A");
content: "";
width: 650px;
height: 650px;
background-size: contain;
background-repeat: no-repeat; }
@media (max-width: 767px) {
.portfolio-slider:before {
top: -258px;
left: -348px;
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='570' height='611' viewBox='0 0 570 611' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6968 352.873C-8.92011 270.002 -2.87065 181.038 32.738 102.263L97.7932 131.67C69.2515 194.811 64.4026 266.119 84.134 332.543L15.6968 352.873Z' fill='%23F5F5F5'/%3E%3Cpath d='M569.924 542.95C505.17 589.302 426.866 612.858 347.285 609.925L349.915 538.58C413.702 540.932 476.466 522.051 528.369 484.897L569.924 542.95Z' fill='%23F5F5F5'/%3E%3Cpath d='M109.056 288.747C105.441 247.17 111.684 205.326 127.28 166.615C142.875 127.905 167.381 93.4185 198.809 65.9587C230.237 38.499 267.699 18.8401 308.152 8.57907C348.605 -1.68193 390.908 -2.25563 431.624 6.90463L420.066 58.278C387.431 50.9357 353.523 51.3955 321.098 59.6201C288.674 67.8447 258.647 83.6021 233.456 105.612C208.266 127.622 188.622 155.264 176.122 186.292C163.622 217.321 158.618 250.86 161.516 284.186L109.056 288.747Z' fill='%23F5F5F5'/%3E%3Cpath d='M398.13 529.239C349.771 533.781 301.095 524.925 257.434 503.643L266.522 484.998C306.761 504.613 351.622 512.774 396.19 508.589L398.13 529.239Z' fill='%23F5F5F5'/%3E%3C/svg%3E%0A");
content: "";
left: 50%;
top: 55%;
transform: translate(-50%, -220px);
z-index: 0;
width: 350px;
height: 350px;
background-size: contain;
background-repeat: no-repeat; } }
.portfolio-slider a.project-descr {
display: flex;
opacity: 0;
background-color: #894083;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
padding: 10px;
display: flex;
flex-direction: column;
transform: rotateY(180deg);
transition: transform 0.92s ease; }
@media (max-width: 1199px) {
.portfolio-slider a.project-descr {
display: none; } }
.portfolio-slider a.project-descr .project-descr__title {
font-family: Circe;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 27px;
text-align: center;
letter-spacing: 0.02em;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 10px;
transition: 0.3s ease;
transition-delay: 0.3s;
opacity: 0; }
.portfolio-slider a.project-descr .project-descr__content {
font-family: Circe;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 27px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.02em;
color: #ffffff;
transition: 0.3s ease;
transition-delay: 0.3s;
opacity: 0; }
.swiper-slide {
transition: all ease .3s; }
.swiper-slide.portfolio-card {
height: 480px;
width: 620px;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
overflow: hidden; }
@media (max-width: 767px) {
.swiper-slide.portfolio-card {
width: 65%;
height: 320px; } }
@media (max-width: 575px) {
.swiper-slide.portfolio-card {
height: 240px; } }
.swiper-slide.portfolio-card .portfolio-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
height: 100%;
position: absolute;
transform: rotateY(360deg);
transition: transform 0.92s ease;
opacity: 1; }
.swiper-slide.portfolio-card:hover .portfolio-image {
transform: scale(1.03); }
@media (max-width: 575px) {
.swiper-slide.portfolio-card {
width: 65%;
justify-content: flex-start; }
.swiper-slide.portfolio-card img {
width: 100%;
height: 100%; } }
/* End */
/* Start:/local/templates/html/components-template/faq/style.css?17877508452671*/
.faq {
margin-top: 120px;
margin-bottom: 120px; }
@media (max-width: 767px) {
.faq {
margin: 60px 0; } }
@media (max-width: 575px) {
.faq {
margin: 30px 0; } }
.faq__title__wrap {
display: flex; }
.faq__title__wrap:not(:last-child) {
margin-bottom: 38px;
transition: all .3s ease; }
.faq__title__wrap.active {
margin-bottom: 0px; }
.faq__title__wrap.active .faq__toggle::after, .faq__title__wrap.active .faq__toggle:before {
background-color: #ff8600; }
.faq__title__wrap.active .faq__toggle:after {
top: 0;
bottom: 100%; }
.faq__title__wrap.active .faq__toggle .faq__title {
color: #ff8600; }
.faq__toggler {
margin-top: 60px; }
.faq__toggle {
position: relative;
min-width: 20px;
height: 20px;
margin-right: 28px; }
.faq__toggle:after {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 2px;
content: '';
transition: all .3s ease;
transform: translateX(-50%);
background-color: #894083; }
.faq__toggle:before {
position: absolute;
top: 50%;
width: 100%;
height: 2px;
content: '';
transition: all .3s ease;
transform: translateY(-50%);
background-color: #894083; }
.faq__title__wrap {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
line-height: 1.3; }
@media (max-width: 575px) {
.faq__title__wrap {
font-size: 16px; } }
.faq__title__wrap:hover {
cursor: pointer;
color: #ff8600; }
.faq__title__wrap:hover .faq__toggle:after, .faq__title__wrap:hover .faq__toggle:before {
background-color: #ff8600; }
.faq__content {
max-height: 0px;
overflow: hidden;
padding-left: 55px;
transition: all .3s ease; }
.faq__content .text {
font-size: 18px; }
@media (max-width: 575px) {
.faq__content .text {
font-size: 14px; } }
.faq__content.active {
position: relative;
max-height: 1000px;
margin-bottom: 38px;
padding-bottom: 28px; }
.faq__content.active:after {
position: absolute;
top: 20px;
left: 0;
width: 100%;
height: 1px;
content: '';
background-color: #e0e0e0; }
.faq__content.active:before {
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 1px;
content: '';
background-color: #e0e0e0; }
.faq__descr {
margin-top: 40px;
font-size: 18px;
font-weight: normal;
line-height: 27px; }
/* End */
/* Start:/local/templates/html/components-template/trust-us/style.css?17877508454182*/
.trust-us {
margin: 120px 0; }
@media (max-width: 767px) {
.trust-us {
margin: 60px 0; } }
@media (max-width: 575px) {
.trust-us {
margin: 30px 0; } }
@media (max-width: 1199px) {
.trust-us .trust-us-card {
padding: 0px 15px; } }
.trust-us .trust-card-top {
display: flex; }
@media (max-width: 575px) {
.trust-us .trust-card-top {
position: relative; } }
.trust-us .trust-card-top__info {
margin-left: 33px; }
@media (max-width: 575px) {
.trust-us .trust-card-top__info {
margin-left: 21px;
width: 50%; } }
.trust-us .trust-card-top__title {
font-weight: bold;
font-size: 18px;
line-height: 26px; }
.trust-us .trust-card-top__project {
display: flex;
font-weight: normal;
font-size: 15px;
line-height: 24px; }
.trust-us .trust-card-top__value {
font-weight: bold;
font-size: 24px;
line-height: 35px;
margin-right: 15px; }
.trust-us .trust-card-top__rating {
align-items: center;
margin-top: 11px;
display: flex; }
@media (max-width: 575px) {
.trust-us .trust-card-top__rating {
position: absolute;
left: 0;
bottom: 0;
transform: translateY(100%); } }
.trust-us .trust-card-top__stars {
display: flex; }
.trust-us .trust-card-top__star {
margin-right: 6px;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2.98775L11.7217 7.12724C11.8657 7.47348 12.1913 7.71005 12.5651 7.74001L17.0341 8.09829L13.6292 11.0149C13.3444 11.2589 13.22 11.6416 13.307 12.0064L14.3473 16.3673L10.5213 14.0304C10.2012 13.8349 9.79876 13.8349 9.47875 14.0304L5.65272 16.3673L6.69296 12.0064C6.77996 11.6416 6.65559 11.2589 6.3708 11.0149L2.96595 8.09829L7.43488 7.74001C7.80867 7.71005 8.13428 7.47348 8.27829 7.12724L10 2.98775Z' stroke='%23E0E0E0' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat; }
.trust-us .trust-card-top__star.active {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2.98775L11.7217 7.12724C11.8657 7.47348 12.1913 7.71005 12.5651 7.74001L17.0341 8.09829L13.6292 11.0149C13.3444 11.2589 13.22 11.6416 13.307 12.0064L14.3473 16.3673L10.5213 14.0304C10.2012 13.8349 9.79876 13.8349 9.47875 14.0304L5.65272 16.3673L6.69296 12.0064C6.77996 11.6416 6.65559 11.2589 6.3708 11.0149L2.96595 8.09829L7.43488 7.74001C7.80867 7.71005 8.13428 7.47348 8.27829 7.12724L10 2.98775Z' stroke='%23FF8600' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
@media (max-width: 575px) {
.trust-us .trust-card-top__logo {
width: 50%; } }
.trust-us .trust-card-top__logo .lazy-img-wrap {
filter: grayscale(100%);
width: 295px;
height: 140px;
display: flex;
justify-content: center;
align-items: center; }
@media (max-width: 575px) {
.trust-us .trust-card-top__logo .lazy-img-wrap {
width: auto;
height: 80px; } }
.trust-us .trust-card-top__logo .lazy-img-wrap img {
max-width: 100%;
max-height: 100%; }
.trust-us .trust-us-card-bottom {
max-width: 950px; }
.trust-us .trust-us-card-bottom__quote {
margin-top: 40px;
font-weight: bold;
font-size: 24px;
line-height: 1.3;
letter-spacing: 0.02em;
display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
overflow: hidden;
height: 285px;
word-wrap: break-word; }
@media (max-width: 575px) {
.trust-us .trust-us-card-bottom__quote {
margin-top: 20px;
font-size: 20px;
height: 260px; } }
.trust-us .trust-us-card-bottom__descr {
margin-top: 15px;
font-weight: normal;
font-size: 15px;
line-height: 24px;
letter-spacing: 0.02em; }
/* End */
/* Start:/local/templates/html/components-template/spage/style.css?178775084520251*/
.services {
padding-bottom: 30px; }
.stack-list {
max-width: 1200px;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08); }
.stack-list__top {
display: grid;
padding: 40px;
gap: 40px;
grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 767px) {
.stack-list__top {
padding: 16px 16px 24px;
grid-template-columns: 1fr; } }
.stack-list__bottom {
padding: 40px 0;
border-top: 1px solid #E0E0E0;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 24px 0; }
@media (max-width: 767px) {
.stack-list__bottom {
grid-template-columns: 1fr 1fr 1fr;
gap: 6px 10px;
padding: 20px 16px 16px; } }
.stack-item {
display: flex;
flex-direction: column;
align-items: center; }
@media (max-width: 767px) {
.stack-item {
flex-direction: row;
align-items: flex-start; } }
.stack-item__logo {
width: 100%;
height: 174px;
position: relative;
display: flex;
align-items: center;
justify-content: center; }
@media (max-width: 1023px) {
.stack-item__logo {
height: 140px; } }
@media (max-width: 767px) {
.stack-item__logo {
width: 100px;
height: auto;
flex-shrink: 0; } }
.stack-item__logo img {
display: block;
object-fit: contain;
width: 100%;
height: 100%; }
.stack-item__title {
margin-top: 24px;
color: #666666;
text-align: center; }
@media (max-width: 767px) {
.stack-item__title {
margin-top: 0;
margin-left: 16px;
font-size: 14px;
text-align: left; } }
@media (max-width: 767px) {
.stack-item--sm {
justify-content: center; } }
.stack-item--sm .stack-item__logo {
height: 106px; }
@media (max-width: 1023px) {
.stack-item--sm .stack-item__logo {
height: 80px; } }
@media (max-width: 767px) {
.stack-item--sm .stack-item__logo {
height: 40px;
width: auto;
flex-shrink: 1; } }
.spage-slider__inner {
display: grid;
grid-template-columns: 360px 1fr;
border: 1px solid #E0E0E0; }
@media (max-width: 1023px) {
.spage-slider__inner {
grid-template-columns: 260px 1fr; } }
@media (max-width: 767px) {
.spage-slider__inner {
grid-template-columns: 1fr;
position: relative;
padding-bottom: 80px; } }
.spage-slider__left {
padding: 56px 32px;
display: flex;
gap: 24px;
justify-content: space-between;
flex-direction: column;
border-right: 1px solid #E0E0E0; }
@media (max-width: 1023px) {
.spage-slider__left {
padding: 24px; } }
@media (max-width: 767px) {
.spage-slider__left {
padding: 24px 16px 8px;
gap: 0;
border-right: none; } }
.spage-slider__title {
font-weight: 700;
font-size: 22px; }
@media (max-width: 1199px) {
.spage-slider__title {
font-size: 20px; } }
@media (max-width: 1023px) {
.spage-slider__title {
font-size: 18px; } }
@media (max-width: 767px) {
.spage-slider__title {
font-size: 15px; } }
.spage-slider__btn {
width: 100%;
height: 50px;
background-color: #894083; }
@media (max-width: 1023px) {
.spage-slider__btn {
height: 40px; } }
@media (max-width: 767px) {
.spage-slider__btn {
position: absolute;
z-index: 2;
left: 16px;
right: 16px;
width: auto;
bottom: 24px; } }
.spage-slider__right {
padding: 24px;
padding-left: 0;
min-width: 100%; }
@media (max-width: 767px) {
.spage-slider__right {
padding: 0 16px; } }
@media (min-width: 768px) {
.spage-slider .swiper-wrapper {
display: grid;
gap: 0 20px;
grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 767px) {
.spage-slider .swiper-wrapper {
transition-timing-function: linear !important; } }
@media (max-width: 767px) {
.spage-slider .swiper-slide {
width: 160px; } }
@media (max-width: 575px) {
.spage-slider .swiper-slide {
width: 130px; } }
.spage-slider__slide {
height: 160px; }
@media (max-width: 1469px) {
.spage-slider__slide {
height: 140px; } }
@media (max-width: 1199px) {
.spage-slider__slide {
height: 120px; } }
@media (max-width: 1023px) {
.spage-slider__slide {
height: 80px; } }
@media (max-width: 575px) {
.spage-slider__slide {
height: 70px; } }
.spage-slider__slide img {
width: 100%;
height: 100%;
object-fit: contain; }
.spage-slider__btn.btn {
transition: all ease .3s; }
@media (hover: hover) {
.spage-slider__btn.btn:hover {
cursor: pointer;
opacity: .7; } }
.spage-fw {
max-width: 980px;
margin: 120px auto 0; }
@media (max-width: 767px) {
.spage-fw {
margin: 80px auto 0; } }
.spage-fw__title {
text-align: center; }
@media (max-width: 767px) {
.spage-fw__title {
margin-bottom: 20px; } }
.spage-fw__list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px; }
@media (max-width: 1023px) {
.spage-fw__list {
gap: 24px; } }
@media (max-width: 767px) {
.spage-fw__list {
gap: 16px; } }
@media (max-width: 575px) {
.spage-fw__list {
grid-template-columns: 1fr; } }
.spage-fw__item {
padding: 32px;
border: 1px solid #E0E0E0;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column; }
@media (max-width: 1023px) {
.spage-fw__item {
padding: 24px; } }
@media (max-width: 767px) {
.spage-fw__item {
padding: 16px; } }
.spage-fw__item-logo {
height: 190px; }
@media (max-width: 1023px) {
.spage-fw__item-logo {
height: 160px; } }
@media (max-width: 767px) {
.spage-fw__item-logo {
height: 125px; } }
.spage-fw__item-logo img {
width: 100%;
height: 100%;
object-fit: contain; }
.spage-fw__item-title {
margin-top: 24px;
font-size: 36px;
font-weight: 700;
text-transform: uppercase; }
@media (max-width: 1023px) {
.spage-fw__item-title {
font-size: 24px; } }
@media (max-width: 767px) {
.spage-fw__item-title {
font-size: 18px; } }
.spage-fw__item-text {
color: #666666;
font-size: 15px;
margin-top: 16px;
letter-spacing: 0.2px;
line-height: 1.5; }
@media (max-width: 767px) {
.spage-fw__item-text {
font-size: 14px; } }
.spage-fw__item .s-line {
position: absolute;
right: 20px;
top: 0;
z-index: 2;
pointer-events: none; }
@media (max-width: 767px) {
.spage-fw__item .s-line {
top: -8px;
right: 5px;
width: 100px; } }
.spage-faq {
max-width: 980px;
margin: 120px auto 0; }
@media (max-width: 767px) {
.spage-faq {
margin: 80px auto 0; } }
@media (max-width: 767px) {
.spage-faq__title {
margin-bottom: 20px; } }
.spage-faq__list {
display: flex;
flex-direction: column;
gap: 24px; }
@media (max-width: 767px) {
.spage-faq__list {
gap: 16px; } }
.spage-faq__item {
position: relative;
padding-left: 32px;
display: grid;
grid-template-columns: 240px auto;
gap: 20px; }
@media (max-width: 767px) {
.spage-faq__item {
grid-template-columns: 1fr;
gap: 12px;
padding-left: 20px; }
.spage-faq__item.active .spage-faq__item-title:after {
transform: rotate(0); } }
.spage-faq__item:before {
content: '\2714';
color: #894083;
position: absolute;
left: 0;
top: 0;
font-size: 18px;
display: flex;
align-items: center; }
@media (max-width: 767px) {
.spage-faq__item:before {
font-size: 15px; } }
.spage-faq__item-title {
font-size: 18px;
font-weight: 700; }
@media (max-width: 767px) {
.spage-faq__item-title {
padding-right: 24px;
position: relative;
font-size: 15px; }
.spage-faq__item-title:before {
position: absolute;
content: '';
right: 0;
top: 7px;
height: 2px;
width: 10px;
background-color: #894083; }
.spage-faq__item-title:after {
position: absolute;
content: '';
right: 0;
top: 7px;
height: 2px;
width: 10px;
background-color: #894083;
transform: rotate(90deg);
transition: all ease .3s; } }
.spage-faq__item-text {
font-size: 18px;
color: #666666; }
@media (max-width: 767px) {
.spage-faq__item-text {
font-size: 15px;
display: none; } }
.spage-branch {
margin: 120px auto 0; }
@media (max-width: 767px) {
.spage-branch {
margin: 80px auto 0; } }
.spage-branch__title {
text-align: center; }
@media (max-width: 767px) {
.spage-branch__title {
margin-bottom: 20px; } }
.spage-branch__subtitle {
text-align: center;
text-transform: uppercase; }
@media (max-width: 767px) {
.spage-branch__subtitle {
font-size: 15px; } }
.spage-branch__list {
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
background-color: #fff; }
.spage-branch__item {
display: grid;
grid-template-columns: 30% 1fr; }
@media (max-width: 767px) {
.spage-branch__item {
grid-template-columns: 100%; } }
.spage-branch__item:not(:last-child) {
border-bottom: 1px solid #E0E0E0; }
.spage-branch__item-left {
border-right: 1px solid #E0E0E0;
padding: 40px;
display: flex;
align-items: center; }
@media (max-width: 1199px) {
.spage-branch__item-left {
padding: 24px; } }
@media (max-width: 767px) {
.spage-branch__item-left {
border-right: none;
padding: 16px 8px 10px 16px; } }
.spage-branch__item-left a {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 18px;
gap: 16px;
color: #282828; }
@media (max-width: 1023px) {
.spage-branch__item-left a {
font-size: 16px; } }
@media (max-width: 767px) {
.spage-branch__item-left a {
font-size: 14px; } }
@media (max-width: 575px) {
.spage-branch__item-left a {
font-size: 12px; } }
.spage-branch__item-left a .icon {
transform: rotate(-90deg);
fill: #894083;
transition: all ease .3s;
flex-shrink: 0; }
@media (max-width: 767px) {
.spage-branch__item-left a .icon {
max-width: 24px;
max-height: 24px; } }
.spage-branch__item-left a span {
max-width: 200px;
display: inline-block;
font-weight: 700;
text-transform: uppercase; }
@media (max-width: 767px) {
.spage-branch__item-left a span {
max-width: none; } }
@media (hover: hover) {
.spage-branch__item-left a:hover {
cursor: pointer;
color: #894083; }
.spage-branch__item-left a:hover .icon {
transform: rotate(-90deg) translateY(4px); } }
.spage-branch__item-right {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
overflow: hidden; }
@media (max-width: 767px) {
.spage-branch__item-right {
padding-bottom: 16px; } }
.spage-branch__item-img {
height: 160px; }
@media (max-width: 1199px) {
.spage-branch__item-img {
height: 120px; } }
@media (max-width: 1023px) {
.spage-branch__item-img {
height: 90px; } }
@media (max-width: 767px) {
.spage-branch__item-img {
height: 50px; } }
@media (max-width: 575px) {
.spage-branch__item-img {
height: 32px; } }
@media (hover: hover) {
.spage-branch__item-img:hover {
cursor: pointer; }
.spage-branch__item-img:hover img {
transform: scale(1.03); } }
.spage-branch__item-img img {
width: 100%;
height: 100%;
object-fit: contain;
transition: all ease .3s; }
.spage-award__inner {
display: grid;
grid-template-columns: 30% 1fr;
grid-template-rows: minmax(min-content, auto) minmax(min-content, auto);
gap: 16px 24px; }
@media (max-width: 1023px) {
.spage-award__inner {
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 16px; } }
.spage-award__head {
grid-row: span 2;
background-color: #894083;
position: relative;
padding: 40px 32px; }
@media (max-width: 1199px) {
.spage-award__head {
padding: 32px; } }
@media (max-width: 1023px) {
.spage-award__head {
grid-row: span 1;
padding: 24px 16px 40px; } }
.spage-award__title {
color: #fff;
font-size: 30px;
text-transform: uppercase; }
@media (max-width: 1199px) {
.spage-award__title {
font-size: 24px; } }
@media (max-width: 1023px) {
.spage-award__title {
font-size: 18px; } }
.spage-award__bg {
pointer-events: none;
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 250px;
z-index: 2;
background-position: bottom center;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='427' height='313' viewBox='0 0 427 313' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.15' fill-rule='evenodd' clip-rule='evenodd' d='M401.234 313.459C414.35 288.924 422.587 261.783 425.333 233.26C430.619 176.638 413.606 121.173 377.432 77.4274C341.259 33.5171 290.055 6.44456 233.399 0.997042C176.744 -4.45048 121.41 12.5524 77.4738 48.8692C33.5372 85.186 6.44843 136.195 0.99764 192.816C-3.08013 235.175 5.41432 276.794 25.167 313.459H63.4665C50.3719 293.967 41.0321 271.98 36.3452 248.942C83.255 206.517 156.593 178.124 245.457 168.054C246.944 173.832 248.265 179.775 249.421 185.552C200.466 201.817 157.112 258.886 121.622 313.459H163.135C191.138 272.615 223.643 233.179 255.698 220.053C260.502 252.787 261.914 284.367 260.03 313.459H294.655C296.464 282.772 294.916 249.773 290.055 215.761C311.527 218.568 330.853 231.939 347.866 255.545C356.455 267.43 364.549 281.957 371.816 298.795C369.071 303.837 366.092 308.73 362.896 313.459H401.234ZM280.309 165.083C281.631 170.2 282.787 175.483 283.778 180.6C319.125 181.26 350.178 199.749 375.781 235.406C380.24 241.348 384.37 247.951 388.499 255.05C390.481 246.796 391.803 238.542 392.628 230.123C394.611 209.654 393.124 189.349 388.169 169.54C355.629 164.588 317.969 163.102 280.309 165.083ZM271.225 131.077C284.769 130.252 298.313 129.757 311.692 129.757C333.496 129.757 354.803 130.912 374.624 133.058C363.888 111.433 349.022 92.1192 330.522 76.2719C317.639 95.0906 296.166 108.132 266.269 115.065C267.095 117.54 267.92 120.179 268.745 122.819L268.747 122.823C269.16 124.227 269.573 125.589 269.986 126.951C270.399 128.313 270.812 129.674 271.225 131.077ZM231.582 33.6822C239.511 48.0438 247.274 64.3864 254.377 82.2146C277.501 77.4274 293.028 68.8434 301.782 55.9675C280.144 43.7518 256.689 36.3234 231.582 33.6822ZM218.699 86.0114C210.11 65.707 200.86 47.7137 191.775 34.0123C161.053 37.644 131.817 49.1994 106.875 67.5228C116.159 69.1428 125.574 71.2884 135.238 73.4906C136.406 73.7569 137.578 74.0239 138.754 74.291L138.931 74.3311C164.312 80.0961 190.354 86.0114 218.699 86.0114ZM234.136 127.897C233.297 125.302 232.469 122.742 231.582 120.182C195.544 122.552 163.438 115.398 134.685 108.991C133.392 108.703 132.105 108.416 130.825 108.132C110.344 103.344 91.0182 98.8874 73.6748 98.8874C50.8806 126.62 37.0059 160.131 33.5372 196.117C33.2068 199.749 33.0417 203.546 32.8765 207.343C95.1476 160.791 174.267 141.807 236.207 134.379C236.125 134.214 236.083 134.007 236.042 133.801C236.001 133.595 235.96 133.388 235.877 133.223C235.277 131.424 234.704 129.653 234.136 127.897Z' fill='url(%23paint0_linear_805_422)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_805_422' x1='213.139' y1='-0.561443' x2='213.139' y2='313.459' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); }
@media (max-width: 1023px) {
.spage-award__bg {
right: 10px;
left: auto;
width: 50%;
height: auto;
top: 20%;
background-position: right bottom; } }
.spage-award__item {
background: #F5F5F5;
padding: 40px 40px 40px 48px;
position: relative; }
@media (max-width: 1199px) {
.spage-award__item {
padding: 32px; } }
@media (max-width: 767px) {
.spage-award__item {
padding: 32px 16px 24px; } }
.spage-award__item:before {
content: '';
position: absolute;
left: 20px;
width: 30%;
height: 100%;
top: 0;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg width='220' height='72' viewBox='0 0 220 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M106.168 13.2277L106.168 -4.87693e-06' stroke='%238A4184' stroke-width='1.5562' stroke-miterlimit='10'/%3E%3Cpath d='M10.3369 26.4558L10.3369 0.000477791' stroke='%238A4184' stroke-width='5' stroke-miterlimit='10'/%3E%3Cpath d='M32.1494 71.5852L32.1494 61.4699' stroke='%23FF8600' stroke-miterlimit='10'/%3E%3Cpath d='M106.168 13.2277L106.168 -4.87693e-06' stroke='%238A4184' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M196.436 34.2371L196.436 13.2284' stroke='%23F6871F' stroke-width='5' stroke-miterlimit='10'/%3E%3Cpath d='M219 38.1272L219 67.6949' stroke='%238A4184' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M1 63.8044L1 0.000410032' stroke='%23F6871F' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat; }
@media (max-width: 767px) {
.spage-award__item:before {
left: 0;
right: 0;
margin: 0 auto;
width: 220px; } }
.spage-award__item-header {
display: flex;
justify-content: space-between;
text-transform: uppercase;
font-size: 24px;
color: #894083;
font-weight: 700; }
@media (max-width: 1199px) {
.spage-award__item-header {
font-size: 20px; } }
@media (max-width: 767px) {
.spage-award__item-header {
flex-direction: column;
align-items: center;
justify-content: normal;
gap: 4px;
font-size: 15px; } }
.spage-award__item-award {
color: #FF8600; }
.spage-award__item-body {
margin-top: 32px;
display: flex;
justify-content: space-between;
gap: 40px; }
@media (max-width: 1199px) {
.spage-award__item-body {
gap: 24px; } }
@media (max-width: 767px) {
.spage-award__item-body {
margin-top: 24px;
gap: 32px;
flex-direction: column; } }
.spage-award__item-text {
color: #666666;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.2px; }
@media (max-width: 1199px) {
.spage-award__item-text {
font-size: 16px; } }
@media (max-width: 767px) {
.spage-award__item-text {
font-size: 14px; } }
.spage-award__item-awards {
display: flex;
width: 260px;
flex-shrink: 0;
position: relative;
justify-content: space-between; }
@media (max-width: 767px) {
.spage-award__item-awards {
align-self: center; } }
.spage-award__item-img {
height: 140px;
width: 96px; }
.spage-award__item-img img {
width: 100%;
height: 100%;
object-fit: contain; }
.spage-award__item-img.abs {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
transform: translateY(-16px); }
.spage-award__item-img.abs img {
filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.35));
-webkit-filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.35)); }
.mt {
margin-top: 76px; }
/* End */
/* Start:/local/templates/html/components-template/about-trust/style.css?178775084516684*/
.about-trust {
background: url("data:image/svg+xml,%3Csvg width='1598' height='1190' viewBox='0 0 1598 1190' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.03' d='M1614.84 498.513C1577.01 341.756 1460.88 205.126 1284.77 111.593C1108.66 18.0609 891.5 -16.7589 679.655 7.73113C465.563 35.0742 279.14 119.773 151.734 248.463C24.3278 377.153 -22.7693 536.018 11.1568 691.123C48.9859 847.879 165.12 984.51 341.228 1078.04C362.399 1090.8 385.817 1100.71 405.333 1108.97C569.261 1178.33 756.852 1204.44 942.438 1180.25C1156.53 1152.91 1342.95 1068.21 1470.36 939.521C1601.67 812.482 1650.42 658.122 1614.84 498.513ZM417.529 1007.61C340.06 967.23 275.485 917.083 227.707 858.827C440.389 773.826 746.516 656.085 940.85 673.638C869.864 803.375 779.955 917.498 678.459 1000.09C648.175 1025.32 613.989 1048.89 582.05 1069.62C524.567 1056.71 469.924 1033.59 417.529 1007.61ZM1108.7 619.121C1113.79 606.058 1121.12 590.141 1126.21 577.077C1255.6 624.216 1376.01 682.767 1472.4 738.767C1449.8 793.874 1415.49 844.028 1373.38 890.878C1353.74 909.198 1334.1 927.518 1314.46 945.838C1316.24 923.766 1314.12 900.042 1309.74 879.171C1291.31 757.248 1225.79 668.663 1108.7 619.121ZM1299.02 536.073C1256.09 517.908 1209.25 498.091 1164.07 482.779C1164.66 475.421 1171.41 466.862 1172 459.505C1172.59 452.147 1177.09 446.441 1179.93 436.23C1290.99 460.397 1385.97 458.739 1462.62 434.108C1495.85 497.62 1504.47 565.939 1499.14 632.157C1437.29 598.377 1369.28 565.798 1299.02 536.073ZM1197.68 341.032C1207.98 288.328 1212.13 236.826 1215.68 192.681C1293.15 233.066 1355.48 286.065 1403.26 344.321C1353.46 361.292 1284.74 362.648 1197.68 341.032ZM1082.98 136.533C1089.48 181.128 1084.74 239.988 1073.85 300.05C980.174 260.416 905.546 209.82 830.917 159.224C800.285 138.655 769.653 118.087 739.021 97.518C854.701 89.4015 974.755 102.156 1082.98 136.533ZM1051.6 400.954C1046.51 414.017 1043.67 424.228 1042.48 438.943L1040.24 441.796C819.888 371.39 522.42 306.396 231.799 331.792C238.542 323.233 245.286 314.674 258.18 304.913C337.32 224.275 449.341 161.354 575.197 127.11C633.743 151.881 687.201 189.715 744.562 229.201C828.653 287.605 922.204 353.815 1051.6 400.954ZM1008.53 534.893C1001.19 550.809 993.854 566.726 986.519 582.643C749.251 546.924 420.176 673.976 172.245 770.692C120.216 664.988 115.737 545.167 164.838 436.603C395.728 401.151 691.663 435.064 1008.53 534.893ZM737.231 1097.23C750.125 1087.47 765.267 1074.86 778.161 1065.1C888.648 971.094 986.956 852.917 1063.03 710.117C1128.79 745.548 1168.17 807.859 1177.86 888.039C1182.7 928.13 1183.05 973.926 1172.75 1026.63C1042.87 1085.8 887.447 1111.34 737.231 1097.23Z' fill='white'/%3E%3C/svg%3E ") no-repeat right bottom, radial-gradient(135.23% 462.15% at -4.45% 17.65%, #74076B 0%, #8d1e7b 36.62%, #952498 99.63%);
padding: 67px 0 440px; }
@media (max-width: 1469px) {
.about-trust {
padding-bottom: 340px; } }
@media (max-width: 1199px) {
.about-trust {
padding-bottom: 200px; } }
@media (max-width: 1023px) {
.about-trust {
padding-top: 50px;
padding-bottom: 140px; } }
.about-trust .container {
position: relative; }
.about-trust .about-title {
font-weight: 800;
font-size: 58px;
line-height: 1.5;
display: flex;
align-items: center;
letter-spacing: 0.02em;
text-transform: uppercase; }
@media (max-width: 1199px) {
.about-trust .about-title {
font-size: 48px; } }
@media (max-width: 1023px) {
.about-trust .about-title {
font-size: 36px; } }
@media (max-width: 767px) {
.about-trust .about-title {
font-size: 28px; } }
.about-trust .about-subtitle {
font-weight: 700;
font-size: 24px;
line-height: 35px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #894083; }
.about-trust .about-content {
font-size: 22px;
line-height: 1.5;
letter-spacing: 0.02em;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5; }
@media (max-width: 1469px) {
.about-trust .about-content {
font-size: 20px; } }
@media (max-width: 767px) {
.about-trust .about-content {
font-size: 16px; } }
.about-trust .about-content ul {
margin-bottom: 29px; }
.about-trust .about-content li {
margin-bottom: 4px; }
.about-trust .about-content a {
color: inherit;
position: relative; }
.about-trust .about-content a::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 3px;
height: 1px;
background: #fff;
opacity: 1;
transition: opacity 0.3s; }
.about-trust .about-content a:hover {
text-decoration: none; }
.about-trust .about-content a:hover::after {
opacity: 0; }
.about-trust .about-content p {
margin-bottom: 30px; }
.about-trust__title {
color: #fff;
margin-bottom: 60px; }
.about-trust__slider .swiper-button-prev,
.about-trust__slider .swiper-button-next {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='46' viewBox='0 0 21 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2969 1L1.4165 23.0121L20.2969 45.0242' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
background-size: 25px 46px; }
@media (max-width: 1199px) {
.about-trust__slider .swiper-button-prev,
.about-trust__slider .swiper-button-next {
top: -150px; } }
.about-trust__slider .swiper-button-prev .icon,
.about-trust__slider .swiper-button-next .icon {
fill: rgba(0, 0, 0, 0);
stroke: #fff;
transition: stroke 0.3s; }
@media (min-width: 1024px) {
.about-trust__slider .swiper-button-prev,
.about-trust__slider .swiper-button-next {
cursor: pointer; }
.about-trust__slider .swiper-button-prev:hover,
.about-trust__slider .swiper-button-next:hover {
box-shadow: none;
opacity: .4; }
.about-trust__slider .swiper-button-prev:hover .icon,
.about-trust__slider .swiper-button-next:hover .icon {
stroke: #8B8B8B; } }
.about-trust__slider .swiper-button-prev {
top: 230px;
left: 0; }
@media (max-width: 1469px) {
.about-trust__slider .swiper-button-prev {
left: -20px; } }
.about-trust__slider .swiper-button-next {
top: 230px;
left: auto;
right: 0;
transform: scale(-1); }
@media (max-width: 1469px) {
.about-trust__slider .swiper-button-next {
right: -20px; } }
.at-slide {
width: 100%; }
.at-slide__left {
position: relative;
padding: 0 35px 0 15px;
max-width: 45%;
flex: 1 0 45%; }
.at-slide__right {
padding: 54px 15px 0 35px;
max-width: 55%;
flex: 1 0 55%;
position: relative; }
.at-slide__icon-wrap {
height: 228px;
width: 228px;
border-radius: 50%;
background: #fff; }
.at-slide__icon {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center; }
.at-slide__customer {
position: absolute;
top: 90px;
left: 245px;
display: flex;
align-items: flex-end; }
.at-slide__img-wrap {
height: 102px;
min-width: 102px;
border: 2px solid #ffffff;
border-radius: 50%;
background: #fff;
display: none !important; }
.at-slide__img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
display: none; }
.at-slide__customer-content {
padding-left: 15px; }
@media (min-width: 1024px) {
.at-slide__customer-content {
padding-right: 32px; } }
.at-slide__customer-title {
font-weight: 700;
font-size: 18px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #fff;
margin-bottom: 7px; }
.at-slide__customer-position {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.02em;
color: #FFFFFF; }
.at-slide__title {
font-weight: 700;
font-size: 44px;
line-height: 1.5;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #fff;
margin-bottom: 10px;
position: relative;
z-index: 1; }
@media (max-width: 1469px) {
.at-slide__title {
font-size: 40px; } }
.at-slide__title::before {
z-index: -1;
position: absolute;
top: -10px;
left: -33px;
transform: translate(-50%, -50%);
content: '';
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='43' height='32' viewBox='0 0 43 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.9507 32L39.0661 32C39.923 32 40.7447 31.6451 41.3506 31.0134C41.9565 30.3817 42.2969 29.5249 42.2969 28.6316V15.1579C42.2969 14.2645 41.9565 13.4078 41.3506 12.7761C40.7447 12.1444 39.923 11.7895 39.0661 11.7895L27.3116 11.7895V10.1053C27.3169 8.32025 27.9994 6.60993 29.21 5.34773C30.4206 4.08553 32.061 3.37397 33.7731 3.36842C34.2015 3.36842 34.4471 3.03926 34.75 2.72341C35.0529 2.40755 35.0276 2.13089 35.0276 1.68421C35.0276 1.23753 34.8575 0.809143 34.5545 0.493292C34.2516 0.177441 33.8407 1.90735e-06 33.4123 1.90735e-06C30.8417 1.90735e-06 28.3764 1.06466 26.5588 2.95976C24.7411 4.85487 23.72 7.42518 23.72 10.1053L23.72 28.6316C23.72 29.5249 24.0603 30.3817 24.6662 31.0134C25.2721 31.6451 26.0939 32 26.9507 32ZM3.52764 32H15.643C16.4999 32 17.3216 31.6451 17.9275 31.0134C18.5334 30.3817 18.8738 29.5249 18.8738 28.6316L18.8738 15.1579C18.8738 14.2645 18.5334 13.4078 17.9275 12.7761C17.3216 12.1444 16.4999 11.7895 15.643 11.7895H3.90625V10.1053C3.91158 8.32025 4.59406 6.60993 5.80468 5.34773C7.0153 4.08553 8.65572 3.37397 10.3678 3.36842C10.7962 3.36842 11.2071 3.19098 11.51 2.87513C11.6046 2.24328 11.6046 2.13089 11.6046 1.68421C11.6046 1.23753 11.4344 0.809143 11.1314 0.493292C10.8285 0.177441 10.4176 1.90735e-06 9.98918 1.90735e-06C7.41862 1.90735e-06 4.95334 1.06466 3.13568 2.95976C1.31802 4.85487 0.296875 7.42518 0.296875 10.1053V28.6316C0.296875 29.5249 0.637257 30.3817 1.24314 31.0134C1.84903 31.6451 2.67079 32 3.52764 32Z' fill='white'/%3E%3C/svg%3E%0A");
background-size: contain;
height: 32px;
width: 42px; }
.at-slide__content {
color: #fff;
max-width: 650px; }
@media (max-width: 1469px) {
.at-slide__content {
max-width: 560px; } }
@media (max-width: 1023px) {
.at-slide__content {
max-width: none; } }
.at-slide__content-more {
display: inline-flex;
cursor: pointer;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.02em;
margin-top: 50px;
transition: all ease .3s;
color: #FFFFFF; }
@media (min-width: 1024px) {
.at-slide__content-more:hover {
text-decoration: underline; } }
.about-trust-list {
margin-top: -330px; }
@media (max-width: 1469px) {
.about-trust-list {
margin-top: -300px; } }
@media (max-width: 1199px) {
.about-trust-list {
margin-top: -160px; } }
@media (max-width: 1023px) {
.about-trust-list {
margin-top: -100px; } }
@media (max-width: 767px) {
.about-trust-list {
margin-bottom: 50px; } }
.about-trust-list .swiper-container {
background: #FFFFFF;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08); }
.about-trust-list .swiper-slide {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px; }
@media (max-width: 575px) {
.about-trust-list .swiper-slide {
width: 200%; } }
.about-trust-list .swiper-slide .lazy-img-wrap {
display: flex;
align-items: center;
justify-content: center; }
.about-trust-list .swiper-button-prev,
.about-trust-list .swiper-button-next {
height: 52px;
width: 52px;
border-radius: 0;
background-color: #FFFFFF; }
@media (max-width: 767px) {
.about-trust-list .swiper-button-prev,
.about-trust-list .swiper-button-next {
display: none; } }
.about-trust-list .swiper-button-prev .icon,
.about-trust-list .swiper-button-next .icon {
fill: rgba(0, 0, 0, 0);
stroke: #666666;
transition: stroke 0.3s; }
.about-trust-list .swiper-button-prev:hover,
.about-trust-list .swiper-button-next:hover {
box-shadow: 0px 10px 26px rgba(0, 0, 0, 0.28); }
.about-trust-list .swiper-button-prev:hover .icon,
.about-trust-list .swiper-button-next:hover .icon {
stroke: #8B8B8B; }
.about-trust-list .swiper-button-prev {
left: -10px; }
.about-trust-list .swiper-button-prev .icon {
transform: scale(-1); }
.about-trust-list .swiper-button-next {
right: -10px;
left: auto; }
@media (max-width: 575px) {
.about-trust-list--v8 .swiper-slide {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
width: 100%; } }
.about-trust-list--v4 {
margin-bottom: 180px; }
@media (max-width: 1199px) {
.about-trust-list--v4 {
margin-bottom: 60px; } }
@media (max-width: 575px) {
.about-trust-list--v4 {
margin-bottom: 20px; }
.about-trust-list--v4 .swiper-slide {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
width: 100%; } }
@media (max-width: 1199px) {
.at-slide__icon-wrap {
height: 208px;
width: 208px; }
.at-slide__customer {
top: 77px;
left: 225px; }
.at-slide__img-wrap {
height: 100px;
min-width: 100px;
width: 100px; }
.about-trust__slider .swiper-button-next,
.about-trust__slider .swiper-button-prev {
top: -130px;
left: auto; }
.about-trust__slider .swiper-button-next {
right: 0; }
.about-trust__slider .swiper-button-prev {
right: 100px; } }
@media (max-width: 1023px) {
.about-title {
font-size: 48px;
margin-bottom: 60px; }
.about-trust__slider .swiper-button-next,
.about-trust__slider .swiper-button-prev {
background-size: 20px 32px;
top: -120px;
left: auto; }
.at-slide .row {
flex-direction: column; }
.at-slide__left {
margin-bottom: 30px; }
.at-slide__left,
.at-slide__right {
max-width: 100%;
flex: 1 0 100%; }
.at-slide__icon-wrap {
width: 147px;
height: 147px; }
.at-slide__customer {
top: 40px;
left: 170px; }
.at-slide__customer-content {
max-width: 330px; }
.at-slide__img-wrap {
width: 88px;
height: 88px;
min-width: auto; }
.at-slide__left {
padding-bottom: 20px; }
.at-slide__right {
padding: 30px 15px 20px; }
.at-slide__right:after {
height: 24px;
width: 24px; }
.at-slide__title {
padding-left: 40px;
font-size: 30px; }
.at-slide__title::before {
height: 24px;
width: 24px;
left: 3px;
transform: translate(0%, -50%); }
.at-slide__content-more {
margin-top: 30px; }
.about-trust-list {
padding: 0 30px; } }
@media (max-width: 767px) {
.about-title {
font-size: 34px; }
.about-trust__slider .swiper-button-next,
.about-trust__slider .swiper-button-prev {
top: -110px; }
.at-slide {
padding: 0 20px; }
.about-trust-list .swiper-slide {
gap: 15px; }
.about-trust-list {
padding: 0 15px; } }
@media (max-width: 575px) {
.about-title {
font-size: 28px;
margin-bottom: 0; }
.about-title.about-adv__title {
margin-bottom: 16px; }
.about-trust {
padding-top: 26px; }
.about-trust__slider .swiper-button-next,
.about-trust__slider .swiper-button-prev {
top: auto;
bottom: 5px;
background-size: 12px; }
.about-trust__slider .swiper-button-prev {
right: 45px; }
.at-slide {
padding: 0 5px; }
.at-slide__title {
padding-left: 0;
font-size: 20px;
margin-bottom: 8px; }
.at-slide__title::before {
content: none; }
.about-content:not(.about-fs__content) p {
margin-bottom: 16px; }
.at-slide__content-more {
font-size: 18px;
margin-top: 25px; }
.at-slide__left {
padding: 20px 10px 0;
margin-bottom: 16px; }
.at-slide__right:after {
content: none; }
.at-slide__customer {
top: 20px;
left: 60px;
max-width: none; }
.at-slide__icon-wrap {
height: 46px;
width: 46px; }
.at-slide__img-wrap {
height: 52px;
width: 52px;
flex-shrink: 0; }
.at-slide__customer-content {
padding-left: 10px;
padding-right: 5px; }
.at-slide__customer-title {
font-size: 14px; }
.at-slide__customer-position {
font-size: 12px; }
.about-trust-list .swiper-button-prev,
.about-trust-list .swiper-button-next {
display: none; }
.about-trust-list {
padding: 0; } }
/* End */
/* /local/templates/html/components-template/advantages/style.css?17877508455307 */
/* /local/templates/html/components-template/mixin__pre-slider-title/style.css?17877508452654 */
/* /local/templates/html/components-template/portfolio/style.css?17877508455609 */
/* /local/templates/html/components-template/faq/style.css?17877508452671 */
/* /local/templates/html/components-template/trust-us/style.css?17877508454182 */
/* /local/templates/html/components-template/spage/style.css?178775084520251 */
/* /local/templates/html/components-template/about-trust/style.css?178775084516684 */