@import url(fonts.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
 --text: #000000;
 --text-gray: #4e4e4e;
 --violet: #3e16cb;
 --violet-average: #9959ed;
 --violet-light: #f1eeff;
 --gray-bg: #fafafa;
 --indentation-module: 60px;

 @media (max-width: 600px) {
  --indentation-module: 20px;
 }

}

html {
 font-size: 10px;
}

html,
body {
 width: 100%;
 min-height: 100vh;
 margin: 0;
 padding: 0;

}

body {}

* {
 box-sizing: border-box;
 outline: none;
 font-family: 'MuseoSansCyrl', Arial, Helvetica, sans-serif;
 color: var(--text);
 margin: 0;
}

p {
 font-size: 17rem;
 font-weight: 400;
 line-height: 1.4em;
}

p {
 margin: 0;
 padding: 0;
 font-weight: normal;
}

h1,
h2,
h3,
h4,
h5 {
 margin: 0;
 padding: 0;
 font-weight: 700;
 font-family: 'Montserrat';
}

/* h1{font-size:5rem;}
h2{font-size:3.8rem;}
h3{font-size:2.2rem;} */
i {
 font-style: normal;
 font-weight: normal;
 display: block;
}

@media (max-width: 1000px) {
 h1 {
  font-size: 20rem;
 }

 h2 {
  font-size: 30rem;
 }

 h3 {
  font-size: 20rem;
 }
}

@media (max-width: 600px) {
 h1 {
  font-size: 20rem;
 }

 h2 {
  font-size: 24rem;
        line-height: 1.2;
 }

 h3 {
  font-size: 20rem;
 }
}


.absolute {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
}

header {}



main {
 width: 100%;
}


/******************************************** new style 2026 **************************************************/


section.text-section {
 margin: var(--indentation-module) auto 0 auto;
 padding: 20px max(20px, calc(50% - 580px));
}

div.d-iblock-element section.text-section div.content-text-box {
font-family: 'Montserrat'!important;
font-weight: 400!important;
font-size: 16px!important;
color: #000!important;
line-height: 22px!important;
}

.text-section div.content-text-box h2 {
font-family: 'Montserrat';
font-weight: 800;
color: #000;
font-size: 24px;
margin: 10px 0;
}

.text-section div.content-text-box h3 {
font-family: 'Montserrat';
font-weight: 700;
color: #000;
font-size: 20px;
margin: 10px 0;
}

.text-section div.content-text-box h4 {
font-family: 'Montserrat';
font-weight: 700;
color: #000;
font-size: 18px;
margin: 10px 0;
}

section.text-section div.content-text-box p {
font-family: 'Montserrat'!important;
font-weight: 400!important;
font-size: 16px!important;
color: #000!important;
margin-top: 1em!important;
margin-bottom: 1em!important;
line-height: 22px!important;
}

section.text-section div.content-text-box ul li {
	list-style: disc!important;
}

section.text-section div.content-text-box ol li {
	list-style: decimal!important;
}

section.text-section div.content-text-box ul,
section.text-section div.content-text-box ol {
margin: 10px 0;
font-family: 'Montserrat'!important;
font-weight: 400!important;
font-size: 16px!important;
color: #000!important;
line-height: 27px!important;
padding-left: 35px;
}


/******************************************************************/


.cold-calls-wilstream {
 /* margin:var(--indentation-module) auto 0 auto; */
 /* padding:0 max(20px,calc(50% - 580px)); */
}

.cold-calls-wilstream h1 {
 margin: 0 0 var(--indentation-module) 0;
 text-align: center;
}

.cold-calls-wilstream .items {
 display: flex;
 gap: 40px 60px;
 width: 100%;
 flex-wrap: wrap;
 align-items: stretch;
}

.cold-calls-wilstream .items .item {
 --w-item: 65%;
 width: calc(var(--w-item) - 30px);
 display: flex;
 flex-flow: column;
}
.cold-calls-wilstream .items .item + .item{
 --w-item: 35%;
}
.cold-calls-wilstream .items .item:has(img+p) {
 display: flex;
 flex-direction: column;
}

.cold-calls-wilstream .items .item * {
 color: var(--text-gray);
}

.cold-calls-wilstream .items .item h3 {
 margin: 0 0 25px 0;
}

.cold-calls-wilstream .items .item p {
 margin: 0 0 25px 0;
 text-align: justify;
 line-height: 1.64;
}

.cold-calls-wilstream .items .item a {
 text-decoration: none;
 color: var(--violet);
}

.cold-calls-wilstream .items .item ul {
 padding: 0 0 0 15px;
 margin: 0 0 25px 0;
}

.cold-calls-wilstream .items .item ul li {
 margin: 0 0 15px 0;
 text-align: justify;
}

.cold-calls-wilstream .items .item ul li::marker {
 color: var(--violet);
}

blockquote {
 display: block;
 padding: 45px;
 border-radius: 5px;
 border: 1px solid var(--violet);
 margin: 40px 0 0 0;
}

.cold-calls-wilstream .items .item blockquote h3 {
 color: var(--violet);
}

.cold-calls-wilstream .items .item blockquote ul {}

.cold-calls-wilstream .items .item blockquote ul li {
 line-height: 1.4;
}

blockquote button {
 display: flex;
 background: linear-gradient(to right, var(--violet) 0%, var(--violet-average) 50%, var(--violet) 100%);
 height: 46px;
 align-items: center;
 justify-content: center;
 border: none;
 padding: 0;
 margin: 40px 0 0 0;
 color: #fff !important;
 font-weight: 700;
 text-align: center;
 transition: all 0.2s;
 cursor: pointer;
 width: 280px;
 border-radius: 5px;
 background-size: 200% 100%;
 background-position: 0% 0%;
}

blockquote button:hover {
 background-position: 50% 0%;
}
.news-detail blockquote button {
    margin: 0;
}
.cold-calls-wilstream .items .item img {
 display: block;
 height: 100%;
 width: 100%;
 object-fit: cover;
 border-radius: 10px;
 margin-top: 5px !important;
 max-height: 570px;
}

.cold-calls-wilstream .items .item:has(img+p) img {
 height: auto;
 margin: 0 0 30px 0;
 flex: 1 1 auto;
}

.cold-calls-wilstream .items .item>*:last-child {
 margin: 0;
}

.cold-calls-wilstream .items .item blockquote {
 margin-top: auto !important;
}

@media (max-width: 1000px) {
 .cold-calls-wilstream .items .item {
  width: 100%;
 }

 .cold-calls-wilstream .items .item:has(img) {
  display: none;
 }
}

@media (max-width: 600px) {
 .cold-calls-wilstream .items .item blockquote {
  padding: 20px;
 }
}

.discount-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 width: 100%;
 max-width: 1160px;
 position: relative;
 padding: 50px 40px;
 border-radius: 10px;
 overflow: hidden;
 background-image: url(../img/discount_wilstream_bg.jpg);
 background-size: cover;
 -webkit-background-size: cover;
}

/* Здесь замена фонов */
.discount-wilstream.discount-bg-1 {
 background-image: url(../img/cta/1/bg_1.jpg);
}

.discount-wilstream.discount-bg-2 {
 background-image: url(../img/cta/2/bg_2.jpg);
}

.discount-wilstream.discount-bg-3 {
 background-image: url(../img/cta/3/bg_3.jpg);
}

.discount-wilstream.discount-bg-4 {
 background-image: url(../img/cta/4/bg_4.jpg);
}

.discount-wilstream.discount-bg-5 {
 background-image: url(../img/cta/5/bg_5.jpg);
}

/* Здесь замена фонов */

.discount-wilstream>* {
 position: relative;
 z-index: 2;
}

.discount-wilstream img {
 display: block;
 position: absolute;
 right: 40px;
 bottom: 0;
 height: 90%;
 object-fit: scale-down;
 object-position: right bottom;
 z-index: 1;
}

.discount-wilstream h2 {
 color: #fff;
 margin: 0 0 20px 0;
 max-width: 600px;
}

.discount-wilstream p {
 color: #fff;
 margin: 0 0 20px 0;
 max-width: 600px;
}

.discount-wilstream button {
 display: flex;
 background: linear-gradient(to right, var(--violet) 0%, var(--violet-average) 50%, var(--violet) 100%);
 height: 46px;
 align-items: center;
 justify-content: center;
 border: none;
 padding: 0;
 margin: 40px 0 0 0;
 color: #fff;
 font-size: 17rem;
 font-weight: 700;
 text-align: center;
 transition: all 0.2s;
 cursor: pointer;
 width: 280px;
 border-radius: 5px;
 background-size: 200% 100%;
 background-position: 0% 0%;
}

