html {
    overflow-x: hidden;
}
.earn__column-desc {
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
}
.image-shadow {
    filter: drop-shadow(0px 8.39912px 23.7975px rgba(65, 62, 101, 0.102519));
}
p {
    margin-bottom: 0;
}
/* Color -------------------------------------- */
.text--grey { color: #A9AFB0 }

.bg--lightblue, .color--lightblue:before             { background: #a0d7e7 }
.bg--mediumturquoise, .color--mediumturquoise:before { background: #42c1c7 }
.bg--gainsboro, .color--gainsboro:before             { background: #dae1e3 }
.bg--blue, .color--blue:before                       { background: #006b8f }
.bg--gold, .color--gold:before                       { background: #ffdd00 }
.bg--orange, .color--orange:before                   { background: #fbab18 }
.bg--lavender, .color--lavender:before               { background: #d7f1f1 }
.bg--yellowgreen, .color--yellowgreen:before         { background: #72bf44 }
.bg--teal, .color--teal:before                       { background: #009064 }
.bg--lightseagreen, .color--lightseagreen:before     { background: #2398ae }
.bg--gainsboro, .color--gainsboro:before             { background: #cce1e9 }
.bg--gainsboro-gr, .color--gainsboro-gr:before       { background: #dae1e3 }
.bg--steelblue, .color--steelblue:before             { background: #3a8c94 }
.bg--whitesmoke, .color--whitesmoke:before           { background: #eff6f8 }

.bd--lightblue        { border: 1px solid #a0d7e7 }
.bd--mediumturquoise  { border: 1px solid #42c1c7 }
.bd--gainsboro        { border: 1px solid #dae1e3 }
.bd--peru             { border: 1px solid #C68848 }
.bd--blue             { border: 1px solid #006b8f }
.bd--gold             { border: 1px solid #ffdd00 }
.bd--orange           { border: 1px solid #fbab18 }
.bd--lavender         { border: 1px solid #d7f1f1 }
.bd--yellowgreen      { border: 1px solid #72bf44 }
.bd--teal             { border: 1px solid #009064 }
.bd--lightseagreen    { border: 1px solid #2398ae }
.bd--gainsboro        { border: 1px solid #cce1e9 }
.bd--gainsboro-gr     { border: 1px solid #dae1e3 }
.bd--dimgray          { border: 1px solid #6c6b71 }
.bd--salmon           { border: 1px solid #f3796e }

.bd-rad--primary {
    border: 1px solid var(--primary);
    padding: 8px 20px;
    border-radius: 5px;
    color: var(--primary);
}
.btn--big {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 340px;
    height: 60px;
}
.bg--gradient {
    color: white;
    background: linear-gradient(90deg, #4ECBD1 -34.62%, #46C7CD 1.14%, #2DA6B7 36.9%, #1789A3 67.75%, #006B8F 100%);
}
.integrations .btn {
    line-height: 1.2;
}

.main-section h1 {
    color: #000 !important;
}
.main-section p {
    margin-bottom: 40px !important;
}
.main-section__desc {
    display: flex;
    flex-wrap: wrap;
    max-width: 520px;
}

.main-section__desc-item {
    margin: 0 12px 12px 0;
    font-size: 12px;
    position: relative;
}

.autotags .main-section__desc {
    width: 100%;
    max-width: 583px;
}

.btn-blue {
    font-size: 16px;
}

.main-section .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}

@keyframes advantages-item {
    0% {
        opacity: 0;
        transform: translateY(0px);
    }
    100% {
        opacity: 1;
        transform: translateY(-10px);
    }
}

.main-section__pic .img {
    width: 105%;
    max-width: 501px;
}
.top {
    min-height: 740px !important;
}
.top--light .main-section__pic {
    max-width: 600px;
    bottom: 0;
    top: 15px !important;
    right: 40px !important;
}

/*Section title*/
.section-title {
    font-size: 35px;
}

.indent-title {
    margin-bottom: 80px;
}

/* End - Section title*/

.opacity05 {
    opacity: .5;
}

.top--light .header,
.top--light .main-section {
    background: var(--bg-section-gray);;
}

.top--light .main-section::after {
    display: none;
}

.box-shadow {
    position: relative;
    width: 100%;
    height: max-content;
    box-shadow: 0 -10px 85px -45px rgba(0, 0, 0, .5);
    border-radius: 15px;
}

.box-shadow::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 2%;
    width: 96%;
    height: 10px;
    background: rgba(245, 246, 248, .5);
    border-radius: 0 0 15px 15px;
    z-index: -1;
    box-shadow: 0 15px 15px -8px rgba(0, 0, 0, .2);
}


/*first-service -----------------------------------------------------*/
.top {
    min-height: 740px;
}

.main-section {
    padding-top: 30px;
}

.main-section h1 {
    padding-top: 35px;
}

.first-service .block-shadow-rad {
    padding: 50px 68px;
}

.first-service .first-service__сompanies {
    display: grid;
    grid-template-columns: repeat(auto-fill, 165px);
    grid-template-rows: auto;
    grid-gap: 17px 60px;
    justify-content: space-between;
}

.first-service .first-service__сompanies__logo {
    width: 165px;
    height: 65px;
    object-fit: contain;
}

.first-service .block-shadow-rad:hover .first-service__сompanies__logo{
    filter: grayscale(0);
    transition: all .25s ease-in-out;
}


/*Costs -------------------------------------------------------------*/
.costs__content {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.costs__content__text {
    flex-shrink: 0;
}

.costs__content__text__icon {
    width: 80px;
    height: 80px;
}

.costs__content__text .heading-block {
    max-width: 445px;
    line-height: 1.4;
}

.costs__content__text .text--big {
    max-width: 515px;
}

.costs__content .white-block {
    width: 100%;
    max-width: 615px;
    padding: 50px 35px 50px 50px;
    margin-top: 30px;
}

.rule .costs__content .white-block {
    padding: 45px 40px 52px;
}

.rule-image img {
    width: 100%;
    height: auto;
}

.rule .white-block p {
    line-height: 1.5;
}

.rule h3 {
    margin-bottom: 15px;
}

.costs__desc {
    display: flex;
    flex-wrap: wrap;
}

.costs__desc-item {
    padding: 11px 20px;
    border-radius: 7px;
    margin: 0 14px 14px 0;
    width: max-content;
}

/*Sources-advertising -----------------------------------------------*/
.sources-advertising .block-shadow-rad {
    padding: 44px 78px;
}

.sources-advertising__list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-height: 160px;
}

.sources-advertising__list__item {
    position: relative;
    width: 50%;
    height: 50px;
    padding-left: 30px;
}

.sources-advertising__list__item:before {
    content: '\2014';
    position: absolute;
    left: 0;
}


/*Tracking-advertising ----------------------------------------------*/
.tracking-advertising .heading-section,
.tracking-advertising .heading-el {
    padding-left: 80px;
}

.trafic .costs__content .white-block {
    width: auto;
}

.trafic .main-section__desc {
    gap: 12px;
}

.trafic .main-section__desc-item {
    margin: 0;
    flex-grow: 100;
    text-align: center;
}

.tracking-advertising .block-shadow-rad {
    padding: 40px 80px;
}

.tracking-advertising__dynamics__months {
    display: flex;
    justify-content: space-between;
}

.tracking-advertising__dynamics__month {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 295px;
}

.tracking-advertising__dynamics__sources {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 235px;
}

.tracking-advertising__dynamics__source {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.tracking-advertising__dynamics__source__progress {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 55px;
    padding-bottom: 8px;
    margin-bottom: 7px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    color: white;
}

.tracking-advertising__dynamics__source__progress:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.color--lightblue {
    color: var(--primary)
}

/*Inquiries content -------------------------------------------------*/
.inquiries__content {
    display: flex;
    justify-content: space-between;
}

.inquiries__content__text {
    padding-top: 25px;
    max-width: 360px;
}

.inquiries .inquiries__desc {
    display: flex;
    padding: 25px 40px;
}

.inquiries__desc__column:nth-of-type(n+3) .inquiries__desc__row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.inquiries__desc__column:nth-of-type(1) .inquiries__desc__header {
    padding-right: 38px;
}

.inquiries__desc__column:nth-of-type(n+3) .inquiries__desc__header {
    padding-left: 38px;
}

.inquiries__desc__header {
    display: flex;
    align-items: center;
    height: 55px;
    color: #44545D;
}

.inquiries__desc__row {
    display: flex;
    align-items: center;
    height: 55px;
    border-top: 1px solid #D4EDEF;
}

.inquiries .source .inquiries__desc__row img {
    max-width: 95px;
}

.inquiries .word .inquiries__desc__row {
    color: var(--primary);
}

.inquiries .call .inquiries__desc__row {
    position: relative;
    color: var(--primary);
    font-weight: 700;
    width: 100%;
}

.inquiries .call .inquiries__desc__row:after {
    content: '';
    width: 20px;
    height: 13px;
    display: inline-block;
    margin-left: 10px;
    background: url("../../img/icon-call.svg") no-repeat 50% 50%/100%;
}

.inquiries .price .inquiries__desc__row {
    color: var(--primary);
    font-weight: 700;
}


/*Cases -------------------------------------------------------------*/
.сases-content {
    display: flex;
    justify-content: space-between;
}

.сases__card:not(:last-child) {
    margin-right: 10px;
}

.сases__card {
    max-width: 395px;
    width: 33.33%;
    padding: 33px 36px 47px 36px;
}

.сases__card__header {
    display: grid;
    grid-template-columns: auto 127px;
    grid-template-rows: max-content;
    grid-template-areas:
    "logo  photo"
    "name  photo"
    "about  photo";
    margin-bottom: 40px;
}

.сases__card__header__logo {
    grid-area: logo;
    margin-bottom: 20px;
}

.сases__card:nth-child(1) .сases__card__header__logo {
    margin-bottom: 10px;
}

.сases__card:nth-child(3) .сases__card__header__logo {
    margin-bottom: 5px;
}

.сases__card__header__logo img {
    width: 100%;
}

.сases__card:nth-of-type(1) .сases__card__header__logo img {
    max-width: 122px;
}

.сases__card:nth-of-type(2) .сases__card__header__logo img {
    max-width: 85px;
}

.сases__card:nth-of-type(3) .сases__card__header__logo img {
    max-width: 180px;
}

.сases__card__header__name {
    grid-area: name;
    font-weight: 400;
}

.сases__card__header__about {
    grid-area: about;
    font-size: 10px;
    min-height: 42px;
}

.сases__card__header__photo {
    grid-area: photo;
    width: 127px;
    height: 127px;
    border-radius: 127px;
    overflow: hidden;
}

.сases__card__header__photo img {
    width: 100%;
}

.сases__card__info {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.сases__card__info__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 115px;
}

.сases__card__info__item__procent {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 70px;
    overflow: hidden;
    background: #d3d7d9;
    margin-bottom: 6px;
}

.сases__card__info__item__procent:before {
    content: '';
    position: absolute;
    background: #253640;
    width: 70px;
    height: 70px;
    z-index: 2;
}

.сases__card__info__item__procent:after {
    content: '';
    position: absolute;
    background: #253640;
    width: 70px;
    height: 70px;
    z-index: 2;
}

.сases__card__info__item__procent .procent {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border-radius: 70px;
    background: white;
    z-index: 3;
}

.сases__card__info__item__procent .down:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #253640;
    margin-left: 5px;
}

.сases__card__info__item__procent .up:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #253640;
    transform: scale(-1, -1);
    margin-left: 5px;
}

.сases__card__info__item__desc {
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}

.сases__card__result__list {
    font-size: 14px;
}

.сases__card:nth-of-type(1) .сases__card__result__list {
    max-width: 300px;
}

.сases__card__result__list__item {
    list-style-type: disc;
    margin-left: 15px;
}

/*1 card*/
.сases__card:nth-of-type(1) .сases__card__info__item:nth-of-type(1) .сases__card__info__item__procent:before {
    left: 50%;
    top: -50%;
}

.сases__card:nth-of-type(1) .сases__card__info__item:nth-of-type(1) .сases__card__info__item__procent:after {
    left: 60%;
    top: -5%;
    transform: rotate(318deg);
}

.сases__card:nth-of-type(1) .сases__card__info__item:nth-of-type(2) .сases__card__info__item__procent:before {
    left: 50%;
    top: -85%;
}

.сases__card:nth-of-type(1) .сases__card__info__item:nth-of-type(2) .сases__card__info__item__procent:after {
    left: 40%;
    top: -85%;
    transform: rotate(318deg);
}

/*2 card*/
.сases__card:nth-of-type(2) .сases__card__info__item:nth-of-type(1) .сases__card__info__item__procent:before {
    left: 50%;
    top: -50%;
}

.сases__card:nth-of-type(2) .сases__card__info__item:nth-of-type(1) .сases__card__info__item__procent:after {
    left: 60%;
    top: -25%;
    transform: rotate(300deg);
}

.сases__card:nth-of-type(2) .сases__card__info__item:nth-of-type(2) .сases__card__info__item__procent:before {
    left: 50%;
    top: 0;
}

.сases__card:nth-of-type(2) .сases__card__info__item:nth-of-type(2) .сases__card__info__item__procent:after {
    left: -45%;
    top: 30%;
    transform: rotate(305deg);
}

/*3 card*/
.сases__card:nth-of-type(3) .сases__card__info__item:nth-of-type(1) .сases__card__info__item__procent:before {
    left: 50%;
    top: 0;
}

.сases__card:nth-of-type(3) .сases__card__info__item:nth-of-type(1) .сases__card__info__item__procent:after {
    display: none;
}

.сases__card:nth-of-type(3) .сases__card__info__item:nth-of-type(2) .сases__card__info__item__procent:before {
    left: 0;
    top: 0;
}

.сases__card:nth-of-type(3) .сases__card__info__item:nth-of-type(2) .сases__card__info__item__procent:after {
    display: none;
}

.сases__card:nth-of-type(3) .сases__card__info__item:nth-of-type(3) .сases__card__info__item__procent:before {
    left: 50%;
    top: -68%;
    /* transform: rotate(
86deg
); */
    clip-path: polygon(0 0, 0% 100%, 100% 46%);
}

.сases__card:nth-of-type(3) .сases__card__info__item:nth-of-type(3) .сases__card__info__item__procent:after {
    display: none;
}

.сases .btn--big {
    margin: 40px auto 0;
}


/*Dynamic -----------------------------------------------------------*/
.dynamic-static__content {
    display: flex;
    justify-content: space-between;
}

.dynamic-static__analysis {
    display: flex;
    flex-direction: column;
    max-width: 470px;
    margin-right: 30px;
}

.dynamic-static__analysis .bg--whitesmoke {
    border-radius: 12px;
    width: max-content;
    padding: 4px 20px;
}

.dynamic__for-sources,
.static__for-sources {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.static__for-sources__blocks,
.dynamic__for-sources__blocks {
    display: flex;
    flex-wrap: wrap;
}

.static__for-sources__block .text--big {
    font-weight: 300;
}

.dynamic__for-sources__block:nth-of-type(1) {
    margin-right: 50px;
    flex: 0 0 340px;
}

.static__for-sources__block:nth-of-type(1) {
    margin-right: 50px;
    flex: 0 0 175px;
}

.static__for-sources__block__icons,
.dynamic__for-sources__block__icons {
    display: flex;
    margin-top: 20px;
}


.dynamic__for-sources__block:not(:last-child),
.static__for-sources__block:not(:last-child) {
    margin-bottom: 45px;
}

.dynamic__for-sources__block:nth-of-type(1) img {
    max-width: 143px;
}

.static__for-sources__block:nth-of-type(1) img {
    max-width: 72px;
    object-fit: contain;
}

.static__for-sources__block:nth-of-type(1) img:not(:last-child),
.dynamic__for-sources__block:nth-of-type(1) img:not(:last-child) {
    margin-right: 17px;
}

.dynamic__for-sources__block:nth-of-type(2) img {
    width: 54px;
    height: 54px;
}

.static__for-sources__block:nth-of-type(2) img {
    max-width: 132px;
}

.static__for-sources__block:nth-of-type(2) img:not(:last-child),
.dynamic__for-sources__block:nth-of-type(2) img:not(:last-child) {
    margin-right: 30px;
}

.static-images__block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.static-images__block:not(:last-child) {
    margin-right: 30px;
}

.static-images__block img {
    width: 54px;
    height: 54px;
}

.static-images__block p {
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}


/*Calltracking section -----------------------------------------------*/
.ct-section__content {
    display: flex;
    justify-content: space-between;
    padding: 75px;
}

.ct-section__content__text {
    max-width: 300px;
    margin-right: 30px;
}

.ct-section__content__advantages {
    display: flex;
    flex-wrap: wrap;
    max-width: 685px;
}

.ct-section__content__advantages .bd-rad--primary {
    margin: 0 14px 14px 0;
}

/*Carousel section ---------------------------------------------------*/
.carousel-section .carousel-indicators {
    max-width: 295px;
}
.carousel-section .carousel-indicators__wrap {
    width: 295px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    justify-content: center;
}
.carousel-section .carousel-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border-radius: 42px;
    border: 1px solid #DAE1E3;
}

#companiesCarousel .carousel-inner{
    margin: 0 -20px;
}

.carousel-item .heading-el {
    margin-left: 20px;
}

.carousel-item__content {
    background: #F2F6F7;
    padding: 30px;
    border-radius: 10px;
    margin: 0 20px 36px;
    box-shadow: 0px 12px 34px rgba(65, 62, 101, .1);
}

.carousel-item__content img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #f2f6f7;
}


/*Integration -------------------------------------------------------*/
.integration__content .heading-section {
    width: 100%;
    text-align: center;
    display: block;
}

.integration__content .white-block {
    padding: 80px 130px;
}

.integration__content .btn {
    margin: 40px auto 0;
}

.integration__сompanies {
    display: grid;
    grid-template-columns: repeat(auto-fill, 140px);
    grid-template-rows: auto;
    grid-gap: 50px 60px;
    justify-content: space-between;
}

.integration__сompanies__logo {
    width: 100%;
    max-width: 140px;
    object-fit: contain;
}

.costs__content .section-ct__block-desc:not(:last-child) {
    margin-bottom: 52px;
}

.costs__content img {
    max-width: 100%;
    height: auto;
}

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

.section-ct__block-desc {
    display: flex;
    align-items: center;
    width: 100%;
}

.section-ct__block-desc img {
    margin-right: 20px;
}

.section-ct__block-desc p:not(.text--aver) {
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
}

.rule .bottom-image {
    margin-top: -10px;
}

.autotags h4 {
    margin: 50px 0;
}

.autotags .costs__content {
    align-items: flex-end;
    gap: 8%;
}

.quality .costs__content {
    gap: 10px;
}

.quality .desk-item.rule-image img {
    max-width: none;
    width: 110%;
}

.autotags-image {
    width: 100%;
    max-width: 530px;
    margin-bottom: 30px;
}

.form .btn {
    height: 48px;
    line-height: 48px;
}

/* Section other
  ------------------------------------- */



.section-other .white-blocks {
    display: flex;
    flex-wrap: wrap;
}

.section-other .white-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-width: 330px;
    width: 100%;
    min-height: 280px;
    padding: 40px;
    text-align: center;
    margin-top: 40px;
}

.section-other .white-block:first-child {
    margin-right: 30px;
}

.section-other .white-block .title-min_bold {
    margin: 0 0 5px 0;
}

.section-other .white-block .btn {
    margin: 55px 0 0 0;
}

.word-search.rule .costs__content .white-block {
    padding-top: 44px;
    padding-bottom: 44px;
    margin-bottom: 37px;
}

.section-other .items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.section-other .item {
    display: flex;
    flex-direction: column;
    align-content: baseline;
    text-align: left;
}

.section-other .item:nth-child(n):not(:last-child) {
    margin-right: 30px;
    margin-bottom: 30px;
}

.section-other .item .item__img {
    width: 38px;
    margin: 0 18px 18px 0;
}

.section-other-image img {
    width: 100%;
    height: auto;
}

.costs__content .block {
    margin-top: 30px;
}

.block .section-ct__block-desc {
    max-width: 100%;

}

.block .section-ct__block-desc p:not(.text--aver) {
    font-size: 20px;
}

.trafic .costs__content {
    align-items: flex-start;
}

.ct-section__content__advantages .bd-rad--primary:nth-child(2) {
    width: calc(50% - 66px);
}

.ct-section__content__advantages .bd-rad--primary:last-child {
    width: calc(100% - 21px);
}

.form-overflow .form-center-img__content {
    padding: 40px 50px;
}

.tooltype {
    position: absolute;
    display: block;
    padding: 24px;
    bottom: 100%;
    right: -20%;
    display: none;
    color: #253640;
    background-color: #fff;
    border-radius: 4px;
    filter: drop-shadow(0px 12px 34px rgba(65, 62, 101, 0.102519));
    z-index: 1;
}

.tooltype-container {
    cursor: pointer;
}

.tooltype:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    right: 25%;
    background-color: #fff;
    width: 12px;
    height: 12px;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.tooltype.show {
    display: block;

}

.main-section__desc-item.bd-rad--primary {
    font-size: 13px;
    padding: 12px 20px;
    color: #006B8F;
    border: 1px solid #006B8F;
}

.trafic .main-section__desc-item.bd-rad--primary {
    color: #006B8F;
    border: 1px solid #006B8F;
    font-size: 16px;
    justify-content: center;
}

#like-block .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px !important;
}

#like-block .block-shadow {
    border-radius: 20px;
    padding: 48px 40px 0 40px;
}

#like-block .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#like-block .content .block {
    width: calc(33.33% - 32px);
    margin-bottom: 75px;
}

#like-block .content .block .text--min-aver {
    max-width: 245px;
}

#like-block .content .block-top {
    display: flex;
    align-items: center;
}

#like-block .content .block-top .icon {
    margin-right: 15px;
}

#like-block .content .block-top .heading-block {
    white-space: nowrap;
}

/* Responsive
--------------------------------------------------- */
@media screen and (min-width: 1260px) {
    .main-section__desc-item.bd-rad--primary {
        flex-grow: 100;
    }
    .form-overflow .form-center-img__content {
        position: relative;
        border-radius: 15px 0 0 15px;
    }
    .form-overflow .form-center-img__content:after {
        content: '';
        width: 50vw;
        height: 100%;
        position: absolute;
        display: block;
        left: 99%;
        top: 0;
        background: var(--primary);
    }
}

@media screen and (max-width: 1260px) {
    .desk-item {
        display: none !important;
    }

    /* -------------------------------------------- */
    .сases__card__header {
        grid-template-areas:
        "logo  logo"
        "photo  photo"
        "name  name"
        "about  about";
    }

    .сases__card__header__logo {
        height: 60px;
    }

    .сases__card__header__photo {
        width: 185px;
        height: 185px;
        margin-bottom: 15px;
    }

}

@media screen and (max-width: 1200px) {
    .top {
        min-height: auto !important;
    }
    /* -------------------------------------------- */
    .costs__content .white-block {
        padding: 30px;
        margin-top: 0;
    }

    /* -------------------------------------------- */
    .tracking-advertising .heading-section,
    .tracking-advertising .heading-el {
        padding-left: 40px;
    }

    .tracking-advertising .block-shadow-rad {
        padding: 40px;
    }

    .tracking-advertising__dynamics__month {
        width: 250px;
    }

    .tracking-advertising__dynamics__source__progress {
        width: 50px;
    }
    /*Нравится Обратный звонок --------------------------------*/
    #like-block .content .block {
        width: calc(50% - 30px);
        margin-bottom: 40px;
    }

    #like-block .content .block-top .heading-block {
        font-size: 18px;
    }
    /* -------------------------------------------- */
    .inquiries__content {
        flex-wrap: wrap;
    }

    .inquiries__content__text {
        max-width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .inquiries .inquiries__desc {
        width: 100%;
        justify-content: space-between;
    }

    .inquiries__desc__row {
        border: none;
    }

    /* -------------------------------------------- */
    .dynamic-static .text--big {
        font-size: 16px;
        font-weight: 300;
    }

    .dynamic__for-sources__block__icons,
    .static__for-sources__block__icons {
        margin-top: 5px;
    }

    .dynamic__for-sources__block:not(:last-child),
    .static__for-sources__block:not(:last-child) {
        margin-bottom: 25px;
    }

    .dynamic-static__analysis .text--aver,
    .static-static__analysis .text--aver {
        max-width: 380px;
    }

    .static-images__block p {
        font-size: 14px;
    }

    .static-images__block {
        max-width: 60px;
    }


}

@media screen and (max-width: 1024px) {

    /* -------------------------------------------- */
    .integration__content .white-block,
    .first-service .block-shadow-rad {
        padding: 30px 40px;
    }

    .integration__сompanies,
    .first-service .first-service__сompanies {
        grid-template-columns: repeat(auto-fill, 145px);
        grid-gap: 17px;
    }

    .first-service .first-service__сompanies__logo {
        width: 145px;
    }


}

@media screen and (max-width: 992px) {
    .ct-section__content__advantages .bd-rad--primary:nth-child(2) {
        width: auto;
    }

    .ct-section__content__advantages .bd-rad--primary:last-child {
        width: auto;
    }

    .section-other .item {
        flex-basis: calc(50% - 30px);
        min-width: 300px;
    }

    .section-other .white-block,
    .rule:not(.word-search) .costs__content .white-block {
        background-color: transparent;
        padding: 0;
        margin-bottom: 30px;
        box-shadow: none;
    }

    .rule h3 {
        font-size: 16px;
    }

    .word-search h4 {
        font-size: 14px;
        line-height: 1.57;
    }

    .word-search.rule .costs__content .white-block {
        padding: 19px 20px 11px;
        margin-top: 0;
    }

    .trafic .costs__content .block,
    .word-search.rule .costs__content .block {
        margin-top: 20px;
        width: 100%;
    }

    .rule .text--big {
        font-size: 14px;
    }

    .rule .white-block p {
        margin-bottom: 10px;
    }

    .rule .text--big br {
        display: none;
    }

    /* -------------------------------------------- */
    .section-ct__block-desc {
        max-width: 100% !important;
        padding: 15px 0 0 0;
    }

    .costs__content .section-ct__block-desc {
        padding-top: 0;
    }

    .costs__content .section-ct__block-desc p:not(.text--aver) {
        font-size: 12px;
    }

    .costs__content .section-ct__block-desc br {
        display: none;
    }

    .costs__content .section-ct__block-desc img {
        min-width: 50px;
        height: auto;
    }

    .section-ct__block-desc img,
    .line-services__item img {
        width: 45px;
        height: 45px;
    }

    .section-ct__block-desc p:not(.text--aver),
    .line-services__item p {
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
    }

    #companiesCarousel .carousel-inner {
        margin: 0 0;
    }

    .costs__content {
        flex-wrap: wrap;
        gap: 0;
    }

    .costs__content__text__icon {
        margin: 0;
        display: flex;
        align-items: center;
    }

    .costs__content__text__icon img {
        width: 50px;
        height: 50px;
    }

    .costs__content__text {
        flex-shrink: 1;
    }

    .costs__content__text .heading-block,
    .costs__content__text .text--big,
    .costs__content .white-block {
        max-width: 100%;
    }

    .costs__content .white-block {
        margin-top: 30px;
    }

    /* -------------------------------------------- */
    .sources-advertising .block-shadow-rad {
        padding: 40px 30px 0;
    }

    .sources-advertising__list {
        max-height: 240px;
    }

    .sources-advertising__list__item {
        height: 80px;
    }

    /* -------------------------------------------- */
    .tracking-advertising__dynamics__month {
        width: 180px;
    }

    .tracking-advertising__dynamics__source__progress {
        width: 38px;
        font-size: 10px;
    }

    /* -------------------------------------------- */
    .inquiries .inquiries__desc {
        overflow: auto;
    }

    .inquiries__desc__column {
        min-width: max-content;
    }

    /* -------------------------------------------- */
    .сases-content {
        position: relative;
        overflow: auto;
        width: 100vw;
    }

    .сases__card__header__photo {
        width: 125px;
        height: 125px;
    }

    .сases__card {
        flex: 0 0 350px;
    }

    /* -------------------------------------------- */
    .ct-section__content {
        flex-wrap: wrap;
        padding: 40px 30px;
    }

    .ct-section__content__text {
        max-width: 100%;
        margin: 0 0 30px 0;
    }
}

@media screen and (max-width: 767px) {
    /*Нравится Обратный звонок --------------------------------*/
    #like-block .content .block {
        width: 100%;
    }

    #like-block .content .block:not(:last-child) {
        margin-bottom: 25px;
    }

    #like-block .content .block .block-top {
        margin-bottom: 5px !important;
    }

    #like-block .content .block .block-top .icon {
        width: 30px;
        height: 25px;
    }

    #like-block .content .block .btn {
        height: 40px;
    }

    #like-block .content .block .text--min-aver {
        max-width: 100%;
    }

    /* ------------------------------------------------------- */
    .trafic .main-section__desc-item.bd-rad--primary {
        font-size: 14px;
    }

    .main .mob-not-ind {
        padding: 0 !important;
    }
    .main-section h1 {
        font-size: 30px;
    }

    .main-section .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
    }

    .main-section__desc-item {
        margin: 0 12px 12px 0;
        font-size: 14px;
        text-align: center;
    }

    .main-section__desc-item.bd-rad--primary {
        color: #3A8C94;
        border-color: #3A8C94;
        line-height: 1.5;
    }

    .ct-section__content__advantages,
    .trafic .main-section__desc {
        gap: 15px;
    }

    .ct-section .container {
        padding: 0;
    }

    .ct-section .block-shadow-rad {
        border-radius: 0;
    }

    .ct-section__content__advantages .bd-rad--primary:nth-child(2),
    .ct-section__content__advantages .bd-rad--primary,
    .trafic .main-section__desc-item {
        /*width: calc(50% - 7.5px);*/
        margin: 0;
        font-size: 14px;
        padding: 8px 12px;
        display: flex;
        align-items: center;
    }

    /*.trafic .main-section__desc-item:first-child,*/
    /*.trafic .main-section__desc-item:last-child {*/
    /*    width: 100%;*/
    /*}*/

    .trafic .main-section__desc-item {
        flex-grow: unset;
        padding: 8px 10px;
    }

    .trafic .main-section__desc-item:nth-child(5) {
        order: 1;
    }

    .main-section .main-section__desc-item {
        margin: 0 0 12px 0;
    }

    .ind-section { padding: 50px 0 !important; overflow: hidden;}

    .form-overflow .form-center-img__content {
        padding: 40px;
    }

    .section-other .item {
        flex-direction: row;
        align-items: center;
        margin-bottom: 30px;
    }

    .section-other .item .item__text {
        font-size: 12px;
        padding-top: 0;
    }

    .section-other .item:last-child {
        margin-bottom: 0;
    }

    .section-other .white-block {
        min-width: 330px;
        width: 100%;
        min-height: auto;
    }

    .section-other .white-block:first-child {
        margin: 0 0 30px 0;
    }

    .section-other .white-blocks {
        margin-bottom: 0;
    }

    .section-other .item .item__img {
        margin-bottom: 0;
    }

    .section-other .item {
        flex-basis: 100%;
        min-width: 100%;
        flex-wrap: nowrap;
    }

    .section-other .item p {
        height: max-content;
        padding-top: 15px;
    }

    .autotags h4 {
        font-size: 16px;
        margin: 40px 0 20px
    }

    .autotags .bd-rad--primary {
        padding: 8px 14px;
        width: calc(50% - 15px);
        text-align: center;
    }

    .autotags .bd-rad--primary:nth-child(5) {
        width: calc(100% - 17px);
    }

    .section-other.mobile-item .items {
        margin-bottom: 30px;
    }

    .costs__content .section-ct__block-desc:not(:last-child) {
        margin-bottom: 15px;
    }

    .earn__column-desc {
        font-size: 14px;
        line-height: 24px;
    }
    /* -------------------------------------------- */
    .sources-advertising .block-shadow-rad {
        padding: 40px 30px;
    }

    .sources-advertising__list {
        max-height: max-content;
    }

    .sources-advertising__list__item {
        width: 100%;
        height: auto;
    }

    .sources-advertising__list__item:not(:last-child) {
        margin-bottom: 15px;
    }

    /* -------------------------------------------- */
    .costs__desc-item {
        padding: 5px 10px;
        margin: 0 5px 10px 0;
    }

    /* -------------------------------------------- */
    .tracking-advertising .block-shadow-rad {
        overflow: auto;
    }

    .tracking-advertising__dynamics__month {
        flex: 0 0 220px;
    }

    .tracking-advertising__dynamics__sources {
        width: 90%;
    }

    .tracking-advertising__dynamics__month:not(:last-child) {
        margin-right: 30px;
    }

    /* .tracking-advertising__dynamics__source__progress {
         width: 55px;
         font-size: 14px;
     }

     .tracking-advertising__dynamics__months {
         flex-wrap: wrap;
     }

     .tracking-advertising__dynamics__month {
         width: 100%;
         margin-bottom: 30px;
     }
 */
    /* -------------------------------------------- */
    .dynamic-static__content {
        flex-direction: column-reverse;
        margin-top: 30px;
    }

    .dynamic-static__analysis {
        max-width: 100%;
        margin: 45px 0 0;
    }

    .dynamic__for-sources,
    .static__for-sources {
        margin-bottom: 0px;
    }

    .dynamic-static__analysis .text--aver,
    .static-static__analysis .text--aver {
        max-width: 100%;
    }

    .section-other .white-block:first-child {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .trafic h4 {
        font-size: 14px;
    }
}

/* Form ------------------------------------------------ */
.form-right {
    width: 100%;
    /*min-height: 420px;*/
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, var(--primary) 50%);
}

.form-right .container {
    height: inherit;
    min-height: inherit;
}

.form-right__content {
    position: relative;
    display: flex;
    max-width: 1190px;
    height: 100%;
    min-height: inherit;
    padding: 30px 50px 30px;
    background: var(--primary);
    border-radius: 15px 0 0 15px;
}

.form-right__content .image {
    max-width: 525px;
    margin-right: 30px;
    color: white !important;
}

.form-right__content .image img {
    width: 100%;
}

.form-right__content .form {
    width: 100%;
    max-width: 475px;
    margin-left: auto;
    color: white;
}

.form-right__content .form-heading {
    max-width: 395px;
}

.form-right__content .form textarea::placeholder,
.form-right__content .form input::placeholder {
    opacity: .5 !important;
}

.form-right__content .form textarea {
    min-height: 96px;
    padding-top: 10px;
}

.form-right__content .form .btn {
    width: 100%;
    margin: 30px 0 15px;
    height: 50px;
}

/*Form - center*/
.form-center__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 30px 50px 30px;
    background: var(--primary);
    border-radius: 15px;
    color: white;
}

.form-center__content .form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form-center__content .form-control::placeholder {
    opacity: .5;
}

.form-center__content .form-control,
.form-center__content .btn {
    width: calc(33.33% - 10px);
    height: 48px;
}

.form-center__content .policy {
    width: 100%;
    text-align: center;
}

/*Form - center + images*/
.form-center-img__content {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 40px 75px;
    background: var(--primary);
    border-radius: 15px;
    color: white;
}

.form-center-img__content__text {
    max-width: 475px;
}
.form-center-img__content__text .btn{
    width: 100%;
    margin-top: 30px;
}

.form-center-img__content__img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-center-img__content__img img {
    width: 100%;
}
.bd-rad--primary {
    border-radius: 5px;
}
.block-shadow-rad {
    box-shadow: rgba(232, 232, 232, 0.8) 10px 10px 40px, rgb(255, 255, 255) -10px -10px 20px;
    border-radius: 20px;
}
.bg--whitesmoke, .color--whitesmoke::before {
    background: rgb(239, 246, 248);
}
/* responsive */
@media screen and (max-width: 1300px) {
    .form-right {
        width: 100%;
        background: var(--primary);
    }

    .form-right__content {
        max-width: 100%;
        border-radius: 0;
    }

    .form-right__content .image {
        max-width: calc(50% - 30px);
    }

    .form-right__content .form {
        margin-left: 30px;
        max-width: calc(50% - 30px);
    }
}

@media screen and (max-width: 1200px) {
    .form-right__content .form {
        padding-top: 10px;
    }

    .form-center-img__content {
        padding: 40px;
    }

    .form-center-img__content__text {
        max-width: 100%;
    }

    .form-center-img__content__img {
        display: none;
    }


}

@media screen and (max-width: 992px) {

    .form-right__content {
        padding: 30px 0 40px;
    }

    .form-right__content .image {
        display: none;
    }

    .form-right__content .form {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    .form-right__content .form-heading {
        max-width: 100%;
    }

    .form-right__content .form .btn {
        margin: 15px 0;
    }

    .form-center__content {
        padding: 30px;
    }

    .form-center__content .form-control,
    .form-center__content .btn {
        width: 100%;
        height: 48px;
    }

    .form-center__content .policy {
        width: 100%;
        text-align: center;
        border: 1px dashed #0263b8;
    }
}


@media screen and (max-width: 440px) {
    .section-other .white-block {
        min-width: 100%;
    }

    .section-other .item p {
        font-size: 14px;
    }

    /* section "ct" */
    .section-ct__block-desc img,
    .line-services__item img {
        width: 40px;
        height: 40px;
    }

    .section-ct__block-desc p:not(.text--aver),
    .line-services__item p {
        font-size: 14px;
        line-height: 24px;
    }

    .dynamic-static__content .text--big-bold, .text--big-med {
        font-size: 16px;
        line-height: 1.4;
    }

    .сases__card__header {
        margin-bottom: 12px;
    }
    .сases__card__result__list__item {
        margin-bottom: 7px;
    }
    .сases__card__result__list {
        font-size: 12px;
        line-height: 1.4;
    }
    .сases__card {
        padding: 15px;
        flex: 0 0 230px;
        border: 1px solid #e2e7ec;
        margin-bottom: 25px;
    }
    .inquiries__desc__column:nth-of-type(n+3) .inquiries__desc__header {
        padding-left: 9px;
        max-width: 57px;
        white-space: nowrap;
        overflow-x: hidden;
        padding-right: 0 !important;
    }
    .inquiries .source .inquiries__desc__row img {
        max-width: 67px;
    }
    .inquiries .inquiries__desc {
        padding: 15px;
    }
    .inquiries__desc__header {
        font-size: 9px;
        height: 20px;
        padding-right: 10px !important;
    }
    .inquiries__desc__row {
        height: 27px;
        font-size: 9px;
    }
    .inquiries .call .inquiries__desc__row:after {
        margin-left: 3px;
    }
    .tracking-advertising__dynamics__sources {
        min-height: 175px;
    }
    .carousel {
        padding: 0 0 57px;
    }
    .costs__content .white-block {
        padding: 20px;
    }
    .carousel-item .heading-el {
        margin-left: 0;
    }
    .carousel-item__content {
        margin: 0 0 20px;
        box-shadow: 0px 0px 18px rgb(65, 62, 101, .1);
    }
    /* -------------------------------------------- */
    .integration__content .white-block {
        padding: 25px 30px;
    }

    .first-service .block-shadow-rad {
        padding: 0;
        box-shadow: none;
    }

    .integration__сompanies,
    .first-service .first-service__сompanies {
        grid-template-columns: repeat(auto-fill, 125px);
        grid-gap: 15px;
    }

    .integration__сompanies__logo {
        max-width: 110px;
    }

    .first-service .first-service__сompanies__logo {
        width: 125px;
        height: 45px;
    }


    /* -------------------------------------------- */
    .dynamic-static .text--big {
        font-size: 14px;
    }

    .static-images__block p {
        font-size: 12px;
        line-height: 1.2;
    }

    .dynamic__for-sources__block:not(:last-child),
    .static__for-sources__block:not(:last-child) {
        margin-bottom: 15px;
    }

    .static__for-sources__block:last-child {
        margin-top: -15px;
    }

    .dynamic__for-sources, .static__for-sources {
        width: 100%;
    }

    .dynamic__for-sources__block {
        max-width: calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .dynamic__for-sources__blocks {
        gap: 10px
    }

    .dynamic__for-sources__block:nth-of-type(1) {
        margin-right: 0;
    }

    .dynamic__for-sources__block__icons {
        margin-top: 5px;
        flex-wrap: wrap;
    }

    .dynamic__for-sources__block:nth-of-type(1) img {
        max-width: 130px;
        margin-top: 0;
    }

    .dynamic__for-sources__block:nth-of-type(1) img:last-child {
        margin-top: -10px;
    }

    .static__for-sources__block:nth-of-type(2) img {
        max-width: 89px;
        margin-top: -10px;
        margin-right: 12px !important;
        object-fit: contain;
    }

    .dynamic__for-sources__block:nth-of-type(2) img {
        margin: 5px 10px 0 0 !important;
        width: 30px;
        height: 30px;
    }

    .static-images__block img {
        margin: 5px 0 3px;
    }

    .static-images__block:not(:last-child) {
        margin-right: 13px;
    }

    .static__for-sources__block:nth-of-type(1) img {
        max-width: 45px;
    }

    .static-images__block img {
        width: 35px;
        height: 35px;
    }

    /* -------------------------------------------- */
    .carousel-section .carousel-indicators {
        max-width: 100%;
    }
    .carousel-section .carousel-indicators__wrap {
        width: 100%;
    }
    .carousel-section .carousel-arrow {
        width: 30px;
        height: 30px;
    }

    .carousel-item__content {
        padding: 5px;
    }

}