@import "assets/font/font.css";
@import "assets/css/normalize.css";
@import "assets/css/swiper-bundle.min.css";
@import "assets/css/header.css";
@import "assets/css/home.css";
@import "assets/css/service.css";
@import "assets/css/contacts.css";
@import "assets/css/contacts-card.css";
@import "assets/css/breadcrumbs.css";
@import "assets/css/address-card.css";
@import "assets/css/service-list.css";
@import "assets/css/service-info.css";
@import "assets/css/blog.css";
@import "assets/css/blog-card.css";
@import "assets/css/product-card.css";
@import "assets/css/button.css";
@import "assets/css/product.css";
@import "assets/css/reviews.css";
@import "assets/css/iron.css";
@import "assets/css/banner.css";
@import "assets/css/goods-page.css";
@import "assets/css/brands.css";
@import "assets/css/brand-card.css";
@import "assets/css/consultacion-card.css";
@import "assets/css/social.css";
@import "assets/css/calculation-form.css";
@import "assets/css/custom-select.css";
@import "assets/css/additionally-card.css";
@import "assets/css/additionally.css";
@import "assets/css/fault.css";
@import "assets/css/fault-card.css";
@import "assets/css/accessories-card.css";
@import "assets/css/accessories.css";
@import "assets/css/main.css";
@import "assets/css/navigation.css";
@import "assets/css/page.css";
@import "assets/css/article.css";
@import "assets/css/table.css"; 
@import "assets/css/author-card.css";
@import "assets/css/list-link.css";
@import "assets/css/article-card.css";
@import "assets/css/franchise.css";
@import "assets/css/new-header.css";
@import "assets/css/style_7.css";
html {
    height: 100%;
}
html {
  scroll-behavior: smooth;
}
body {
    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;
    min-height: 100%;
    flex-grow: 1;
    padding: 0;
    margin: 0;
}
footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
main {
  flex: 1 0 auto;
}
header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.main-modal{
    
    padding: 57px 50px 42px 50px;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    border-radius: 20px;
    background: #F5F9FF;
    position: relative;
}