.discount-wilstream button:hover {
 background-position: 50% 0%;
}



.tags-wilstream {
 /* margin:var(--indentation-module) auto 0 auto; */
 /* padding:0 max(20px,calc(50% - 580px)); */
 display: flex;
 gap: 20px;
 width: 100%;
 flex-wrap: wrap;
 justify-content: center;
}

.tags-wilstream.container {
 padding-top: 60px;
}

.tags-wilstream a {
 display: flex;
 height: 40px;
 align-items: center;
 justify-content: center;
 text-align: center;
 border: 1px solid var(--violet);
 border-radius: 5px;
 color: var(--violet);
 font-weight: 700;
 text-decoration: none;
 transition: all 0.2s;
 padding: 0 20px;
}

.tags-wilstream a.uppercase {
 background: var(--violet-light);
}

.tags-wilstream a:hover,
.tags-wilstream a.active {
 background: var(--violet);
 color: #fff;
}

@media (max-width: 600px) {
 .tags-wilstream {
  gap: 10px;
 }
}



.experience-wilstream {
 /* margin:var(--indentation-module) auto 0 auto; */
 /* padding:0 max(20px,calc(50% - 580px)); */
 display: flex;
 gap: 30px 60px;
 width: 100%;
 align-items: stretch;
}

.experience-wilstream .media {
 width: calc(50% - 30px);
}

.experience-wilstream .media video {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 10px;
}

.experience-wilstream .media img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 10px;
}

.experience-wilstream .text {
 width: calc(50% - 30px);
}

.experience-wilstream .text h2 {
 margin: 0 0 25px 0;
}

.experience-wilstream .text p {
 margin: 0 0 25px 0;
 text-align: justify;
 color: var(--text-gray);
}

.experience-wilstream .text ul {
 padding: 0;
 margin: 0;
 list-style: none;
 counter-reset: experience-wilstream;
}

.experience-wilstream .text ul li {
 padding: 0 0 0 40px;
 position: relative;
 margin: 0 0 25px 0;
 color: var(--text-gray);
 text-align: justify;
}

.experience-wilstream .text ul li:before {
 counter-increment: experience-wilstream;
 content: "0" counter(experience-wilstream);
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 font-size: 12rem;
 color: var(--violet);
}

.experience-wilstream .text ul li:after {
 display: none;
}

.experience-wilstream .text * {
 margin: 0;
}

@media (max-width: 1000px) {
 .experience-wilstream {
  flex-wrap: wrap;
 }

 .experience-wilstream .media {
  width: 100%;
  order: 2;
 }

 .experience-wilstream .text {
  width: 100%;
  order: 1;
 }

 .experience-wilstream .text h2 {
  text-align: center;
 }
}



.why-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0 max(20px, calc(50% - 580px));
}

.why-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.why-wilstream .items {
 display: flex;
 gap: 60px;
 align-items: stretch;
 width: 100%;
}

.why-wilstream .items .item {
 width: calc(50% - 30px);
 counter-reset: why-wilstream;
}

.why-wilstream .items .item h3 {
 margin: 0 0 20px 0;
 font-size: 24rem;
}

.why-wilstream .items .item h4 {
 margin: 0 0 20px 0;
 font-size: 18rem;
}

.why-wilstream .items .item p {
 margin: 0 0 20px 0;
 padding: 0 0 0 40px;
 position: relative;
 margin: 0 0 25px 0;
 color: var(--text-gray);
 text-align: justify;
}

.why-wilstream .items .item p strong {
 color: var(--text-gray);
}

.why-wilstream .items .item p:last-child {
 margin: 0;
}

.why-wilstream .items .item p:before {
 counter-increment: why-wilstream;
 content: "0" counter(why-wilstream);
 display: block;
 position: absolute;
 top: 3px;
 left: 10px;
 font-size: 0.9rem;
 color: var(--violet);
}

.why-wilstream .items .item p:after {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 30px;
 height: 30px;
 background-image: url(../img/why_wilstream_count.svg);
 background-repeat: no-repeat;
}

.why-wilstream .items .item img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 10px;
}

@media (max-width: 1000px) {
 .why-wilstream .items {
  display: block;
 }

 .why-wilstream .items .item {
  width: 100%;
 }

 .why-wilstream .items .item:has(img) {
  display: none;
 }
}



.advantages-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 80px max(20px, calc(50% - 580px));
 background: var(--gray-bg);
}

.advantages-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.advantages-wilstream .items {
 display: flex;
 gap: 40px 60px;
 flex-wrap: wrap;
 width: 100%;
 justify-content: center;
}

.advantages-wilstream .items .item {
 width: calc(33.33% - 40px);
 display: flex;
 gap: 25px;
 min-width: 330px;
}

.advantages-wilstream .items .item .icon {
 width: 50px;
 height: 50px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 100%;
 background: linear-gradient(to bottom, var(--violet-average) 0%, var(--violet) 100%);
 flex: 0 0 auto;
}

.advantages-wilstream .items .item .icon img {
 display: block;
 width: 30px;
 height: 30px;
 object-fit: contain;
}

.advantages-wilstream .items .item .text {}

.advantages-wilstream .items .item .text h3 {
 margin: 0 0 20px 0;
}

.advantages-wilstream .items .item .text p {
 color: var(--text-gray);
 font-size: 15rem;
 text-align: justify;
}

.advantages-wilstream button {
 display: flex;
 background: linear-gradient(to right, var(--violet) 0%, var(--violet-average) 50%, var(--violet) 100%);
 height: 46px;
 align-items: center;
 justify-content: center;
 border: none;
 padding: 0;
 margin: 40px auto 0 auto;
 color: #fff;
 font-size: 17rem;
 font-weight: 700;
 text-align: center;
 transition: all 0.2s;
 cursor: pointer;
 width: 280px;
 border-radius: 5px;
 background-size: 200% 100%;
 background-position: 0% 0%;
}

.advantages-wilstream button:hover {
 background-position: 50% 0%;
}



.forwhom-wilstream.container {
 margin: var(--indentation-module) auto 0 auto;
 /* padding: 0 max(20px, calc(50% - 580px)); */
}

.forwhom-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.forwhom-wilstream .items {
 display: flex;
 gap: 20px;
 flex-wrap: wrap;
 margin: 0 0 50px 0;
 justify-content: center;
}

.forwhom-wilstream .items .item {
 padding: 30px 20px;
 border: 1px solid var(--violet);
 border-radius: 5px;
 width: calc(25% - 15px);
 min-width: 275px;
 min-height: 275px;
}

.forwhom-wilstream .items .item h3 {
 margin: 0 0 25px 0;
}

.forwhom-wilstream .items .item h3 span {
 font-size: 14rem;
 display: inline-block;

}

.forwhom-wilstream .items .item p {
 color: var(--text-gray);
 font-size: 15rem;
}

.forwhom-wilstream .slider {
 position: relative;
}

.forwhom-wilstream .slider .swiper {
 padding: 5px;
}

.forwhom-wilstream .slider .swiper .swiper-wrapper {}

.forwhom-wilstream .slider .swiper .swiper-wrapper .swiper-slide {
 padding: 25px 20px;
 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
 border-radius: 10px;
}

.forwhom-wilstream .slider .swiper .swiper-wrapper .swiper-slide img {
 display: block;
 width: 65px;
 height: 65px;
 margin: 0 0 20px 0;
}

.forwhom-wilstream .slider .swiper .swiper-wrapper .swiper-slide h3 {
 height: 105px;
 margin: 0 0 25px 0;
 position: relative;
 font-size: 22rem;
}

.forwhom-wilstream .slider .swiper .swiper-wrapper .swiper-slide h3:after {
 content: "";
 display: block;
 width: calc(100% + 40px);
 height: 1px;
 background: var(--violet-light);
 position: absolute;
 left: -20px;
 bottom: 0;
}

.forwhom-wilstream .slider .swiper .swiper-wrapper .swiper-slide p {
 height: 105px;
 color: var(--text-gray);
 font-size: 15rem;
}

.forwhom-wilstream .slider .swiper .swiper-wrapper .swiper-slide .price {
 font-size: 20rem;
 font-weight: 700;
 color: var(--violet);
}

.forwhom-wilstream .slider .navigation {
 position: absolute;
 top: calc(50% - 25px);
 left: -60px;
 display: flex;
 width: calc(100% + 120px);
 z-index: 50;
 justify-content: space-between;
 pointer-events: none;
 z-index: 100;
}

