@font-face {
font-family: "Rubik";
font-weight: 400;
font-display: swap;
src: local(Rubik-Regular),
url(//barsautotrans.com/wp-content/themes/barsavtotrance/assets/fonts/Rubik-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Rubik";
font-weight: 500;
font-display: swap;
src: local(Rubik-Medium),
url(//barsautotrans.com/wp-content/themes/barsavtotrance/assets/fonts/Rubik-Medium.ttf) format("truetype");
}
@font-face {
font-family: "Rubik";
font-weight: 600;
font-display: swap;
src: local(Rubik-SemiBold),
url(//barsautotrans.com/wp-content/themes/barsavtotrance/assets/fonts/Rubik-SemiBold.ttf) format("truetype");
}
@font-face {
font-family: "Rubik";
font-weight: 900;
font-display: swap;
src: local(Rubik-Black),
url(//barsautotrans.com/wp-content/themes/barsavtotrance/assets/fonts/Rubik-Black.ttf) format("truetype");
}
@font-face {
font-family: "Rubik";
font-weight: 300;
font-display: swap;
src: local(Rubik-Light),
url(//barsautotrans.com/wp-content/themes/barsavtotrance/assets/fonts/Rubik-Light.ttf) format("truetype");
}
@font-face {
font-family: "Krub";
font-weight: 500;
font-display: swap;
src: local(Krub-Medium),
url(//barsautotrans.com/wp-content/themes/barsavtotrance/assets/fonts/Krub-Medium.ttf) format("truetype");
}
@font-face {
font-family: "Krub";
font-weight: 600;
font-display: swap;
src: local(Krub-SemiBold),
url(//barsautotrans.com/wp-content/themes/barsavtotrance/assets/fonts/Krub-SemiBold.ttf) format("truetype");
}
@font-face {
font-family: "Krub";
font-weight: 700;
font-display: swap;
src: local(Krub-Bold),
url(//barsautotrans.com/wp-content/themes/barsavtotrance/assets/fonts/Krub-Bold.ttf) format("truetype");
}
:root {
--primaryСolor: #1C1F35;
--secondaryСolor: #FFFFFF;
--thirdСolor: #2841BB;
--fourСolor: #61AFEA;
--fiveСolor: #272727;
--sixthСolor: #5B5B5B;
--seventhСolor: #E8E8E8;
--eighthСolor: #F0F5F8;
--ninthСolor: #274579;
--tenthСolor: #000000;
--sliderСolor: #091242;
--primaryFont: "Rubik", Arial, sans-serif;
--secondaryFont: "Krub", Arial, sans-serif;
--transition-duration: .3s ease-out;
}
body {
font-family: var(--primaryFont);
font-weight: 400;
font-size: clamp(1rem, 0.6859rem + 1.1688vw, 1.5625rem); color: var(--primaryСolor);
}
.admin-bar .main {
padding-top: 32px;
}
.admin-bar .main.page {
padding-top: 0;
}
.wrapper {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.wrapper-2 {
max-width: 1800px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width:1200px) {
.wrapper {
padding: 0 10px;
}
}
@media screen and (max-width:870px) {
.admin-bar .main {
padding-top: 0px;
}
} .contacts__list,
.contacts__item,
.contacts__icon,
.social__list,
.social__item,
.social__icon {
display: flex;
align-items: center;
}
.contacts__list {
gap: clamp(1.25rem, -7.7885rem + 15.3846vw, 3.75rem);
} .contacts__item {
gap: clamp(0.625rem, -5.7019rem + 10.7692vw, 2.375rem);
} .social__list {
gap: clamp(0.625rem, -1.6346rem + 3.8462vw, 1.25rem);
} .action-button {
padding: 18px 34px;
background-color: var(--secondaryСolor);
font-family: var(--secondaryFont);
font-weight: 700;
font-size: 16px;
color: var(--thirdСolor);
border-radius: 10px;
transition: var(--transition-duration);
}
.action-button:hover {
background-color: var(--thirdСolor);
color: var(--secondaryСolor);
}
.title-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 11px;
}
.name-block {
position: relative;
padding: 3px 9px;
background-color: var(--seventhСolor);
font-size: 14px;
}
.name-block::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 4px;
background: rgb(255, 215, 166);
background: linear-gradient(270deg, rgba(255, 215, 166, 1) 0%, rgba(255, 218, 86, 1) 51%, rgba(255, 182, 41, 1) 100%);
}
.title {
font-family: var(--primaryFont);
font-weight: 600;
font-size: clamp(1.125rem, 0.5317rem + 2.2078vw, 2.1875rem); }  .header {
position: absolute;
top: 0;
left: 0;
right: 0;
color: var(--secondaryСolor);
z-index: 1;
}
.header.page {
position: static;
}
.admin-bar .header {
top: 32px;
}
.header__top {
background: var(--primaryСolor);
font-family: var(--secondaryFont);
font-weight: 500;
font-size: 14px;
}
.header.page .header__top {
background-color: var(--primaryСolor);
}
.header__top .wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: clamp(0.625rem, -0.5966rem + 4.5455vw, 2.8125rem); }
.header__logo-link svg {
width: 100px;
height: auto;
fill: var(--secondaryСolor);
}
.header__feedback-btn {
padding: 19px 43px;
font-size: 16px;
background-color: var(--thirdСolor);
}
.language {
display: flex;
align-items: center;
column-gap: 5px;
}
.language__list .pll-parent-menu-item {
font-family: var(--primaryFont);
font-weight: 600;
position: relative;
}
.language__list .pll-parent-menu-item a {
display: flex;
align-items: center;
}
.language__list .sub-menu {
padding: 5px;
position: absolute;
left: -10px;
width: 77px;
background-color: var(--seventhСolor);
border-radius: 6px;
display: none;
}
.language__list .sub-menu.active {
color: var(--primaryСolor);
display: block;
}
.language-btn {
margin-left: auto;
display: flex;
}
.language-btn svg {
transition: var(--transition-duration);
}
.language-btn.active svg {
transform: rotate(180deg);
}
.burger__btn {
position: relative;
width: 40px;
height: 28px;
display: flex;
align-items: center;
display: none;
}
.burger__btn span,
.burger__btn span::after,
.burger__btn span::before {
width: 100%;
height: 4px;
background-color: var(--secondaryСolor);
border-radius: 5px;
display: block;
}
.burger__btn span::after,
.burger__btn span::before {
content: '';
position: absolute;
}
.burger__btn span::after {
bottom: 0;
}
.burger__btn span::before {
top: 0;
}
.burger__btn.active {
position: fixed;
z-index: 10;
top: 45px;
right: 20px;
height: 40px;
}
.burger__btn.active span {
height: 0;
}
.burger__btn.active span::after,
.burger__btn.active span::before {
background-color: var(--secondaryСolor);
top: 50%;
transform-origin: 50% 50%;
}
.burger__btn.active span::after {
transform: rotate3d(0, 0, 1, 45deg);
}
.burger__btn.active span::before {
transform: rotate3d(0, 0, 1, -45deg);
}
.header__bottom {
background-color: rgba(9, 18, 66, 0.43);
}
.header.page .header__bottom {
background-color: #242843;
}
.header__navigation {
font-family: var(--secondaryFont);
font-weight: 600;
font-size: clamp(0.875rem, 0.5455rem + 0.6061vw, 1rem); }
.header__menu {
display: flex;
gap: clamp(0.625rem, -0.6932rem + 2.4242vw, 1.125rem); }
.header__menu li {
padding: 26px 0;
}
.header__menu li:hover,
.header__menu li.current_page_item {
border-bottom: 2px solid var(--fourСolor);
}
.header__menu li a {
padding-right: clamp(0.625rem, -0.6932rem + 2.4242vw, 1.125rem); border-right: 1px solid rgba(255, 255, 255, 0.2);
width: 100%;
}
.header__menu li:last-child a {
border: none;
}
.header__navigation-top,
.navigation__social {
display: none;
}
@media screen and (max-width:1075px) {
.header__contacts {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
}
@media screen and (max-width:870px) {
.header__top {
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%);
}
.header__feedback-btn,
.language,
.header__navigation {
display: none;
}
.burger__btn {
display: flex;
}
.header__navigation-top {
padding-top: 40px;
display: flex;
justify-content: space-between;
}
.navigation__logo-link svg {
fill: var(--secondaryСolor);
width: 80px;
height: auto;
}
.header__navigation.active {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--primaryСolor);
color: var(--fiveСolor);
font-size: 24px;
font-weight: 400;
display: flex;
flex-direction: column;
z-index: 2;
}
.header__menu {
padding-top: 40px;
padding-inline: 20px;
flex-direction: column;
gap: 0;
}
.header__menu li:hover,
.header__menu li.current_page_item {
border-bottom: none;
}
.header__menu li {
padding: 0;
}
.header__menu li a {
padding: 18px 10px;
border: none;
border-radius: 10px;
font-size: 20px;
color: var(--secondaryСolor);
}
.header__menu li.current-menu-item a {
background-color: var(--fourСolor);
}
.navigation__social {
display: flex;
margin-top: auto;
margin-inline: auto;
margin-bottom: 20px;
gap: 21px;
}
}
@media screen and (max-width:782px) {
.admin-bar .header {
top: 46px;
}
}
@media screen and (max-width:580px) {
.header__social {
display: none;
}
} .banner {
position: relative;
width: 100%; height: 100vh;
}
.equipment-leasing.banner {
background-color: var(--sliderСolor);
}
.equipment-leasing.banner .wrapper-2 {
padding: 40px clamp(0rem, -8.412rem + 16.22vw, 3.75rem);
}
.banner__image,
.banner__img,
.banner__img-mob {
width: 100%;
height: 100%;
}
.banner__img,
.banner__img-mob {
object-fit: cover;
}
.banner__img-mob {
display: none;
}
.banner__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgb(9, 18, 66);
background: linear-gradient(270deg, rgba(9, 18, 66, 0.2) 0%, rgba(3, 45, 95, 1) 100%);
}
.banner .wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.equipment-leasing.banner .wrapper {
position: relative;
padding: clamp(1.25rem, -5.893rem + 22.86vw, 11.25rem) 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 59px;
}
.banner__inner {
height: 100%;
padding-top: clamp(11.3125rem, 6.9846rem + 16.1039vw, 19.0625rem); padding-bottom: clamp(12.8125rem, 17.8734rem + -18.8312vw, 3.75rem); display: flex;
flex-direction: column;
justify-content: space-between;
gap: 59px;
}
.equipment-leasing.banner__inner {
padding: 0;
position: relative;
border-radius: clamp(1.25rem, -2.083rem + 6.94vw, 3.125rem);
overflow: hidden;
}
.equipment-leasing.banner__inner .banner__img {
position: absolute;
}
.banner__wrapper {
position: relative;
}
.banner__logo {
position: absolute;
top: 160px;
left: 0;
}
.banner__logo svg {
width: 255px;
height: auto;
fill: rgba(255, 255, 255, 0.2);
}
.banner__title,
.banner__desc {
font-weight: 500;
color: var(--secondaryСolor);
}
.banner__title {
font-family: var(--primaryFont);
font-size: clamp(2.25rem, 1.4123rem + 3.1169vw, 3.75rem); max-width: 878px;
line-height: 1;
}
.banner__desc {
padding-top: 40px;
font-family: var(--secondaryFont);
font-size: clamp(1rem, 0.3019rem + 2.5974vw, 2.25rem); line-height: 1.3;
width: 65%;
}
.banner__desc ul {
margin-left: 20px;
display: flex;
flex-direction: column;
gap: 10px;
max-width: 624px;
}
.banner__desc ul li {
list-style-type: disc;
}
.equipment-leasing.banner .banner__desc {
font-size: 20px;
}
.banner__block-btn {
display: flex;
gap: 84px;
}
@media screen and (max-width:768px) {
.banner__logo {
display: none;
}
.banner__text {
text-align: center;
}
.equipment-leasing.banner .banner__text {
text-align: left;
}
.equipment-leasing.banner .banner__desc {
margin: 0;
}
.banner__block-btn {
display: grid;
gap: 15px;
justify-content: center;
flex-direction: column;
align-items: center;
}
.banner__title,
.banner__desc {
margin: 0 auto;
}
}
@media screen and (max-width:430px) {
.admin-bar .banner {
height: calc(100vh - 46px);
}
.banner {
height: 100vh;
}
.admin-bar .equipment-leasing.banner,
.equipment-leasing.banner {
height: auto;
}
.banner__img {
display: none;
}
.banner__img-mob,
.equipment-leasing.banner__inner .banner__img {
display: block;
}
}  .our-services__inner {
padding-top: clamp(3.375rem, 2.6769rem + 2.5974vw, 4.625rem); padding-bottom: clamp(1.875rem, 0.5836rem + 4.8052vw, 4.1875rem); }
.our-services__list {
padding-top: clamp(1.5625rem, 1.2135rem + 1.2987vw, 2.1875rem); display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(2.1875rem, 1.8385rem + 1.2987vw, 2.8125rem); justify-content: space-between;
}
.our-services__item {
display: flex;
flex-direction: column;
gap: 6px;
}
.our-services__item-img {
height: clamp(2.5rem, 1.3831rem + 4.1558vw, 4.5rem); width: auto;
}
@media screen and (max-width:768px) {
.our-services__list {
grid-template-columns: repeat(2, 1fr);
}
.our-services__item {
align-items: center;
text-align: center;
}
}  .why-choose-us {
margin-top: clamp(1.875rem, -1.3011rem + 11.8182vw, 7.5625rem); margin-bottom: clamp(1.875rem, -0.9521rem + 10.5195vw, 6.9375rem); }
.why-choose-us__background {
width: 100%;
height: clamp(7.4375rem, -1.6721rem + 33.8961vw, 23.75rem); position: relative;
z-index: -1;
}
.why-choose-us__img-bg {
width: 100%;
height: 100%;
object-fit: cover;
}
.why-choose-us__inner {
margin-top: -160px;
padding: clamp(0.75rem, -2.3611rem + 6.4815vw, 2.5rem); background-color: var(--secondaryСolor);
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 20px;
row-gap: 25px;
}
.why-choose-us__list {
display: flex;
flex-direction: column;
gap: 23px;
}
.why-choose-us__item {
display: flex;
gap: 23px;
}
.why-choose-us__item-icon {
flex: 0 0 auto;
width: 58px;
height: 58px;
background: rgb(39, 69, 121);
background: linear-gradient(145deg, rgba(39, 69, 121, 1) 0%, rgba(49, 128, 187, 1) 51%, rgba(39, 69, 121, 1) 100%);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
}
.why-choose-us__item-text {
line-height: 1.4;
}
.why-choose-us__image {
grid-area: 1 / 2;
grid-row: 1 / 3;
}
.why-choose-us__img {
width: 100%;
height: auto;
margin: 0 auto;
}
@media screen and (max-width:768px) {
.why-choose-us__inner {
grid-template-columns: repeat(1, 1fr);
margin-top: -80px;
}
.why-choose-us__title-wrap-wrap {
order: 1;
}
.why-choose-us__list {
order: 3;
}
.why-choose-us__image {
order: 2;
grid-area: auto;
grid-row: auto;
}
.why-choose-us__item {
align-items: center;
}
.why-choose-us__img {
width: 50%;
}
}
@media screen and (max-width:430px) {
.why-choose-us__inner {
margin-top: -40px;
}
.why-choose-us__img {
width: 100%;
}
}  .stages {
margin-top: clamp(1.875rem, 1.526rem + 1.2987vw, 2.5rem); margin-bottom: clamp(1.875rem, 1.3515rem + 1.9481vw, 2.8125rem); margin-inline: clamp(0.625rem, -4.5833rem + 6.9444vw, 3.75rem); border-radius: 42px;
background-color: var(--eighthСolor);
}
.stages__inner {
padding: clamp(1.25rem, 0.2029rem + 3.8961vw, 3.125rem); display: flex;
flex-direction: column;
gap: clamp(2.75rem, 1.7727rem + 3.6364vw, 4.5rem); }
.stages__list {
display: flex;
justify-content: space-between;
gap: 20px;
}
.stages__item {
position: relative;
flex: 1;
}
.stages__item::after {
content: '';
position: absolute;
right: 15px;
top: 25%;
background-image: url(//barsautotrans.com/wp-content/themes/barsavtotrance/assets/img/icons/arrows.svg);
width: 17px;
height: 28px;
}
.stages__item:last-child:after {
display: none;
}
.stages__item-step {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}
.stages__item-score {
position: absolute;
top: 0;
left: 0;
font-family: var(--primaryFont);
font-weight: 900;
font-size: 48px;
line-height: 1;
color: rgba(97, 175, 234, 0.21);
}
.pie-chart,
.pie-chart__circle {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.pie-chart {
width: 89px;
height: 89px;
}
.pie-chart__circle {
width: 68px;
height: 68px;
background-color: var(--ninthСolor);
}
.stages__item-text {
text-align: center;
font-size: 16px;
color: var(--tenthСolor);
max-width: 184px;
}
@media screen and (max-width:1024px) {
.stages__list {
flex-direction: column;
align-items: center;
}
.stages__item {
width: 190px;
}
.stages__item::after {
right: -20px;
transform: rotate(90deg);
}
}  .partners__inner {
padding: clamp(1.875rem, 1.3515rem + 1.9481vw, 2.8125rem) 0; display: flex;
flex-direction: column;
gap: clamp(2.5rem, -0.9903rem + 12.987vw, 8.75rem); }
.partners__list {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: clamp(1.25rem, 0.5519rem + 2.5974vw, 2.5rem); }
.partners__item {
width: clamp(9.375rem, 5.8847rem + 12.987vw, 15.625rem); height: clamp(6.625rem, 4.7403rem + 7.013vw, 10rem); display: flex;
align-items: center;
justify-content: center;
}
.partners__item-img {
max-width: 100%;
height: auto;
}  .feedback {
padding: 76px 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.equipment-leasing.feedback .title-wrap {
max-width: 614px;
}
.feedback__inner {
padding-top: clamp(0.9375rem, 0.2045rem + 2.7273vw, 2.25rem); padding-bottom: clamp(0.9375rem, 0.2045rem + 2.7273vw, 2.25rem); padding-inline: clamp(0.9375rem, -0.3539rem + 4.8052vw, 3.25rem); overflow: hidden;
border-radius: 10px;
background-color: #F0F5F8;
background-position-x: 600px;
background-position-y: center;
background-repeat: no-repeat;
}
.equipment-leasing.feedback .feedback__inner {
padding-top: 40px;
padding-bottom: 64px;
padding-left: 23px;
}
.feedback__form {
margin-top: clamp(1.25rem, -3.1944rem + 9.2593vw, 3.75rem); margin-left: clamp(0rem, -2.7778rem + 5.787vw, 1.5625rem); }
.equipment-leasing.feedback .feedback__form {
margin-top: 20px;
margin-left: 0;
}
.equipment-leasing.feedback .feedback__form form {
max-width: 612px;
}
.equipment-leasing.feedback .feedback__form-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.feedback__fio,
.feedback__phone,
.feedback__email,
.feedback__inn,
.feedback__textarea,
.feedback__select {
margin-bottom: 17px;
padding: 12px 10px;
width: 352px;
border-radius: 8px;
border: 1px solid #7F8EAA;
font-size: 16px;
color: var(--tenthСolor);
}
.equipment-leasing.feedback .feedback__form form .feedback__fio,
.equipment-leasing.feedback .feedback__form form .feedback__phone,
.equipment-leasing.feedback .feedback__form form .feedback__email,
.equipment-leasing.feedback .feedback__form form .feedback__inn,
.equipment-leasing.feedback .feedback__form form .feedback__textarea,
.equipment-leasing.feedback .feedback__form form .feedback__select {
width: 100%;
margin-bottom: 0;
}
.feedback__fio::placeholder,
.feedback__phone::placeholder,
.feedback__inn::placeholder,
.feedback__email::placeholder {
color: #CFC9C9;
}
.feedback__textarea::placeholder {
color: var(--tenthСolor);
}
.equipment-leasing.feedback .feedback__form-textarea {
margin-top: 19px;
}
.feedback__button {
margin-top: 33px;
padding: 18px 40px;
background-color: var(--thirdСolor);
border-radius: 10px;
border: none;
font-family: var(--secondaryFont);
font-weight: 600;
font-size: 16px;
color: var(--secondaryСolor);
cursor: pointer;
transition: var(--transition-duration);
}
.feedback__button:hover {
background-color: var(--secondaryСolor);
color: var(--thirdСolor);
outline: 1px solid var(--thirdСolor);
}
.equipment-leasing.feedback .feedback__button {
margin-top: 20px;
width: 100%;
}
.feedback__social {
margin-top: 47px;
}
.feedback__form-inner-acceptance {
display: flex;
flex-direction: column;
}
.feedback__form-inner-acceptance .wpcf7-list-item {
margin: 0;
}
.feedback__form-acceptance label {
font-size: 12px;
font-weight: 400;
color: #3c3a3a;
display: flex;
align-items: center;
}
.feedback__form-acceptance p {
margin: 0;
}
.wpcf7-not-valid-tip {
font-size: 10px;
}
@media screen and (max-width:430px) {
.feedback__inner {
height: 670px;
}
.equipment-leasing.feedback .feedback__inner {
height: auto;
padding-bottom: 270px;
background-position-y: 712px;
}
.feedback__fio,
.feedback__phone,
.feedback__email,
.feedback__select {
width: 100%;
}
.feedback__inner {
background-position-x: 181px;
background-position-y: 377px;
background-size: contain;
}
.equipment-leasing.feedback .feedback__social {
justify-content: center;
}
.wpcf7-list-item-label {
line-height: 1;
}
}
.feedback__form-acceptance label {
align-items: flex-start;
}
.feedback__form-inner-acceptance {
gap: 8px;
}  .reviews {
background-color: #F4F4F4;
}
.reviews__inner {
padding: clamp(1.875rem, -0.4984rem + 8.8312vw, 6.125rem) 0; }
.reviews__header {
display: flex;
justify-content: space-between;
}
.reviews__control-btn {
display: flex;
gap: 9px;
}
.reviews__btn {
border-radius: 50%;
width: 43px;
height: 43px;
transition: var(--transition-duration);
display: flex;
align-items: center;
justify-content: center;
}
.reviews-button-prev {
background-color: var(--secondaryСolor);
}
.reviews-button-prev svg {
stroke: var(--sliderСolor);
}
.reviews-button-next {
background-color: var(--sliderСolor);
}
.reviews-button-next svg {
stroke: var(--secondaryСolor);
transform: rotate(180deg);
}
.reviews__slider {
margin-top: clamp(2rem, 1.651rem + 1.2987vw, 2.625rem); }
.reviews__slider .swiper-wrapper {
align-items: stretch;
}
.reviews__slider .swiper-slide {
height: auto;
display: flex;
flex-direction: column;
}
.reviews-cart {
padding: 72px 62px;
gap: clamp(1.5rem, 1.2208rem + 1.039vw, 2rem); }
.reviews-cart.even {
background-color: var(--sliderСolor);
color: var(--secondaryСolor);
}
.reviews-cart__header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.reviews-cart__user {
border-radius: 50%;
width: 90px;
height: 90px;
overflow: hidden;
}
.reviews-cart__title {
font-weight: 500;
}
.reviews-cart.odd .reviews-cart__title {
color: var(--sliderСolor);
}
.reviews-cart.even .reviews-cart__title {
color: var(--secondaryСolor);
}
.reviews-cart__name {
font-family: var(--primaryFont);
font-size: 20px;
}
.reviews-cart__company {
font-family: var(--secondaryFont);
font-size: 16px;
}
.reviews-cart__icon {
margin-left: auto;
width: 73px;
height: 73px;
background: rgb(97, 175, 234);
background: linear-gradient(145deg, rgba(97, 175, 234, 1) 0%, rgba(0, 109, 191, 1) 58%, rgba(97, 175, 234, 1) 90%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.reviews-cart__icon svg {
fill: var(--sliderСolor);
}
.reviews-cart__content {
font-family: var(--secondaryFont);
font-weight: 500;
font-style: italic;
font-size: 16px;
line-height: 1.3;
}
.reviews-cart.odd .reviews-cart__content {
color: #666C89;
}
.reviews-cart__rating-list {
margin-top: auto;
display: flex;
align-items: center;
gap: 3px;
}
@media screen and (max-width:430px) {
.reviews__control-btn {
display: none;
}
.reviews__slider .swiper-slide {
height: auto;
}
.reviews-cart {
padding: 62px 19px;
}
.reviews-cart__header {
position: relative;
}
.reviews-cart__title {
margin-right: auto;
}
.reviews-cart__icon {
position: absolute;
top: -25px;
right: 0;
width: 49px;
height: 49px;
}
.reviews-cart__icon svg {
width: 21px;
height: 14px;
}
}  .maps {
position: relative;
padding-top: 30px;
padding-bottom: clamp(0rem, -2.0244rem + 7.5325vw, 3.625rem); }
.maps__list {
padding-top: 25px; display: flex;
flex-direction: column;
gap: 408px;
}
.maps__item {
color: var(--tenthСolor);
}
.maps__item-loc,
.maps__item-address {
font-family: var(--primaryFont);
font-size: 16px;
line-height: 1.2;
}
.maps__item-loc {
font-weight: 500;
}
.maps__item-address {
padding-top: 20px;
font-weight: 300;
max-width: 348px;
}
.block-maps {
padding: 30px 41px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 50%;
background-color: var(--sliderСolor);
color: var(--secondaryСolor);
}
.maps-img {
margin-top: 76px;
margin-left: -152px;
width: clamp(25.625rem, -4.0417rem + 61.8056vw, 42.3125rem); height: clamp(28.75rem, 19.4167rem + 19.4444vw, 34rem); }
.maps-img iframe {
width: 100%;
height: 100%;
}
.maps__contacts {
padding-top: 25px;
color: #ffbf43;
font-size: clamp(1.125rem, 0.6726rem + 1.6832vw, 2.1875rem);
font-weight: 600;
}
@media screen and (max-width:768px) {
.maps__list {
display: none;
}
.block-maps {
position: static;
margin-top: 48px;
padding: 30px 11px;
display: flex;
flex-direction: column;
gap: 32px;
}
.maps-img {
order: -1;
margin: 0;
width: 100%;
height: 456px;
}
}  .faq {
padding-top: clamp(3rem, 1.7435rem + 4.6753vw, 5.25rem); padding-bottom: clamp(4rem, 0.4748rem + 13.1169vw, 10.3125rem); }
.faq__accordion-list {
padding-top: clamp(0.625rem, 0.282rem + 1.29vw, 1.25rem); display: flex;
flex-direction: column;
}
.faq__accordion-item {
padding: clamp(1.5625rem, 1.388rem + 0.6494vw, 1.875rem) 0; display: flex;
flex-direction: column;
border-bottom: 1px solid #A1A1A1;
}
.faq__accordion-question {
position: relative;
font-weight: 500;
color: var(--tenthСolor);
font-size: clamp(1.125rem, 0.6364rem + 1.8182vw, 2rem); display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
line-height: 1.2;
}
.faq__accordion-question::after {
content: '+';
font-size: clamp(1.875rem, 1.1769rem + 2.5974vw, 3.125rem); transition: var(--transition-duration);
width: clamp(1.875rem, 1.3864rem + 1.8182vw, 2.75rem); height: clamp(1.875rem, 1.3864rem + 1.8182vw, 2.75rem); border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.faq__accordion-question.active::after {
background-color: #C6E2F8;
color: var(--secondaryСolor);
}
.faq__accordion-answer {
max-height: 0;
overflow: hidden;
transition: var(--transition-duration);
display: flex;
flex-direction: column;
gap: 15px;
}
.faq__accordion-answer-text ol,
.faq__accordion-answer-text ul {
margin-left: 35px;
}
.faq__accordion-answer-text ol li {
list-style-type: decimal;
}
.faq__accordion-answer-text ul li {
list-style-type: disc;
}  .footer {
margin-top: 40px;
font-family: var(--secondaryFont);
font-weight: 500;
font-size: 14px;
color: var(--secondaryСolor);
}
.footer__top {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
height: 323px;
}
.footer__bottom {
background-color: var(--sliderСolor);
}
.footer__inner {
padding-top: clamp(1.4375rem, -0.2029rem + 6.1039vw, 4.375rem); padding-bottom: clamp(0.9375rem, -0.3888rem + 4.9351vw, 3.3125rem); display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.footer__logo-link svg {
width: clamp(3.6875rem, 0.267rem + 12.7273vw, 9.8125rem); height: auto;
fill: var(--secondaryСolor);
}
.footer__contacts,
.footer__menu {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: clamp(1.0625rem, 0.7135rem + 1.2987vw, 1.6875rem); }
@media screen and (max-width:630px) {
.footer__inner {
flex-direction: column;
}
.footer__contacts,
.footer__menu {
align-items: center;
}
.footer__contacts {
order: 0;
}
.footer__navigation {
order: 1;
}
.footer__social {
order: 3;
}
.footer__logo {
order: 4;
}
}  .transport {
padding-top: clamp(3rem, 1.7435rem + 4.6753vw, 5.25rem); }
.transport__inner {
display: flex;
flex-direction: column;
gap: 40px;
}
.transport__list {
display: flex;
flex-direction: column;
gap: 20px;
}  .card-transport {
border-radius: 10px;
overflow: hidden;
background-color: #F0F5F8;
display: flex;
}
.card-transport__image {
width: 387px;
border-radius: 10px;
overflow: hidden;
flex: 0 0 auto;
}
.card-transport-gallery {
height: 100%;
display: flex;
align-items: center;
}
.card-transport__control-btn {
height: 44px;
z-index: 1;
}
.card-transport-gallery-next,
.card-transport-gallery-prev {
width: 44px;
height: 44px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.card-transport-gallery-next {
position: absolute;
left: 20px;
background-color: var(--secondaryСolor);
}
.card-transport-gallery-next::before {
content: '\279C';
transform: rotate(180deg);
}
.card-transport-gallery-prev::before {
content: '\279C';
color: var(--secondaryСolor);
}
.card-transport-gallery-prev {
position: absolute;
right: 20px;
background-color: var(--sliderСolor);
}
.card-transport-gallery-pagination {
position: absolute;
z-index: 1;
text-align: center;
}
.card-transport__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-transport__content {
padding: clamp(0.625rem, 0.27rem + 1.31vw, 1.25rem);
flex: auto;
display: flex;
flex-direction: column;
gap: clamp(0.625rem, 0.27rem + 1.31vw, 1.25rem);
}
.card-transport__top {
display: flex;
justify-content: space-between;
}
.card-transport__title {
font-weight: 500;
font-size: clamp(1rem, 0.858rem + 0.52vw, 1.25rem);
}
.card-transport__btns {
display: flex;
gap: 20px;
align-items: center;
}
.card-transport__inner {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: flex-end;
}
.card-transport__specifications-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: clamp(0.625rem, 0.554rem + 0.26vw, 0.75rem);
column-gap: clamp(0.813rem, 0.564rem + 0.92vw, 1.25rem);
width: 100%;
}
.card-transport__specifications-item {
padding: 8px 20px;
border-radius: 10px;
border: 1px solid var(--seventhСolor);
background-color: var(--secondaryСolor);
}
.specifications-item__name {
color: #707985;
font-size: 12px;
}
.specifications-item__value {
font-size: clamp(0.875rem, 0.804rem + 0.26vw, 1rem);
}
.card-transport__block-link {
display: flex;
flex-direction: column;
gap: 14px;
}
.card-transport__info {
position: relative;
display: flex;
align-items: center;
gap: 4px;
}
.card-transport__info-text {
color: #707985;
font-weight: 500;
font-size: 12px;
}
.card-transport__link {
display: flex;
align-items: center;
gap: 6px;
font-size: 16px;
font-weight: 700;
color: var(--tenthСolor)
}
.card-transport__link-img {
transform: rotate(180deg);
}
.card-transport__info-hover {
position: absolute;
bottom: 17px;
right: 0;
padding: 20px;
border-radius: 10px;
font-size: 12px;
font-weight: 400;
color: var(--secondaryСolor);
width: 264px;
background-color: var(--thirdСolor);
display: none;
opacity: 0;
transition: var(--transition-duration);
z-index: 1;
}
.card-transport__info:hover .card-transport__info-hover {
display: block;
opacity: 1;
}
@media screen and (max-width:950px) {
.card-transport {
flex-direction: column;
}
}
@media screen and (max-width:425px) {
.card-transport__image {
width: 100%;
}
.card-transport__btns {
display: none;
}
.card-transport__inner {
flex-direction: column;
align-items: flex-start;
}
.card-transport__block-link {
gap: 30px;
width: 100%;
}
.card-transport__link {
border-radius: 10px;
background-color: var(--thirdСolor);
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
color: var(--secondaryСolor);
font-weight: 500;
}
.card-transport__link-img {
display: none;
}
}  .advantages {
padding: clamp(3rem, 1.7435rem + 4.6753vw, 5.25rem) 0;
}
.advantages__title {
max-width: 682px;
}
.advantages__list {
padding-top: 40px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: clamp(0.625rem, 0.282rem + 1.29vw, 1.25rem);
}
.advantages__item {
padding: 20px;
background: #2841BB;
background: linear-gradient(90deg, rgba(40, 65, 187, 1) 0%, rgba(38, 152, 246, 1) 100%);
border-radius: 10px;
color: var(--secondaryСolor);
display: flex;
flex-direction: column;
gap: 10px;
}
.advantages__item-top {
display: flex;
align-items: center;
gap: 10px;
font-weight: 500;
font-size: 20px;
line-height: 1.2;
}
.advantages__item-content {
line-height: 1.2;
font-size: 14px;
}
@media screen and (max-width:1025px) {
.advantages__list {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width:550px) {
.advantages__list {
grid-template-columns: repeat(1, 1fr);
}
}  .steps {
margin-top: clamp(5rem, 4.657rem + 1.29vw, 5.625rem);
padding: 45px;
background-color: var(--sliderСolor);
}
.steps__inner {
padding: 40px;
border-radius: 10px;
background: #2841BB;
background: linear-gradient(90deg, rgba(40, 65, 187, 1) 0%, rgba(38, 152, 246, 1) 100%);
}
.steps__name-block {
background-color: rgba(232, 232, 232, 0.5);
}
.steps__name-block,
.steps__title,
.steps__desc {
color: var(--secondaryСolor)
}
.steps__desc {
padding-top: 20px;
font-size: clamp(1rem, 0.863rem + 0.52vw, 1.25rem);
line-height: 1.2;
}
.steps__content {
max-width: 498px;
}
.steps .wrapper {
display: grid;
grid-template-columns: auto auto;
}
.steps__btn {
margin-top: 60px;
order: 3;
margin-right: auto;
}
.steps__slider {
grid-row: span 2;
max-width: 410px;
width: 100%;
margin-left: auto;
}
.steps__list {
position: relative;
z-index: 10000;
display: flex;
}
.steps__item {
position: relative;
padding: 20px 10px 20px 20px;
border-radius: 10px;
display: flex;
flex-direction: column;
max-width: 386px;
width: 100%;
border: 1px solid rgba(40, 65, 187, 0.25);
background-color: #F2F2F2;
left: 25px;
}
.steps__item:nth-child(1) {
position: relative;
z-index: -1;
}
.steps__item:nth-child(2) {
position: absolute;
z-index: -2;
}
.steps__item:nth-child(3) {
position: absolute;
z-index: -3;
}
.steps__item:nth-child(4) {
position: absolute;
z-index: -4;
}
.steps__item:nth-child(5) {
position: absolute;
z-index: -5;
}
.steps__item.active {
background-color: var(--secondaryСolor);
z-index: 99999;
left: 0;
}
.steps__item-score {
font-family: var(--primaryFont);
font-weight: 900;
font-size: 48px;
line-height: 1;
color: rgba(97, 175, 234, 0.21);
}
.steps__item-inner {
display: flex;
align-items: flex-end;
}
.steps__item-content {
display: flex;
flex-direction: column;
gap: 8px;
}
.steps__item-title {
font-size: 20px;
font-weight: 500;
color: #3C3A3A;
}
.steps__item-desc {
font-size: 14px;
font-weight: 400;
color: #3C3A3A;
}
.steps__item-block-img {
display: flex;
align-items: flex-end;
}
.steps__item-image {
flex: 0 0 auto;
}
.steps__slider-pagination {
padding-top: 10px;
display: flex;
gap: 10px;
}
.slider-pagination-next,
.slider-pagination-prev {
width: 44px;
height: 44px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.slider-pagination-prev {
background-color: var(--secondaryСolor);
}
.slider-pagination-next {
background-color: var(--sliderСolor);
}
.slider-pagination-next::before {
content: '\279C';
color: var(--secondaryСolor);
}
.slider-pagination-prev::before {
content: '\279C';
transform: rotate(180deg);
}
@media screen and (max-width:1025px) {
.steps .wrapper {
grid-template-columns: auto;
gap: 20px;
}
.steps__slider {
margin-left: 0;
max-width: none;
}
.steps__item {
max-width: none;
width: calc(100% - 25px);
}
.steps__slider-pagination {
justify-content: flex-end;
}
.steps__content {
max-width: none;
}
.steps__btn {
margin-top: 40px;
margin-right: 0;
display: flex;
justify-content: center;
}
}
@media screen and (max-width:500px) {
.steps {
padding: 0;
background-color: transparent;
}
.steps__inner {
padding: 80px 20px;
background: #2841BB;
background: linear-gradient(180deg, rgba(40, 65, 187, 1) 0%, rgba(38, 152, 246, 1) 100%);
}
}