.main-modal__form{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.main-modal__header{
    display: flex;
    flex-direction: column;

    gap: 20px;
}

.main-modal__title{
    color: #333;
    font-size: 32px;
    font-weight: 500;
}

.main-modal__body{
    display: flex;
    flex-direction: column;

    gap: 20px;
}

.main-modal__field{
    display: flex;
    flex-direction: column;

    gap: 10px;
    position: relative;
}

.main-modal__label{
    color: #333;
    font-size: 16px;
}

.main-modal__input{
    width: 100%;
    height: 54px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #CFDAE9;
    background: #FFF;

    font-size: 20px;
    transition: 0.5s;
}

.main-modal__input:focus{
    transition: 0.5s;
    border-color: #00ACEC;
}

.main-modal__textarea{
    resize: none;
    padding: 20px;
    height: 103px;
    border-radius: 10px;
    border: 1px solid #CFDAE9;
    background: #FFF;
    font-size: 20px;
    transition: 0.5s;
}

.main-modal__textarea:focus{
    transition: 0.5s;
    border-color: #00ACEC;
}

.main-modal__helper{
    color: rgba(52, 59, 78, 0.5);
    font-size: 12px;
    line-height: 150%;
    
}

.main-modal__helper a{
    text-decoration: underline;
    color: inherit;
}

.main-modal__btn{
    width: 100%;
    max-width: 100%;
}

.main-modal__close{
    position: absolute;
    right: 35px;
    top: 25px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1746 10.0002L16.4246 4.75849C16.5815 4.60157 16.6697 4.38874 16.6697 4.16682C16.6697 3.9449 16.5815 3.73207 16.4246 3.57515C16.2677 3.41823 16.0549 3.33008 15.833 3.33008C15.611 3.33008 15.3982 3.41823 15.2413 3.57515L9.99963 8.82515L4.75796 3.57515C4.60104 3.41823 4.38821 3.33008 4.16629 3.33008C3.94437 3.33008 3.73154 3.41823 3.57462 3.57515C3.4177 3.73207 3.32955 3.9449 3.32955 4.16682C3.32955 4.38874 3.4177 4.60157 3.57462 4.75849L8.82463 10.0002L3.57462 15.2418C3.49652 15.3193 3.43452 15.4115 3.39221 15.513C3.34991 15.6146 3.32812 15.7235 3.32812 15.8335C3.32812 15.9435 3.34991 16.0524 3.39221 16.154C3.43452 16.2555 3.49652 16.3477 3.57462 16.4252C3.65209 16.5033 3.74426 16.5653 3.84581 16.6076C3.94736 16.6499 4.05628 16.6717 4.16629 16.6717C4.2763 16.6717 4.38522 16.6499 4.48677 16.6076C4.58832 16.5653 4.68049 16.5033 4.75796 16.4252L9.99963 11.1752L15.2413 16.4252C15.3188 16.5033 15.4109 16.5653 15.5125 16.6076C15.614 16.6499 15.7229 16.6717 15.833 16.6717C15.943 16.6717 16.0519 16.6499 16.1534 16.6076C16.255 16.5653 16.3472 16.5033 16.4246 16.4252C16.5027 16.3477 16.5647 16.2555 16.607 16.154C16.6493 16.0524 16.6711 15.9435 16.6711 15.8335C16.6711 15.7235 16.6493 15.6146 16.607 15.513C16.5647 15.4115 16.5027 15.3193 16.4246 15.2418L11.1746 10.0002Z' fill='%23343B4E' fill-opacity='0.3'/%3E%3C/svg%3E%0A");
}

.main-modal__show-pass{
    position: absolute;
    right: 13px;
    bottom: 13px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.6667 9.67584C25.6667 13.7309 22.366 17.0182 18.2942 17.0182C17.5513 17.0182 15.8596 16.8474 15.0366 16.1644L14.0079 17.189C13.4031 17.7914 13.5664 17.9687 13.8354 18.2608C13.9477 18.3827 14.0784 18.5246 14.1794 18.7257C14.1794 18.7257 15.0366 19.921 14.1794 21.1162C13.665 21.7992 12.2247 22.7554 10.5788 21.1162L10.2359 21.4577C10.2359 21.4577 11.2646 22.653 10.4074 23.8482C9.89302 24.5313 8.52141 25.2143 7.32124 24.019L6.12107 25.2143C5.2981 26.0339 4.29227 25.5558 3.89223 25.2143L2.86352 24.1897C1.90338 23.2335 2.46346 22.1976 2.86352 21.7992L11.7791 12.9202C11.7791 12.9202 10.9218 11.5541 10.9218 9.67584C10.9218 5.62078 14.2225 2.3335 18.2942 2.3335C22.366 2.3335 25.6667 5.62078 25.6667 9.67584ZM18.2945 12.2372C19.7148 12.2372 20.8662 11.0905 20.8662 9.67595C20.8662 8.26139 19.7148 7.11466 18.2945 7.11466C16.8741 7.11466 15.7227 8.26139 15.7227 9.67595C15.7227 11.0905 16.8741 12.2372 18.2945 12.2372Z' fill='%23C5CDDA'/%3E%3C/svg%3E%0A");
}

.main-modal__show-pass.active::before{
    content: '';
    position: absolute;
    right: 13px;
    bottom: 0px;
    width: 2px;
    height: 30px;
    transform: rotate(-45deg);
    background: #C5CDDA;
    z-index: 95;
}

.main-modal__order{
    padding-left: 10px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
}

.main-modal__form--small-gap{
    gap: 30px;
}

.stats{
    display: flex;
    flex-direction: column;

    gap: 10px;
}

.stats__name{
    padding-bottom: 10px;
    padding-left: 10px;

    color: #333;
    font-size: 14px;
    font-weight: 700;
}

.stats__value{
    padding: 10px;
    height: 37px;
    border-bottom: 1px solid #CFDAE9;
    background: #FFF;

    color: #333;
    font-size: 14px;
}

.main-modal__actions{
    display: flex;
    align-items: center;
    gap: 14px;
}

.main-modal__link{
    gap: 10px;
    height: 40px;
    border-radius: 7px;
    max-width: 100%;
}

.main-modal__link:first-child:not(:last-child){
    width: 60%;
    max-width: 100%;
    flex-shrink: 0;
}

.btn-outline-blue{
    background: 0;
    color: #00ACEC;
    border: 1px solid #00ACEC;
}

.main-modal--large{
    max-width: 850px;
}

.order-list__inner{
    overflow: auto;
}

.order-list__table{
    width: 100%;
    border-spacing: 0 6px;
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
}

.order-list__table td{
    position: relative;
    padding: 16px;
    vertical-align: middle;
    color: #333;
    font-size: 14px;
    background: #FFF;
    margin-bottom: 6px;
    white-space: nowrap;
}

.order-list__table td:first-child{
    border-radius: 14px 0  0 14px;
}

.order-list__table td::after{
    content: '';
    position: absolute;
    right: 0;
    top: 16px;
    width: 1px;
    height: 38px;
    background: #E0E8F4;
}


.order-list__table td:last-child{
    border-radius: 0 14px 14px 0;
}

.order-list__table td:last-child::after{
    display: none;
}

.order-list__link{
    display: flex;
    align-items: center;

    gap: 6px;
    height: 38px;
    width: 88px;
    padding: 10px;

    color: #FFF;
    font-size: 12px;
    font-weight: 500;

    border-radius: 3px;
    background: #FF993A;
}

.order-list__link::before{
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2501 10.125V6.75M11.2501 6.75H7.87514M11.2501 6.75L6.75024 11.2499M5.40024 15H12.6002C13.4403 15 13.8604 15 14.1812 14.8365C14.4634 14.6927 14.6929 14.4632 14.8368 14.181C15.0002 13.8601 15.0002 13.4401 15.0002 12.6V5.4C15.0002 4.55992 15.0002 4.13988 14.8368 3.81901C14.6929 3.53677 14.4634 3.3073 14.1812 3.16349C13.8604 3 13.4403 3 12.6002 3H5.40024C4.56017 3 4.14013 3 3.81926 3.16349C3.53702 3.3073 3.30755 3.53677 3.16374 3.81901C3.00024 4.13988 3.00024 4.55992 3.00024 5.4V12.6C3.00024 13.4401 3.00024 13.8601 3.16374 14.181C3.30755 14.4632 3.53702 14.6927 3.81926 14.8365C4.14013 15 4.56017 15 5.40024 15Z' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.order-list__table th{
    padding-bottom: 16px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    padding-left: 16px;
}

.order-list__table th:first-child{
    width: 125px;
}

.order-list__table th:nth-child(2){
    width: 220px;
}

.order-list__table tr:last-child td{
    margin-bottom: 0px;
}


.order-list__nav{
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 4px;

    margin-top: 44px;
}

.order-list__nav-link{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 42px;

    color: #333;
    font-size: 16px;
    line-height: 140%;
}

.order-list__nav-link:not(.current):hover{
    color: #FF993A;
}

.order-list__nav-link:not(.current):hover path{
    fill: #FF993A;
}

.order-list__nav-link.current{
    color: #fff;
    border-radius: 3px;
    background: #FF993A;
}

.order-list__nav-link.accent{
    width: auto;
    height: auto;
    color: #00ACEC;
    font-size: 16px;
    line-height: 140%;
}

.main-modal__search{
    position: relative;
    width: 78%;
    flex-shrink: 0;
}

.main-modal__search::after{
    content: '';
    width: 21px;
    height: 20px;
    display: block;
    position: absolute;
    right: 17px;
    bottom: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.10115 17.2016C7.4 17.2016 5.73706 16.6972 4.32261 15.7521C2.90816 14.8071 1.80573 13.4637 1.15473 11.8922C0.503726 10.3206 0.333394 8.59121 0.665275 6.92286C0.997155 5.25448 1.81633 3.72196 3.01922 2.51912C4.22211 1.31628 5.75469 0.497135 7.42314 0.165268C9.09156 -0.166599 10.821 0.00372603 12.3927 0.654702C13.9643 1.30568 15.3077 2.40806 16.2528 3.82245C17.1979 5.23685 17.7023 6.89972 17.7023 8.60081C17.7023 9.73022 17.4798 10.8487 17.0476 11.8922C16.6153 12.9357 15.9817 13.8838 15.1831 14.6825C14.3844 15.4811 13.4362 16.1147 12.3927 16.5469C11.3491 16.9791 10.2306 17.2016 9.10115 17.2016ZM9.10115 1.72473C7.74566 1.72473 6.4206 2.12667 5.29354 2.87971C4.1665 3.63275 3.28806 4.70308 2.76934 5.95534C2.25061 7.2076 2.11489 8.5855 2.37933 9.91491C2.64378 11.2443 3.29651 12.4655 4.25499 13.4239C5.21347 14.3823 6.43464 15.0351 7.76409 15.2995C9.0935 15.5639 10.4715 15.4282 11.7239 14.9095C12.9761 14.3907 14.0465 13.5124 14.7996 12.3854C15.5527 11.2584 15.9546 9.93341 15.9546 8.57796C15.9546 6.76036 15.2326 5.01722 13.9473 3.73199C12.662 2.44676 10.9188 1.72473 9.10115 1.72473Z' fill='%2300ACEC'/%3E%3Cpath d='M19.6441 20C19.5316 20.0005 19.42 19.9785 19.3161 19.9353C19.2121 19.8923 19.1178 19.8288 19.0387 19.7487L14.3212 15.0314C14.1699 14.869 14.0875 14.6541 14.0914 14.4322C14.0953 14.2103 14.1853 13.9986 14.3422 13.8416C14.4992 13.6846 14.711 13.5947 14.9329 13.5909C15.1548 13.587 15.3696 13.6693 15.532 13.8207L20.2495 18.538C20.4099 18.6986 20.5 18.9163 20.5 19.1433C20.5 19.3703 20.4099 19.588 20.2495 19.7487C20.1705 19.8288 20.0761 19.8923 19.9722 19.9353C19.8682 19.9785 19.7566 20.0005 19.6441 20Z' fill='%2300ACEC'/%3E%3C/svg%3E%0A");
}

.main-modal__heading{
    color: #333;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

.main-modal__search-input{
    padding: 16px;
    width: 100%;
    height: 40px;
    border-radius: 7px;
    border: 1px solid #CFDAE9;
    background: #FFF;
}

.main-modal__img{
    max-width: 100%;
}

@media (max-width: 767px) {
    .main-modal {
        padding: 50px 20px 20px 20px;
    }

    .main-modal__form{
        gap: 30px;
    }

    .order-list__nav-link.accent{
        display: none;
    }

    .main-modal__search{
        width: 60%;
    }
}
.main-modal__cabinet {
	flex-direction: row;
	align-items: flex-start; 
	flex-wrap: wrap;
}
@media (max-width: 600px) {
	.main-modal__payment-block {
		order: -1;
		width: 100%;
		margin-bottom: 20px;
	}
}
.header__qwe>a {
	margin-right: 40px;
}
.header__country strong {
	padding-left: 0;
}
.header__country strong:after {
	display: none;
}
.header__country strong {
	color: #0D1828;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.header__country.header__country_act strong {
    padding-right: 0;
    border:0;
    box-shadow: none;
    border-radius:0;
}
.header__cnt {
	isplay: flex;
    justify-content: flex-start;
    align-items: center;
}
.header__qwe {
	margin-left: auto;
}
.header__address {
	display: flex;
	align-items: center;
}
.header__address a {
	border-bottom: 1px solid ;
	color: inherit;
}
.header__address::before {
	content: "";
	width: 31px;
	height: 31px;
	background: url(assets/img/icon-location.svg);
	margin-right: 5px;
	
}
.laptop__info {
	border-radius: 10px;
	padding: 40px 50px;
}
.laptop__info ul li p {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; 
}
.laptop__info ul li {
	margin-top: 0;
	align-items: center;
}
.laptop__flex {
	padding: 41px 0;
}
.laptop__info ul li::before {
	content: "";
	width: 3px;
	height: 3px;
	background: #000;
	border-radius: 50%;
	margin-right: 10px;
}
.laptop__box {
	margin-top: 30px;
	width: 100%;
	background: #FFF9F3;
	color: #00ACEC;
	height: 90px;
	max-width: 100%;
	padding-left: 32px;
}
.laptop__box img {
}
.laptop__box span {
	color: #00ACEC;
	max-width: 100%;
    flex-grow: 1;
}
.laptop__info .btn {
	max-width: 100%;
	border-radius: 10px;
}
.header__phone {
	margin-left: 50px;
}
.header__button-order {
	color:#FF6B3C;
	padding: 12px 16px;
	border-radius: 10px;
	background: #FFF9F3;
	margin-right: auto;
}
@media (max-width: 1099px) {
	.open-menu span:first-child {		
		right: 0;
		left: auto;
	}
	.open-menu span:last-child {
		right: 0;
		left: auto;
	}
}
.header__search--mobile {
	height: 60px;
	padding: 18px 16px;
	box-sizing: border-box;
	background: #FFF9F3;
}
.header__search--mobile label {
	display: flex;
	align-items: flex-end;
}
.header__search--mobile input[type="text"] {
	margin-left: 15px; 
	background: transparent;
	font-size: 16px;
}
.header__search--mobile .form__search {
	margin-left: 0;
}
.header__button-status {
	display: inline-block;
	color: #00ACEC;
	padding: 12px 27px;
	border-radius: 10px;
	background: #F5F9FF;
	margin-bottom: 10px;
	margin-left: 16px;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.open-menu {
	height: 23px;
}
.header__cnt .header__schedule {
	display: none;
}
.header__logo-region {
	display: none;
}
.header__phone-address {
	display: none;
}
.laptop__bg {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    min-height: 752px;
	background-image: url(assets/img/laptop_new.jpg);
}
@media (max-width: 1099px) {
	.header__phone {
		flex-direction: column;
		align-items: flex-end;
		justify-content: flex-start;
		width: auto;
		margin: 0;
		margin-left: auto;
		font-size: 16px;
		position: relative;
		min-height: 31px;
	}
	.header__phone::before {
		content: "";
		width: 31px;
		height: 31px;
		position: absolute;
		background: url(assets/img/phone-icon.svg);
		margin: auto;
		top: 0;
		
		left: -35px;
	}
	.header__phone a {
		font-size: 16px;
		line-height: 18px;
		margin: auto;
	}
	.header__logo-region {
		display: block;
		margin-top: 20px;
	}	
	.header__phone-address {
		display: block;
	}
	.header__right {
		display: flex;
		flex-direction: row;
		align-items: center;
		background: #FFF9F3;
		padding-bottom: 12px;
		position: relative;
	}
	.header__right::before {
		content: "";
		position: absolute;
		width: 12px;
		background: #FFF9F3;
		border-top: 1px solid #E0E8F4;
		height: 100%;
		left: -12px;
		top: -1px;
	}
	.header__right::after {
		content: "";
		position: absolute;
		width: 12px;
		background: #FFF9F3;
		border-top: 1px solid #E0E8F4;
		height: 100%;
		right: -12px;
		top: -1px;
	}
	.header__country strong {
		padding-right: 0;
	}
	.header__menu {
		padding: 9px 0 0;
	}
	.header__mob {    
		padding: 10px 0;
	}	
	.close-menu span:nth-child(2), .close-menu span:nth-child(3) {
		top: 6px;
		left: 0;
	}
	body .order-status {
		display: none;
	}
	body .header__garant {
		justify-content: flex-end;
	}
	.header__logo  p{
		display: none;
	}
	body .header__logo small {
		width: 191px;
		font-weight: normal;
		max-width: 100%;
		margin-top: 4px;
	}
	.header__block {
		margin-top: 30px;
		margin-left: 15px;
	}
	.header__cnt {
		align-items: flex-start;
	}
	.header__cnt .header__address {
		margin-top: 24px;
		margin-left: 15px;
		margin-bottom: 8px;
	}
	.header__cnt .header__address::before {
		display: none;
	}
	.header__cnt .header__schedule {
		display: block;
	}
	body .header__ord {display: none;
	}
	.header__qwe a:first-child {
		border-top: 1px solid #E0E8F4;
		margin-top: 24px;
	}
	body .about-us strong, body .header__qwe a {
		color: #00ACEC;
	}
	.open-menu:after {
		display: none;
	}
		
}
@media (max-width: 991px) {
	.header__right {
		max-width: 100%;
		align-items: flex-start;
		margin-top: 24px;
		padding-top: 9px;		
		width: 100%;
		border-top: 1px solid #E0E8F4;
	}
	
}
@media (max-width: 570px) {
	.header__logo a {
		display: flex;
		max-width: 146px;
		width: 100%;
	}
	body .nca-cookiesaccept-line > div {
		align-items: flex-start;
		flex-direction: column;
	}
	.nca-cookiesaccept-line-text {
		font-size: 17px;
		line-height: 19px;
		margin-bottom: 11px;
	}
	#nca-cookiesaccept-line-accept-btn {
		background: #fff;
    padding: 11px 24px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 0;
    color: #353d50;
	}
}
@media (max-width: 424px) {
	.laptop__bg {
		margin: 0 auto;
		min-height: 930px;
		background-image: url(assets/img/mobile_new.jpg);
		display: flex;
	}
	.laptop__bg .container {
		display: flex;
	}
	.laptop__flex  {
		padding: 0;
		margin-bottom: 20px;
	}
	.header__logo {
		max-width: 191px;
	}
	.laptop__info {
		padding: 40px 16px;
	}
	.laptop__info ul li p {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%; 
	}
	.laptop__box span {
		font-size: 16px;
	}
}
.about-us__act .about-us__drop {
	z-index: 100;
}
@media (max-width: 991px) {
	.header__info {
		padding: 16px 0;
	}
	.header__info {
		padding-bottom: 0;
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
    .n-hero__content:before {
        backface-visibility: hidden;
        transform: rotate(19deg) translate3d(0, 0, 0);
        z-index: 2;
    }

    .n-hero__content > * {
        z-index: 3;
    }
}
.s-how {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #F5F9FF url('../../../upload/how-images/how-we-work-bg.svg');
}

.s-how__list {
    display: flex;
    gap: 0 54px;
    padding: 14px 15px 27px;
    border-radius: 20px;
    border: 1px solid #E6E6E6;
    background: rgba(255, 255, 255, 0.50);
}

.s-how__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    width: calc((100%/6) - ((54px)*5/6));
}

.s-how__item_pt-5 {
    padding-top: 5px;
}

.s-how__item:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    margin-left: 20px;
    width: 17px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='25' viewBox='0 0 17 25' fill='none'%3E%3Cpath d='M1.5 23.5L14.5 12.5L1.5 1.5' stroke='%23CAE4FF' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.s-how__item:last-child:before {
    display: none;
}

.s-how__item.s-how__item_big {
    flex: 1.2;
    padding-left: 30px;
    padding-right: 30px;
}

.s-how__item.s-how__item_big:after {
    position: absolute;
    display: block;
    content: "";
    bottom: -27px;
    top: -28px;
    left: 0;
    right: 0;
    border-radius: 24px 24px 0px 0px;
    border: 1px solid #FF993A;
    background: #FFF9F3;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.s-how__item.s-how__item_big .s-how__item-icon-c {
    width: 60px;
    height: 60px;
    margin-bottom: 12px;
}

.s-how__item.s-how__item_big .s-how__item-title {
    font-size: 16px;
    line-height: normal;
}

.s-how__item-icon-c {
    border-radius: 9px;
    border: 1px solid #F2F2F2;
    background: #FDFEFF;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.s-how__item-icon {
    flex: 0 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.s-how__item-title {
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
}

.s-steps {
    padding-top: 120px;
    padding-bottom: 120px;
    overflow: hidden;
}

.s-steps-slider-c {
    position: relative;
}

.s-steps-slider {
    overflow: visible;
}

.s-steps-slider__bullets {
    display: none;
}

.s-steps-slider__slide {
    width: 300px;
    height: auto;
}

.s-steps-slider__slide_big {
    width: 520px;
}

.s-steps__card {
    height: 100%;
    display: flex;
    padding: 20px;
    background-color: #F5F9FF;
    border-radius: 20px;
    flex-direction: column;
}

.s-steps__card-num {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
    color: #0D1828;
}

.s-steps__card-desc {
    font-size: 14px;
    line-height: 19px;
}

.s-steps__card-desc a {
    color: #00ACEC;
    text-decoration: underline;
}

.s-steps__card-info-list {
    margin-top: 15px;
}

.s-steps__card-info-item {
    position: relative;
    font-size: 14px;
    line-height: 19px;
    padding-left: 15px;
}

.s-steps__card-info-item:before {
    position: absolute;
    display: block;
    content: "";
    top: 7px;
    left: 4px;
    width: 3px;
    height: 3px;
    background: #0D1828;
    border-radius: 50%;
}

.s-steps__card-foot {
    display: flex;
    align-items: flex-end;
    width: 100%;
    margin-top: auto;
    padding-top: 10px;
}

.s-steps__card-icon-c {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s-steps__card-icon {
    flex: 0 0 auto;
	max-width: 40px;
	max-height: 40px;
}

.s-steps__card-btn {
    outline: none;
    border: none;
    background: #FF993A;
    border-radius: 15px;
    height: 40px;
    min-width: 170px;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    transition: all .3s;
}

@media (hover:hover) {
    .s-steps__card-btn:hover {
        background: rgba(255, 153, 58, 0.50);
    }
}

.s-steps__card-btn:active {
    background-color: #F57600;
}

@media (max-width: 1299px) {
    .s-how__list {
        gap: 0 35px;
    }

    .s-how__item.s-how__item_big {
        padding-left: 15px;
        padding-right: 15px;
    }

    .s-how__item:before {
        margin-left: 10px;
    }
}

@media (max-width: 991px) { 
    .s-how__list {
        flex-direction: column;
        gap: 25px 0;   
        padding: 15px;
    }

    .s-how__item {
        width: 100%;
        padding-top: 0;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
    }

    .s-how__item-icon-c {
        margin-bottom: 0;
        margin-right: 10px;
        flex: 0 0 auto;
    }

    .s-how__item:before {
        top: 100%;
        transform: translateX(-50%);
        left: 50%;
        margin-left: 0;
        margin-top: 10px;
        width: 18px;
        height: 10px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10' fill='none'%3E%3Cpath d='M1.5 2L9 8L16.5 2' stroke='%23CAE4FF' stroke-width='2.04545' stroke-linecap='round'/%3E%3C/svg%3E");
    }

    .s-how__item.s-how__item_big {
        padding: 15px 0;
    }

    .s-how__item.s-how__item_big .s-how__item-icon-c {
        margin-bottom: 0;
        width: 50px;
        height: 50px;
    }

    .s-how__item.s-how__item_big .s-how__item-title {
        font-size: 14px;
        line-height: 19px;
    }

    .s-how__item.s-how__item_big::after {
        border-radius: 24px;
        left: -20px;
        right: -20px;
        top: 0;
        bottom: 0;
    }

    .s-how__item-title {
        text-align: left;
    }
}
#brands {
	padding-top: 100px;
    margin-top: -100px;
}
@media (max-width: 767px) {
	#brands {
		padding-top: 20px;
		margin-top: -80px;
	}
    .s-how {
        padding-top: 30px;
        padding-bottom: 30px;
        background-size: 100%;
    }

    .s-how__title {
        margin-bottom: 30px;
    }
        
    .s-how__item.s-how__item_big {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .s-steps {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .s-steps__title {
        margin-bottom: 30px;
    }

    .s-steps-slider__slide {
        width: 100%;
    }

    .s-steps__card-icon-c {
        width: 40px;
        height: 40px;
    }

    .s-steps__card-icon {
        scale: 0.7;
    }

    .s-steps-slider__bullets {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .s-steps-slider__bullets .swiper-pagination-bullet {
        margin: 0 !important;
        margin-right: 10px !important;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid #00ACEC;
        opacity: 1;
    }

    .s-steps-slider__bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #00ACEC;
    }
}
.contacts-list__item a,
.n-header__info-item a {
	color: inherit;
}
.s-prices {
	z-index:1;
	position: relative;
}