.slider .navigation .prev,
.slider .navigation .next {
 width: 50px;
 height: 50px;
 background: #fff;
 font-family: 'fregular';
 color: var(--text-gray);
 text-align: center;
 line-height: 50px;
 font-size: 16rem;
 transition: all 0.2s;
 cursor: pointer;
 border-radius: 100%;
 pointer-events: all;
 user-select: none;
 border: 1px solid var(--violet-light);
 border-radius: 10px;
}

.forwhom-wilstream .slider .navigation .prev:hover,
.forwhom-wilstream .slider .navigation .next:hover {
 background: var(--violet);
 color: #fff;
 border: 1px solid var(--violet);
}

@media (max-width: 1300px) {
 .forwhom-wilstream .slider .navigation {
  width: calc(100% - 20px);
  left: 10px;
 }
}



div.forwhom-wilstream-2 {
 margin: var(--indentation-module) auto 0 auto;
 /* padding: 0 max(20px, calc(50% - 580px)); */
}

.forwhom-wilstream-2 h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.forwhom-wilstream-2 .items {
 display: flex;
 gap: 20px;
 flex-wrap: wrap;
 margin: 0 0 50px 0;
 justify-content: center;
}

.forwhom-wilstream-2 .items .item {
 padding: 30px 20px;
 border: 1px solid var(--violet);
 border-radius: 5px;
 width: calc(25% - 15px);
 min-width: 275px;
 min-height: 275px;
}

.forwhom-wilstream-2 .items .item h3 {
 margin: 0 0 25px 0;
}

.forwhom-wilstream-2 .items .item h3 span {
 font-size: 14rem;
 display: inline-block;
 line-height: 2rem;
}

.forwhom-wilstream-2 .items .item p {
 color: var(--text-gray);
 font-size: 15rem;
}

.slider {
 position: relative;
}

.slider .swiper {
 padding: 5px;
}

.slider .swiper .swiper-wrapper {}

.slider .swiper .swiper-wrapper .swiper-slide {
 padding: 25px 20px;
 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
 border-radius: 10px;
}

.slider .swiper .swiper-wrapper .swiper-slide img {
 display: block;
 width: 65px;
 height: 65px;
 margin: 0 0 20px 0;
}

.slider .swiper .swiper-wrapper .swiper-slide h3 {
 height: 105px;
 margin: 0 0 25px 0;
 position: relative;
}

.slider .swiper .swiper-wrapper .swiper-slide h3:after {
 content: "";
 display: block;
 width: calc(100% + 40px);
 height: 1px;
 background: var(--violet-light);
 position: absolute;
 left: -20px;
 bottom: 0;
}

.slider .swiper .swiper-wrapper .swiper-slide .p-text {

 color: var(--text-gray);
 font-size: 15rem;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}

.slider .swiper .swiper-wrapper .swiper-slide .p-text p {
 margin: 0;
 line-height: 1.6;
 font-size: 15rem;
 max-width: none;
}

.slider .swiper .swiper-wrapper .swiper-slide .price {
 font-size: 20rem;
 font-weight: 700;
 color: var(--violet);
 margin-top: auto;
 padding-top: 5px;
}

.slider .navigation {
 position: absolute;
 top: calc(50% - 25px);
 left: -60px;
 display: flex;
 width: calc(100% + 120px);
 z-index: 50;
 justify-content: space-between;
 pointer-events: none;
 z-index: 100;
}

.slider .navigation .prev,
.slider .navigation .next {
 width: 50px;
 height: 50px;
 background: #fff;
 font-family: 'fregular';
 color: var(--text-gray);
 text-align: center;
 line-height: 50px;
 font-size: 16rem;
 transition: all 0.2s;
 cursor: pointer;
 border-radius: 100%;
 pointer-events: all;
 user-select: none;
 border: 1px solid var(--violet-light);
 border-radius: 10px;
}

.slider .navigation .prev:hover,
.slider .navigation .next:hover {
 background: var(--violet);
 color: #fff;
 border: 1px solid var(--violet);
}

@media (max-width: 1300px) {
 .slider .navigation {
  width: calc(100% - 20px);
  left: 10px;
 }
}



.why2-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 width: 100%;
 max-width: 1160px;
 padding: 70px 45px;
 background: linear-gradient(to top, var(--violet) 0%, var(--violet-average) 100%);
 border-radius: 20px;
}

.why2-wilstream h2 {
 margin: 0 0 40px 0;
 text-align: center;
 color: #fff;
 font-size: 32rem;
}

.why2-wilstream .items {
 display: flex;
 gap: 30px 60px;
 flex-wrap: wrap;
 margin: 0 0 30px 0;
}

.why2-wilstream .items .item {
 width: calc(50% - 30px);
}

.why2-wilstream .items .item p {
 color: #fff;
 margin: 0 0 25px 0;
}

.why2-wilstream .items .item ul {
 padding: 0 0 0 15px;
 margin: 0 0 25px 0;
}

.why2-wilstream .items .item ul li {
 color: #fff;
 margin: 0 0 15px 0;
 /* list-style: disc; */
}

.why2-wilstream .items .item ul li:after {
 background: #fff;
}

.why2-wilstream .items .item:last-child {
 margin: 0;
}

.why2-wilstream p {
 color: #fff;
}

.why2-wilstream p strong {
 color: #fff;
}

@media (max-width: 1000px) {
 .why2-wilstream .items .item {
  width: 100%;
 }
}

@media (max-width: 600px) {
 .why2-wilstream {
  padding: 50px 20px;
 }
}



.get-customers-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 width: 100%;
 max-width: 1160px;
 overflow: hidden;
 border-radius: 20px;
 display: flex;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
 padding: 0;
}

.get-customers-wilstream .text {
 width: 50%;
 padding: 70px 45px;
 background-image: url(../img/get_customers_wilstream_bg.jpg);
 background-size: cover;
 -webkit-background-size: cover;
}

.get-customers-wilstream .text h2 {
 margin: 0 0 30px 0;
 color: #fff;
 font-size: 32rem;
}

.get-customers-wilstream .text p {
 color: #fff;
}

.get-customers-wilstream .text p * {
 color: #fff;
}

.get-customers-wilstream .d-form-container {
 width: 50%;
 padding: 70px 0;
}

.d-form-container:not(.init) {
 background-image: url('../images/form.png');
 background-position: center;
 background-repeat: no-repeat;
}

.form input,
.form textarea {
 display: block;
 width: 100%;
 max-width: 385px;
 height: 50px;
 line-height: 1.2;
 background: #fff;
 padding: 12px 20px;
 margin: 0 auto 20px auto;
 border: 1px solid var(--gray-bg);
 border-radius: 5px;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.form textarea {
 height: auto;
}

.form .agree {
 display: flex;
 gap: 10px;
 width: 100%;
 max-width: 385px;
 margin: 30px auto 20px auto;
}

.form .agree input[type=checkbox] {
 display: block;
 width: 20px;
 height: 20px;
 margin: 0;
 padding: 0;
 min-width: 20px;
}

.form .agree label {
 display: block;
 font-size: 12rem;
 color: var(--text-gray);
 cursor: pointer;
}

.form .agree label a {
 text-decoration: none;
 color: var(--violet);
}

.form button {
 display: flex;
 background: linear-gradient(to right, var(--violet) 0%, var(--violet-average) 50%, var(--violet) 100%);
 height: 46px;
 align-items: center;
 justify-content: center;
 border: none;
 padding: 0;
 margin: 0 auto;
 color: #fff;
 font-size: 17rem;
 font-weight: 700;
 text-align: center;
 transition: all 0.2s;
 cursor: pointer;
 width: 280px;
 border-radius: 5px;
 background-size: 200% 100%;
 background-position: 0% 0%;
}

.form button:hover {
 background-position: 50% 0%;
}

@media (max-width: 1000px) {
 .get-customers-wilstream {
  display: block;
 }

 .get-customers-wilstream .text {
  width: 100%;
 }

 .get-customers-wilstream form {
  width: 100%;
 }
}

@media (max-width: 600px) {
 .get-customers-wilstream .text {
  padding: 50px 20px;
 }

 .get-customers-wilstream form {
  padding: 50px 20px;
 }
}



.benefit-calc-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 width: 100%;
 padding: 70px max(20px, calc(50% - 580px));
 background: linear-gradient(to top, var(--violet) 0%, var(--violet-average) 100%);
}

.benefit-calc-wilstream h2 {
 margin: 0 0 30px 0;
 color: #fff;
 text-align: center;
}

.benefit-calc-wilstream h4 {
 margin: 0 0 30px 0;
 color: #fff;
 font-size: 20rem;
 text-align: center;
}

.benefit-calc-wilstream ul {
 display: flex;
 gap: 30px 60px;
 flex-wrap: wrap;
 padding: 0;
 margin: 0 0 50px 0;
 list-style: none;
 counter-reset: benefit-calc-wilstream;
}

.benefit-calc-wilstream ul li {
 position: relative;
 padding: 0 0 0 40px;
 width: calc(50% - 30px);
}

.benefit-calc-wilstream ul li:before {
 counter-increment: benefit-calc-wilstream;
 content: "0" counter(benefit-calc-wilstream);
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 font-size: 12rem;
 color: #fff;
}

.benefit-calc-wilstream ul li {
 margin: 0 0 5px 0;
 color: #fff;
 font-size: 17rem;
}

.benefit-calc-wilstream ul li p {
 color: #fff;
 margin: 0;
}

.benefit-calc-wilstream .calc {
 padding: 70px 45px;
 background: #fff;
 border-radius: 20px;
 display: flex;
 flex-wrap: wrap;
 gap: 0 60px;
 align-items: flex-start;
}

.benefit-calc-wilstream .calc h3 {
 text-align: center;
 width: 100%;
 margin: 0 0 30px 0;
}

.benefit-calc-wilstream .calc .row {
 width: calc(50% - 30px);
 margin: 0 0 30px 0;
}

.benefit-calc-wilstream .calc .row>label {
 display: block;
 font-size: 17rem;
 color: var(--text-gray);
 margin: 0 0 30px 0;
}

.benefit-calc-wilstream .calc .row .numbers {
 display: flex;
 width: 100%;
 margin: 10px 0 0 0;
 justify-content: space-between;
}

.benefit-calc-wilstream .calc .row .numbers span {
 display: block;
 font-size: 14rem;
 color: var(--text-gray);
}

.benefit-calc-wilstream .calc .row.checkbox {
 width: 100%;
 display: flex;
 gap: 20px;
 margin: 0 0 30px 0;
 justify-content: center;
 max-width: none;
}

.benefit-calc-wilstream .calc .row.checkbox .column {
 display: flex;
 gap: 10px;
 align-items: center;
}

.benefit-calc-wilstream .calc .row.checkbox .column input[type=checkbox] {
 display: block;
 width: 20px;
 height: 20px;
 margin: 0;
 padding: 0;
}

.benefit-calc-wilstream .calc .row.checkbox .column label {
 display: block;
 font-size: 16rem;
 color: var(--text-gray);
 cursor: pointer;
}

.benefit-calc-wilstream .calc .price-row {
 width: 100%;
 display: flex;
 gap: 10px;
 align-items: center;
 justify-content: center;
 margin: 0 0 20px 0;
}

.benefit-calc-wilstream .calc .price-row p {
 color: var(--text-gray);
}

.benefit-calc-wilstream .calc .price-row .price {
 padding: 0 10px;
 height: 30px;
 line-height: 30px;
 background: var(--violet);
 font-size: 17rem;
 color: #fff;
 border-radius: 5px;
 flex: 0 0 auto;
}

.benefit-calc-wilstream .calc .price-row .price span {
 color: #fff;
}

.benefit-calc-wilstream .calc button {
 display: flex;
 background: linear-gradient(to right, var(--violet) 0%, var(--violet-average) 50%, var(--violet) 100%);
 height: 46px;
 align-items: center;
 justify-content: center;
 border: none;
 padding: 0;
 margin: 20px auto 0 auto;
 color: #fff;
 font-size: 17rem;
 font-weight: 700;
 text-align: center;
 transition: all 0.2s;
 cursor: pointer;
 width: 280px;
 border-radius: 5px;
 background-size: 200% 100%;
 background-position: 0% 0%;
}

.benefit-calc-wilstream .calc button:hover {
 background-position: 50% 0%;
}

@media (max-width: 1000px) {
 .benefit-calc-wilstream ul li {
  width: 100%;
 }

 .benefit-calc-wilstream .calc .row {
  width: 100%;
 }
}

@media (max-width: 600px) {
 .benefit-calc-wilstream {
  padding: 50px max(20px, calc(50% - 580px));
 }

 .benefit-calc-wilstream .calc {
  padding: 50px 30px;
 }

 .benefit-calc-wilstream .calc .row.checkbox {
  flex-wrap: wrap;
  gap: 10px;
 }

 .benefit-calc-wilstream .calc .row.checkbox .column {
  width: 100%;
 }
}



.service-packages-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0 max(20px, calc(50% - 600px));
}

.service-packages-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.service-packages-wilstream .items-clip {
 overflow-x: auto;
 padding: 10px;
}

.service-packages-wilstream .items {
 display: flex;
 gap: 0 20px;
 flex-wrap: wrap;
 align-items: stretch;
 min-width: 1160px;
}

.service-packages-wilstream .items .item {
 width: calc(25% - 15px);
}

.service-packages-wilstream .items .item:nth-child(n+17) {
 display: none;
}

.service-packages-wilstream.open .items .item:nth-child(n+17) {
 display: block;
}

/* Здесь надо для каждой страницы ставить свой лимит блоков, которые видны изначально, если они различаются, ниже пример */
.service-packages-wilstream.obzvon-kliyentov-po-baze .item:nth-child(n+17) {
 display: none;
}

.service-packages-wilstream.obzvon-kliyentov-po-baze.open .item:nth-child(n+17) {
 display: block;
}

/* ------ */
.service-packages-wilstream .items .item .header {
 padding: 40px 20px;
 background: #fff;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
 height: 100%;
}

.service-packages-wilstream .items .item:first-child .header {
 border-radius: 20px 20px 0 0;
}

.service-packages-wilstream .items .item .header h3 {
 font-size: 16rem;
 color: var(--text-gray);
}

.service-packages-wilstream .items .item .header p {
 font-size: 16rem;
 color: var(--text-gray);
 font-weight: 700;
 margin: 30px 0 0 0;
}

.service-packages-wilstream .items .item .text-header {
 padding: 40px 20px;
 background: linear-gradient(to top, var(--violet) 0%, var(--violet-average) 100%);
 height: 100%;
 position: relative;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
 border-radius: 20px 20px 0 0;
}

.service-packages-wilstream .items .item .text-header .num {
 color: #fff;
 font-size: 12rem;
 position: absolute;
 top: 20px;
 left: 20px;
}

.service-packages-wilstream .items .item .text-header h3 {
 color: #fff;
}

.service-packages-wilstream .items .item .text {
 padding: 40px 20px;
 background: #fff;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
 height: 100%;
}

.service-packages-wilstream .items .item .text p {
 font-size: 14rem;
 color: var(--text-gray);
 text-align: justify;
}

.service-packages-wilstream .items .item .text span {
 background: var(--violet);
 color: #fff;
 padding: 2px 5px;
}

.service-packages-wilstream .items .item .text span strong {
 color: #fff;
}

.service-packages-wilstream .items .item .text i {
 font-family: 'fsolid';
 font-size: 20rem;
 width: 30px;
 height: 30px;
 line-height: 30px;
 text-align: center;
 color: #fff;
 background: linear-gradient(to top, var(--violet) 0%, var(--violet-average) 100%);
 border-radius: 100%;
 opacity: 1;
 margin: auto;
}

.service-packages-wilstream .prices {
 display: flex;
 gap: 20px;
 position: relative;
 border-top: 2px solid var(--violet);
 align-items: stretch;
 min-width: 1160px;
}

.service-packages-wilstream .readmore {
 position: relative;
}

.service-packages-wilstream .readmore td {
 position: absolute;
 background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
 width: 100%;
 height: 40px;
 line-height: 40px;
 left: 0;
 top: -42px;
 z-index: 100;
 font-size: 16rem;
 font-weight: 500;
 text-align: center;
 cursor: pointer;
}

.service-packages-wilstream .readmore i {
 display: inline-block;
 font-family: 'fsolid';
 color: var(--text-gray);
 margin: 0 0 0 5px;
}

.service-packages-wilstream .open .readmore {
 display: none;
}

.service-packages-wilstream .d-hidden {
 display: none;
}

.service-packages-wilstream .open .d-hidden {
 display: flex;
}

.service-packages-wilstream .prices .item {
 width: calc(25% - 15px);
 padding: 30px 20px;
 background: #fff;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
 border-radius: 0 0 20px 20px;
}

.service-packages-wilstream .prices .item h3 {
 font-size: 16rem;
 color: var(--text-gray);
}

.service-packages-wilstream .prices .item .price {
 margin: 0 0 15px 0;
}

.service-packages-wilstream .prices .item .price strong {
 font-size: 20rem;
 color: var(--violet);
}

.service-packages-wilstream .prices .item .price span {
 font-size: 16rem;
 color: var(--text-gray);
}

.service-packages-wilstream .prices .item button {
 display: flex;
 background: linear-gradient(to right, var(--violet) 0%, var(--violet-average) 50%, var(--violet) 100%);
 height: 46px;
 align-items: center;
 justify-content: center;
 border: none;
 padding: 0;
 margin: 0;
 color: #fff;
 font-size: 16rem;
 font-weight: 700;
 text-align: center;
 transition: all 0.2s;
 cursor: pointer;
 width: 100%;
 border-radius: 5px;
 background-size: 200% 100%;
 background-position: 0% 0%;
}

.service-packages-wilstream .prices .item button:hover {
 background-position: 50% 0%;
}



.telemarketing-results-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0 max(20px, calc(50% - 580px));
}

.telemarketing-results-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.telemarketing-results-wilstream p {
 margin: 0 0 30px 0;
 color: var(--text-gray);
 text-align: justify;
}

.telemarketing-results-wilstream ul {
 padding: 0;
 margin: 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;
 gap: 30px 60px;
 counter-reset: telemarketing-results-wilstream;
}

.telemarketing-results-wilstream ul:not(.not-num) > li {
 padding: 0 0 0 40px;
 position: relative;
 width: calc(50% - 30px);
}

.telemarketing-results-wilstream ul:not(.not-num) > li:before {
 counter-increment: telemarketing-results-wilstream;
 content: "0" counter(telemarketing-results-wilstream);
 display: block;
 position: absolute;
 top: 6px;
 left: 10px;
 font-size: 9rem;
 color: var(--violet);
}

.telemarketing-results-wilstream ul:not(.not-num) > li:after {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 30px;
 height: 30px;
 background-image: url(../img/why_wilstream_count.svg);
 background-repeat: no-repeat;
}

.telemarketing-results-wilstream ul li h3 {
 font-size: 17rem;
 margin: 0 0 20px 0;
}

.telemarketing-results-wilstream ul li p {
 color: var(--text-gray);
 text-align: justify;
}

.telemarketing-results-wilstream img {
 display: block;
 width: 100%;
 border-radius: 0 0 20px 20px;
}

@media (max-width: 1000px) {
 .telemarketing-results-wilstream ul li {
  width: 100%;
 }
}



.telemarketing-results-gray-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 background: var(--gray-bg);
 border-radius: 20px;
 width: 100%;
 max-width: 1160px;
 overflow: hidden;
}

.telemarketing-results-gray-wilstream .text {
 padding: 20px 45px 30px 45px;
}

.telemarketing-results-gray-wilstream .text h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.telemarketing-results-gray-wilstream .text p {
 margin: 0 0 30px 0;
 color: var(--text-gray);
 text-align: justify;
}

.telemarketing-results-gray-wilstream .text ul {
 padding: 0 0 0 15px;
 margin: 0 0 30px 0;
 display: flex;
 flex-wrap: wrap;
 gap: 15px 30px;
 width: 100%;
}

.telemarketing-results-gray-wilstream .text ul li {
 padding: 0 0 0 15px;
 position: relative;
 width: calc(50% - 30px);
 font-size: 17rem;
 color: var(--text-gray);
}

.telemarketing-results-gray-wilstream .text ul li::marker {
 color: var(--violet);
}

.telemarketing-results-gray-wilstream img {
 display: block;
 width: 100%;
 border-radius: 0 0 20px 20px;
}

@media (max-width: 1000px) {
 .telemarketing-results-gray-wilstream ul li {
  width: 100%;
 }
}

@media (max-width: 600px) {
 .telemarketing-results-gray-wilstream .text {
  padding: 50px 20px;
 }
}



.customer-selection-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0 max(20px, calc(50% - 580px));
}

.customer-selection-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.customer-selection-wilstream .items {
 display: flex;
 flex-wrap: wrap;
 gap: 60px;
 padding: 70px 45px;
 background: var(--gray-bg);
 border-radius: 20px;
}

.customer-selection-wilstream .items .item {
 width: calc(50% - 30px);
}

.customer-selection-wilstream .items .item ul {
 padding: 0 0 0 15px;
 margin: 0 0 30px 0;
}

.customer-selection-wilstream .items .item ul li {
 color: var(--text-gray);
 margin: 0 0 15px 0;
}

.customer-selection-wilstream .items .item ul li::marker {
 color: var(--violet);
}

.customer-selection-wilstream .items .item button {
 display: flex;
 background: linear-gradient(to right, var(--violet) 0%, var(--violet-average) 50%, var(--violet) 100%);
 height: 46px;
 align-items: center;
 justify-content: center;
 border: none;
 padding: 0;
 margin: 0;
 color: #fff;
 font-size: 17rem;
 font-weight: 700;
 text-align: center;
 transition: all 0.2s;
 cursor: pointer;
 width: 280px;
 border-radius: 5px;
 background-size: 200% 100%;
 background-position: 0% 0%;
}

.customer-selection-wilstream .items .item button:hover {
 background-position: 50% 0%;
}

.customer-selection-wilstream .items .item .row {
 display: flex;
 gap: 20px;
 align-items: center;
 width: 100%;
 margin: 0 0 10px 0;
}

.customer-selection-wilstream .items .item .row .strong {
 font-size: 4.5rem;
 color: var(--violet-average);
 width: calc(50% - 10px);
 text-align: right;
 font-weight: 700;
}

.customer-selection-wilstream .items .item .row p {
 color: var(--text-gray);
 width: calc(50% - 10px);
}

.customer-selection-wilstream .items .item .row p strong {
 color: var(--text-gray);
}

.customer-selection-wilstream>p {
 color: var(--text-gray);
 margin: 30px 0 0 0;
 text-align: center;
}

@media (max-width: 1000px) {
 .customer-selection-wilstream .items .item {
  width: 100%;
 }

 .customer-selection-wilstream .items .item .row .strong {
  text-align: left;
  width: 180px;
  flex: 0 0 auto;
 }

 .customer-selection-wilstream .items .item .row p {
  width: auto;
 }
}

@media (max-width: 600px) {
 .customer-selection-wilstream .items {
  padding: 50px 20px;
 }

 .customer-selection-wilstream .items .item button {
  margin: 0 auto;
 }

 .customer-selection-wilstream .items .item .row {
  flex-wrap: wrap;
 }

 .customer-selection-wilstream .items .item .row .strong {
  width: 100%;
  text-align: center;
 }

 .customer-selection-wilstream .items .item .row p {
  width: 100%;
  text-align: center;
 }
}



.comparison-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0 max(20px, calc(50% - 600px));
}

.comparison-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.comparison-wilstream .items-clip {
 overflow-x: auto;
 padding: 10px;
}

.comparison-wilstream .items {
 display: flex;
 gap: 0 20px;
 flex-wrap: wrap;
 align-items: stretch;
 width: 100%;
 min-width: 1160px;
}

.comparison-wilstream .items .item {
 width: calc(33.33% - 13.4px);
}

.comparison-wilstream .items .item .header {
 padding: 20px 20px;
 background: #fff;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
 height: 100%;
 display: flex;
 align-items: center;
}

.comparison-wilstream .items .item:first-child .header {
 border-radius: 20px 20px 0 0;
}

.comparison-wilstream .items .item .header h3 {
 font-size: 16rem;
 color: var(--text-gray);
}

.comparison-wilstream .items .item .header p {
 font-size: 16rem;
 color: var(--text-gray);
 font-weight: 700;
 margin: 30px 0 0 0;
}

.comparison-wilstream .items .item .text-header {
 padding: 20px 20px;
 background: linear-gradient(to top, var(--violet) 0%, var(--violet-average) 100%);
 height: 100%;
 position: relative;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
 border-radius: 20px 20px 0 0;
 display: flex;
 align-items: center;
}

.comparison-wilstream .items .item .text-header h3 {
 color: #fff;
}

.comparison-wilstream .items .item .text {
 padding: 20px 20px;
 background: #fff;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
 height: 100%;
 display: flex;
 align-items: center;
}

.comparison-wilstream .items .item .text p {
 font-size: 14rem;
 color: var(--text-gray);
 text-align: justify;
 margin-bottom: 0;
}

.comparison-wilstream .items .item:nth-last-child(-n+3)>* {
 border-radius: 0 0 20px 20px;
}



.comparison-wilstream-4-col {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0 max(20px, calc(50% - 600px));
}

.comparison-wilstream-4-col h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.comparison-wilstream-4-col p strong {
 margin: 0 0 50px 0;
 text-align: center;
}

.comparison-wilstream-4-col .items-clip {
 overflow-x: auto;
 padding: 10px;
}

.comparison-wilstream-4-col .items {
 display: flex;
 gap: 0 15px;
 flex-wrap: wrap;
 align-items: stretch;
 width: 100%;
 min-width: 1200px;
}

.comparison-wilstream-4-col .items .item {
 width: calc(25% - 15px);
}

.comparison-wilstream-4-col .items .item .header {
 padding: 20px 15px;
 background: #fff;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
 height: 100%;
}

.comparison-wilstream-4-col .items .item:first-child .header {
 border-radius: 20px 20px 0 0;
}

.comparison-wilstream-4-col .items .item .header h3 {
 font-size: 16rem;
 color: var(--text-gray);
}

.comparison-wilstream-4-col .items .item .header p strong {
 font-size: 16rem;
 color: var(--text-gray);
}

.comparison-wilstream-4-col .items .item .header p {
 font-size: 16rem;
 color: var(--text-gray);
 font-weight: 700;
 margin: 30px 0 0 0;
}

.comparison-wilstream-4-col .items .item .text-header {
 padding: 20px 15px;
 background: linear-gradient(to top, var(--violet) 0%, var(--violet-average) 100%);
 height: 100%;
 position: relative;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
 border-radius: 20px 20px 0 0;
}

.comparison-wilstream-4-col .items .item .text-header h3 {
 color: #fff;
}

.comparison-wilstream-4-col .items .item .text-header p strong {
 color: #fff;
}

.comparison-wilstream-4-col .items .item .text {
 padding: 20px 15px;
 background: #fff;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
 height: 100%;
}

.comparison-wilstream-4-col .items .item .text p {
 font-size: 14rem;
 color: var(--text-gray);
 text-align: justify;
}

.comparison-wilstream-4-col .items .item:nth-last-child(-n+4)>* {
 border-radius: 0 0 20px 20px;
}





@media (max-width: 1000px) {}



.how-started-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0 max(20px, calc(50% - 580px));
}

.how-started-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.how-started-wilstream>p {
 margin: 0 0 30px 0;
 color: var(--text-gray);
}

.how-started-wilstream>p:last-child {
 margin: 30px 0 0 0;
}

.how-started-wilstream .items {
 display: flex;
 gap: 20px;
 flex-wrap: wrap;
 width: 100%;
 counter-reset: how-started-wilstream;
 justify-content: center;
}

.how-started-wilstream .items .item {
 width: calc(25% - 15px);
 padding: 35px 20px;
 border: 1px solid var(--violet);
 border-radius: 10px;
 position: relative;
 min-height: 240px;
 position: relative;
 overflow: hidden;
 min-width: 275px;
}

.how-started-wilstream .items .item>* {
 position: relative;
 z-index: 2;
}

.how-started-wilstream .items .item:before {
 counter-increment: how-started-wilstream;
 content: counter(how-started-wilstream);
 display: block;
 position: absolute;
 bottom: -27px;
 left: -28px;
 width: 100%;
 height: 244px;
 z-index: 1;
 font-size: 260rem;
 color: var(--violet-light);
 font-weight: 700;
 line-height: 1;
}

.how-started-wilstream .items .item h3 {
 margin: 0 0 20px 0;
}

.how-started-wilstream .items .item p {
 color: var(--text-gray);
 font-size: 15rem;
}



.stages-call-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0;
}

.stages-call-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.stages-call-wilstream .items {
 display: flex;
 gap: 20px;
 flex-wrap: wrap;
 width: 100%;
 counter-reset: stages-call-wilstream;
 margin: 0 0 30px 0;
 justify-content: center;
}

.stages-call-wilstream .items .item {
 width: calc(25% - 15px);
 padding: 35px 20px;
 border: 1px solid var(--violet);
 border-radius: 10px;
 position: relative;
 height: 275px;
 position: relative;
 overflow: hidden;
 min-width: 275px;
}

.stages-call-wilstream .items .item>* {
 position: relative;
 z-index: 2;
}

.stages-call-wilstream .items .item:before {
 counter-increment: stages-call-wilstream;
 content: counter(stages-call-wilstream);
 display: block;
 position: absolute;
 top: 183px;
 left: -28px;
 width: 100%;
 height: 100%;
 z-index: 1;
 font-size: 260rem;
 color: var(--violet-light);
 font-weight: 700;
}

.stages-call-wilstream .items .item h3 {
 margin: 0 0 20px 0;
}

.stages-call-wilstream .items .item p {
 color: var(--text-gray);
 font-size: 15rem;
}

.stages-call-wilstream .items img {
 display: block;
 width: calc(75% - 15px);
 height: 275px;
 border-radius: 10px;
 object-fit: cover;
}

.stages-call-wilstream h5 {
 font-size: 17rem;
 font-weight: normal;
 margin: 0 0 20px 0;
}

.stages-call-wilstream h5:last-child {
 margin: 0;
}

.stages-call-wilstream h5 a {
 text-decoration: none;
 color: var(--violet);
}

@media (max-width: 1200px) {
 .stages-call-wilstream .items img {
  width: 100%;
  height: auto;
 }
}



.reviews-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 70px max(20px, calc(50% - 580px));
 background: var(--gray-bg);
}

.reviews-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.reviews-wilstream .slider {
 position: relative;
}

.reviews-wilstream .slider .swiper {
 padding: 5px;
}

.reviews-wilstream .slider .swiper .swiper-wrapper {
 align-items: stretch;
}

.reviews-wilstream .slider .swiper .swiper-wrapper .swiper-slide {
 padding: 40px;
 border-radius: 10px;
 background: #fff;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
 height: auto;
}

.reviews-wilstream .slider .swiper .swiper-wrapper .swiper-slide img {
 display: block;
 width: 80px;
 height: 80px;
 object-fit: scale-down;
 margin: 0 0 30px 0;
}

.reviews-wilstream .slider .swiper .swiper-wrapper .swiper-slide h3 {
 margin: 0 0 20px 0;
}

.reviews-wilstream .slider .swiper .swiper-wrapper .swiper-slide small {
 margin: 0 0 20px 0;
 font-size: 14rem;
 color: var(--text-gray);
 display: block;
}

.reviews-wilstream .slider .swiper .swiper-wrapper .swiper-slide p {
 margin: 0 0 20px 0;
 color: var(--text-gray);
}

.reviews-wilstream .slider .swiper .swiper-wrapper .swiper-slide a {
 display: block;
 text-decoration: none;
 color: var(--violet);
 font-size: 16rem;
}

.reviews-wilstream .slider .navigation {
 position: absolute;
 top: calc(50% - 25px);
 left: -60px;
 display: flex;
 width: calc(100% + 120px);
 z-index: 50;
 justify-content: space-between;
 pointer-events: none;
 z-index: 100;
}

.slider .navigation .prev,
.slider .navigation .next {
 width: 50px;
 height: 50px;
 background: #fff;
 font-family: 'fregular';
 color: var(--text-gray);
 text-align: center;
 line-height: 50px;
 font-size: 16rem;
 transition: all 0.2s;
 cursor: pointer;
 border-radius: 100%;
 pointer-events: all;
 user-select: none;
 border: 1px solid var(--violet-light);
 border-radius: 10px;
}

.slider .navigation .prev:hover,
.slider .navigation .next:hover {
 background: var(--violet);
 color: #fff;
 border: 1px solid var(--violet);
}

@media (max-width: 1300px) {
 .reviews-wilstream h2 {
  padding: 0 80px;
 }

 .slider .navigation {
  width: calc(100% - 20px);
  left: 10px;
  top: -90px;
 }
}

@media (max-width: 600px) {
 .reviews-wilstream .slider .swiper .swiper-wrapper .swiper-slide {
  padding: 20px;
 }
}



.case-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0 max(20px, calc(50% - 580px));
}

.case-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.case-wilstream .items {
 display: flex;
 flex-wrap: wrap;
 gap: 30px 60px;
 padding: 50px 45px;
 border-radius: 20px;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.case-wilstream .items .item:first-child {
 width: 100%;
 border-bottom: 1px solid var(--violet-light);
 padding: 0 0 30px 0;
}

.case-wilstream .items .item:last-child {
 width: 100%;
 border-top: 1px solid var(--violet-light);
 padding: 30px 0 0 0;
}

.case-wilstream .items .item {
 width: calc(50% - 30px);
}

.case-wilstream .items .item h3 {
 margin: 0 0 15px 0;
}

.case-wilstream .items .item p {
 color: var(--text-gray);
 margin: 0 0 15px 0;
}

.case-wilstream .items .item p.violet-bg {
 padding: 2px 5px;
 background: var(--violet);
 color: #fff;
 width: max-content;
}

.case-wilstream .items .item p.violet {
 color: var(--violet);
}

.case-wilstream .items .item ul {
 padding: 0 0 0 15px;
}

.case-wilstream .items .item ul li {
 color: var(--text-gray);
 margin: 0 0 15px 0;
}

.case-wilstream .items .item ul li::marker {
 color: var(--violet);
}

.case-wilstream .items .item *:last-child {
 margin: 0;
}

@media (max-width: 1000px) {
 .case-wilstream .items .item {
  width: 100%;
 }
}

@media (max-width: 600px) {
 .case-wilstream .items {
  padding: 20px;
 }
}


.willingness-grow-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 100px max(20px, calc(50% - 580px));
 background: var(--gray-bg);
}

.willingness-grow-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.willingness-grow-wilstream>p {
 margin: 0 0 20px 0;
 text-align: justify;
 color: var(--text-gray);
}

.willingness-grow-wilstream>p:last-child {
 margin: 0;
}

.willingness-grow-wilstream .items {
 display: flex;
 gap: 30px;
 flex-wrap: wrap;
 width: 100%;
 margin: 0 0 40px 0;
 justify-content: center;
}

.willingness-grow-wilstream .items .item {
 width: calc(25% - 30px);
 display: flex;
 gap: 25px;
 min-width: 260px;
}

.willingness-grow-wilstream .items .item .icon {
 width: 50px;
 height: 50px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 100%;
 background: linear-gradient(to bottom, var(--violet-average) 0%, var(--violet) 100%);
 flex: 0 0 auto;
}

.willingness-grow-wilstream .items .item .icon img {
 display: block;
 width: 30px;
 height: 30px;
 object-fit: contain;
}

.willingness-grow-wilstream .items .item .text {
 position: relative;
 top: 10px;
}

.willingness-grow-wilstream .items .item .text h3 {
 margin: 0 0 20px 0;
}

.willingness-grow-wilstream .items .item .text p {
 color: var(--text-gray);
 font-size: 15rem;
}

@media (max-width: 600px) {
 .willingness-grow-wilstream {
  padding: 50px max(20px, calc(50% - 580px));
 }
}



.case2-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0 max(20px, calc(50% - 580px));
}

.case2-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.case2-wilstream .items {
 display: flex;
 gap: 20px;
}

.case2-wilstream .items .item {
 display: flex;
 flex-wrap: wrap;
 gap: 30px 60px;
 padding: 40px 20px;
 border-radius: 20px;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
 width: calc(50% - 10px);
}

.case2-wilstream .items .item .col:first-child {
 width: 100%;
 border-bottom: 1px solid var(--violet-light);
 padding: 0 0 30px 0;
 height: 113px;
}

.case2-wilstream .items .item .col:last-child {
 width: 100%;
 border-top: 1px solid var(--violet-light);
 padding: 30px 0 0 0;
}

.case2-wilstream .items .item .col:nth-last-child(2) {
 width: 100%;
 border-top: 1px solid var(--violet-light);
 padding: 30px 0 0 0;
}

.case2-wilstream .items .item .col {
 width: calc(50% - 30px);
}

.case2-wilstream .items .item .col h3 {
 margin: 0 0 15px 0;
}

.case2-wilstream .items .item .col p {
 color: var(--text-gray);
 margin: 0 0 15px 0;
}

.case2-wilstream .items .item .col p.violet-bg {
 padding: 2px 5px;
 background: var(--violet);
 color: #fff;
 width: max-content;
}

.case2-wilstream .items .item .col p.violet {
 color: var(--violet);
}

.case2-wilstream .items .item .col ul {
 padding: 0 0 0 15px;
}

.case2-wilstream .items .item .col ul li {
 color: var(--text-gray);
 margin: 0 0 15px 0;
}

.case2-wilstream .items .item .col ul li::marker {
 color: var(--violet);
}

.case2-wilstream .items .item .col *:last-child {
 margin: 0;
}

@media (max-width: 1000px) {
 .case2-wilstream .items {
  flex-wrap: wrap;
 }

 .case2-wilstream .items .item {
  width: 100%;
 }

 .case2-wilstream .items .item .col {
  width: 100%;
 }
}



.call-price-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0 max(20px, calc(50% - 580px));
}

.call-price-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.call-price-wilstream .items {
 display: flex;
 flex-wrap: wrap;
 gap: 30px 60px;
}

.call-price-wilstream .items .item {
 width: calc(50% - 30px);
}

.call-price-wilstream .items .item:last-child {
 width: 100%;
}

.call-price-wilstream .items .item p {
 color: var(--text-gray);
 margin: 0 0 15px 0;
}

.call-price-wilstream .items .item p strong {}

.call-price-wilstream .items .item ul {
 padding: 0;
 margin: 0;
 list-style: none;
 counter-reset: call-price-wilstream;
}

.call-price-wilstream .items .item ul li {
 padding: 0 0 0 40px;
 position: relative;
 margin: 0 0 15px 0;
 color: var(--text-gray);
 text-align: justify;
}

.call-price-wilstream .items .item ul li:before {
 counter-increment: call-price-wilstream;
 content: "0" counter(call-price-wilstream);
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 font-size: 12rem;
 color: var(--violet);
}

.call-price-wilstream .items .item p a {
 color: var(--violet);
 text-decoration: none;
}

@media (max-width: 1000px) {
 .call-price-wilstream .items .item {
  width: 100%;
 }
}



.result-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 width: 100%;
 max-width: 1160px;
 padding: 70px 0 0 0;
 background: linear-gradient(to top, var(--violet) 0%, var(--violet-average) 100%);
 border-radius: 20px;
 overflow: hidden;
}

.result-wilstream h2 {
 margin: 0 0 40px 0;
 text-align: center;
 color: #fff;
 font-size: 32rem;
 padding: 0 45px;
}

.result-wilstream>p {
 color: #fff;
 margin: 0 0 30px 0;
 padding: 0 45px;
 text-align: justify;
}

.result-wilstream ul {
 padding: 0 45px;
 margin: 0 0 30px 0;
 list-style: none;
 counter-reset: result-wilstream;
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 gap: 30px 60px;
}

.result-wilstream ul li {
 padding: 0 0 0 40px;
 position: relative;
 width: calc(50% - 30px);
}

.result-wilstream ul li.blockquote {
 padding: 35px;
 border: 1px solid #fff;
 border-radius: 10px;
 font-style: italic;
 max-width: 355px;
 margin: 0 0 0 40px;
}

.result-wilstream ul li:before {
 counter-increment: result-wilstream;
 content: "0" counter(result-wilstream);
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 font-size: 12rem;
 color: #fff;
}

.result-wilstream ul li.blockquote:before {
 display: none;
}

.result-wilstream ul li h3 {
 color: #fff;
 font-size: 17rem;
 margin: 0 0 20px 0;
}

.result-wilstream ul li p {
 color: #fff;
 margin: 0 0 15px 0;
 text-align: justify;
}

.result-wilstream ul li p strong {
 color: #fff;
}

.result-wilstream ul li *:last-child {
 margin: 0;
}

.result-wilstream img {
 display: block;
 width: 100%;
 object-fit: cover;
}

@media (max-width: 1000px) {
 .result-wilstream ul li {
  width: 100%;
 }

 .result-wilstream ul li.blockquote {
  margin: 0;
 }
}

@media (max-width: 600px) {
 .result-wilstream {
  padding: 50px 0 0 0;
 }

 .result-wilstream h2 {
  padding: 0 20px;
 }

 .result-wilstream ul {
  padding: 0 20px;
 }
}



.section,
.container.section {
 margin: var(--indentation-module) auto 0 auto;
}

.section h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.faq-wilstream .item {
 border-bottom: 1px solid var(--violet-light);
}

.faq-wilstream .item h3 {
 padding: 40px 20px;
 cursor: pointer;
 display: flex;
 align-items: center;
 gap: 15px;
 justify-content: space-between;
 font-size: 18rem;
 color: var(--violet);
}

.faq-wilstream .item h3:after {
 content: "\2b";
 display: block;
 text-align: center;
 font-family: 'fsolid';
 font-size: 16rem;
 flex: 0 0 auto;
 color: var(--violet);
 transition: all 0.2s;
}

.faq-wilstream .item.open h3:after {
 transform: rotate(45deg);
}

.faq-wilstream .item .answer {
 padding: 0 20px;
 margin: 0;
 max-height: 0;
 overflow: hidden;
 transition: all 0.2s;
 color: var(--text-gray);
}

.faq-wilstream .item.open .answer {
 padding: 0 20px 40px 20px;
 max-height: 10000px;
}


.services-order-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 100px max(20px, calc(50% - 580px));
 background: var(--gray-bg);
}

.services-order-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.services-order-wilstream p {
 color: var(--text-gray);
 margin: 0 0 20px 0;
 text-align: justify;
}

.services-order-wilstream p strong {}

.services-order-wilstream button {
 display: flex;
 background: linear-gradient(to right, var(--violet) 0%, var(--violet-average) 50%, var(--violet) 100%);
 height: 46px;
 align-items: center;
 justify-content: center;
 border: none;
 padding: 0;
 margin: 50px auto 0 auto;
 color: #fff;
 font-size: 17rem;
 font-weight: 700;
 text-align: center;
 transition: all 0.2s;
 cursor: pointer;
 width: 280px;
 border-radius: 5px;
 background-size: 200% 100%;
 background-position: 0% 0%;
}

.services-order-wilstream button:hover {
 background-position: 50% 0%;
}

@media (max-width: 600px) {
 .services-order-wilstream {
  padding: 50px max(20px, calc(50% - 580px));
 }
}



.calling-tasks-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 background: var(--gray-bg);
 border-radius: 20px;
 width: 100%;
 max-width: 1160px;
 overflow: hidden;
}

.calling-tasks-wilstream .text {
 padding: 75px 40px;
}

.calling-tasks-wilstream .text h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.calling-tasks-wilstream .text .items {
 display: flex;
 gap: 30px 60px;
 width: 100%;
 flex-wrap: wrap;
}

.calling-tasks-wilstream .text .items .item {
 width: calc(50% - 30px);
}

.calling-tasks-wilstream .text .items .item p {
 color: var(--text-gray);
 margin: 0 0 20px 0;
 text-align: justify;
}

.calling-tasks-wilstream .text .items .item p strong {}

.calling-tasks-wilstream .text .items .item ul {
 margin: 0 0 20px 0;
 padding: 0 0 0 15px;
}

.calling-tasks-wilstream .text .items .item ul li {
 color: var(--text-gray);
 margin: 0 0 20px 0;
 text-align: justify;
 padding: 0 0 0 20px;
}

.calling-tasks-wilstream .text .items .item ul.plus li::marker {
 content: "+";
 color: var(--violet);
}

.calling-tasks-wilstream .text .items .item ul.minus li::marker {
 content: "-";
 color: var(--violet);
}

.calling-tasks-wilstream .text .items .item>*:last-child {
 margin: 0;
}

.calling-tasks-wilstream .services-list {
 padding: 75px 40px;
 background-image: url(../img/calling_tasks_wilstream.jpg);
 background-size: cover;
 -webkit-background-size: cover;
}

.calling-tasks-wilstream .services-list h2 {
 margin: 0 0 50px 0;
 text-align: center;
 color: #fff;
}

.calling-tasks-wilstream .services-list ul {
 padding: 0;
 margin: 0 0 30px 0;
 list-style: none;
 counter-reset: calling-tasks-wilstream;
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 gap: 30px 60px;
}

.calling-tasks-wilstream .services-list ul li {
 padding: 0 0 0 40px;
 position: relative;
 width: calc(50% - 30px);
}

.calling-tasks-wilstream .services-list ul li:before {
 counter-increment: calling-tasks-wilstream;
 content: "0" counter(calling-tasks-wilstream);
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 font-size: 12rem;
 color: #fff;
}

.calling-tasks-wilstream .services-list ul li h3 {
 color: #fff;
 font-size: 17rem;
 margin: 0 0 20px 0;
}

.calling-tasks-wilstream .services-list ul li p {
 color: #fff;
 margin: 0 0 15px 0;
}

.calling-tasks-wilstream .services-list ul li p strong {
 color: #fff;
}

@media (max-width: 1000px) {
 .calling-tasks-wilstream .text .items .item {
  width: 100%;
 }

 .calling-tasks-wilstream .services-list ul li {
  width: 100%;
 }
}

@media (max-width: 600px) {
 .calling-tasks-wilstream .text {
  padding: 50px 20px;
 }

 .calling-tasks-wilstream .services-list {
  padding: 50px 20px;
 }
}



.what-made-call-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0 max(20px, calc(50% - 580px));
}

.what-made-call-wilstream h2 {
 margin: 0 0 50px 0;
 text-align: center;
}

.what-made-call-wilstream>p {
 color: var(--text-gray);
 margin: 0 0 30px 0;
 text-align: justify;
}

.what-made-call-wilstream>p:last-child {
 margin: 0;
}

.what-made-call-wilstream .items {
 display: flex;
 gap: 20px;
 flex-wrap: wrap;
 width: 100%;
 margin: 0 0 30px 0;
 justify-content: center;
}

.what-made-call-wilstream .items .item {
 width: calc(25% - 15px);
 padding: 35px 20px;
 border: 1px solid var(--violet);
 border-radius: 10px;
 position: relative;
 position: relative;
 overflow: hidden;
 min-width: 275px;
}

.what-made-call-wilstream .items .item h3 {
 margin: 0 0 20px 0;
}

.what-made-call-wilstream .items .item p {
 color: var(--text-gray);
 font-size: 15rem;
 margin: 0 0 20px 0;
}

.what-made-call-wilstream .items .item ul {
 margin: 0 0 20px 0;
 padding: 0 0 0 15px;
}

.what-made-call-wilstream .items .item li {
 color: var(--text-gray);
 font-size: 15rem;
 margin: 0 0 15px 0;
}

.what-made-call-wilstream .items .item li::marker {
 color: var(--violet);
}
}

.what-made-call-wilstream .items .item>*:last-child {
 margin: 0;
}



.our-approach-wilstream {
 margin: var(--indentation-module) auto 0 auto;
 padding: 0 max(20px, calc(50% - 580px));
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
}

.our-approach-wilstream .img-bg {
 width: calc(40% - 10px);
 border-radius: 20px;
 background-image: url(../img/calling_tasks_wilstream.jpg);
 background-size: cover;
 -webkit-background-size: cover;
 padding: 75px 40px;
}

.our-approach-wilstream .img-bg h2 {
 color: #fff;
 margin: 0 0 30px 0;
}

.our-approach-wilstream .img-bg p {
 color: #fff;
 margin: 0 0 20px 0;
}

.our-approach-wilstream .text {
 width: calc(60% - 10px);
 background: var(--gray-bg);
 border-radius: 20px;
 padding: 75px 40px;
}

.our-approach-wilstream .text h2 {
 margin: 0 0 30px 0;
}

.our-approach-wilstream .text p {
 margin: 0 0 20px 0;
 color: var(--text-gray);
}

.our-approach-wilstream .text ul {
 padding: 0;
 margin: 0;
 list-style: none;
 counter-reset: experience-wilstream;
}

.our-approach-wilstream .text ul li {
 padding: 0 0 0 40px;
 position: relative;
 margin: 0 0 25px 0;
 color: var(--text-gray);
 text-align: justify;
}

.our-approach-wilstream .text ul li:before {
 counter-increment: experience-wilstream;
 content: "0" counter(experience-wilstream);
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 font-size: 12rem;
 color: var(--violet);
}

.our-approach-wilstream .text>*:last-child {
 margin: 0;
}

@media (max-width: 1000px) {
 .our-approach-wilstream .img-bg {
  width: 100%;
 }

 .our-approach-wilstream .text {
  width: 100%;
 }
}

@media (max-width: 600px) {
 .our-approach-wilstream .img-bg {
  padding: 50px 20px;
 }

 .our-approach-wilstream .text {
  padding: 50px 20px;
 }
}