html {
    font-size: 62.5%;
}

body,
html {
    overflow-x: hidden;
}

@media screen and (max-width: 767px) {
    body {
        background-image: url("../images/triggers/intro-bg-mobile.svg");
        background-repeat: no-repeat;
        background-size: contain;
    }
}

:root {
    --theme-color-1: #3F3F67;
    --border-color: #B3BFCB;
    --category-color: #98A2B1;
    --items-color: #C87BE8;
    --dark-bg: #393968;
    --gradient-1: linear-gradient(93.08deg, #AA28D8 5.76%, #2DCDFF 100.38%);
    --gradient-2: linear-gradient(269.7deg, #E4E8F9 49.74%, rgba(228, 232, 249, 0) 105.39%);

}

body .container{
    max-width: 1000px;
}

* {
    color: var(--theme-color-1);
}

.dark-bg {
    background-color: var(--theme-bg-1);
}

section {
    position: relative;
}

.intro {
    z-index: 1;
    padding-bottom: 345px;
    overflow-x: hidden;
}

@media screen and (max-width: 992px) {
    .intro {
        padding-bottom: 150px;
    }
}

.intro__bg {
    background-image: url("../images/triggers/intro-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .intro__bg {
        display: none;
    }
}

/* @media screen and (min-width: 1921px) {
    .intro__bg {
        background-size: cover;
    }
} */

.intro__wrap {
    position: relative;
    padding-right: 54%;
}

@media screen and (max-width: 992px) {
    .intro__wrap {
        padding-right: 45%;
    }
}

@media screen and (max-width: 767px) {
    .intro__wrap {
        padding-right: 0;
        text-align: center;
    }
}

.container.intro__container {
    position: relative;
    padding-top: 215px;
    z-index: 1;
}

@media screen and (max-width: 992px) {
    .container.intro__container {
        padding-top: 150px;
    }
}

@media screen and (max-width: 767px) {
    .container.intro__container {
        padding-top: 100px;
    }
}

.intro__title {
    margin-bottom: 24px;
}

.intro__subtitle {
    margin-bottom: 16px;
}

.intro__text {
    margin-bottom: 40px;
    max-width: 450px;
    width: 100%;
}

.intro__video {
    position: absolute;
    top: 65%;
    left: 50%;
    width: 620px;
    height: 501px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* -webkit-box-shadow: 10px 60px 60px 0px #31325B26;
    box-shadow: 10px 60px 60px 0px #31325B26;
    border-radius: 30px; */
}

@media screen and (max-width: 992px) {
    .intro__video {
        width: 421px;
        height: 341px;
        top: 35%;
        left: 60%;
    }
}

@media screen and (max-width: 767px) {
    .intro__video {
        position: relative;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        top: 0;
        left: calc(50% - 200px);
    }
}

@media screen and (max-width: 545px) {
    .intro__video {
        width: 230px;
        height: 186px;
        left: calc(50% - 100px);
    }
}

.intro__video::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 698px;
    height: 501px;
    background-image: url('../images/triggers/static-intro-bg.svg');
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}
.intro__video.pl::before {
    background-image: url('../images/triggers/static-intro-bg-pl.svg');
}

@media screen and (max-width: 992px) {
    .intro__video::before {
        width: 421px;
        height: 341px;
        top: 30px;
    }
}

@media screen and (max-width: 545px) {
    .intro__video::before {
        width: 230px;
        height: 186px;
    }
}

.intro__video::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -150px;
    right: -150px;
    width: 600px;
    height: 550px;
    background-image: url('../images/triggers/intro-blur.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

@media screen and (max-width: 545px) {
    .intro__video::after {
        content: none;
    }
}

.intro__svg-1 {
    width: 620px;
    height: 501px;
}

.intro__weather-list {
    position: absolute;
    top: 50%;
    left: 40%;
}

@media screen and (max-width: 992px) {
    .intro__weather-list {
        top: 60%;
    }
}

@media screen and (max-width: 545px) {
    .intro__weather-list {
        top: 70%;
    }
}

.intro__weather-image {
    width: 133px;
    height: 176px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 10px;
    -webkit-box-shadow: var(--shadow-3);
    box-shadow: var(--shadow-3);
}


.intro__weather-img {
    /* width: 100%; */
    width: 133px;
    height: 176px;
}
.intro__banner-img {
    width: 100%;
}

@media screen and (max-width: 992px) {
    .intro__weather-image,
    .intro__weather-img {
        width: 90px;
        height: 118px;
    }
}

@media screen and (max-width: 545px) {
    .intro__weather-image,
    .intro__weather-img {
        width: 49px;
        height: 64px;
        border-radius: 4px;
        -webkit-box-shadow: var(--shadow-1);
        box-shadow: var(--shadow-1);
    }
}

.intro__banner-list {
    position: absolute;
    top: 109px;
    left: -42px;
}

@media screen and (max-width: 992px) {
    .intro__banner-list {
        top: 114px;
    }
}

@media screen and (max-width: 545px) {
    .intro__banner-list {
        top: 70px;
        left: -25px;
    }
}

.swiper-slide.swiper-slide-active {
    -webkit-box-shadow: var(--shadow-3);
    box-shadow: var(--shadow-3);
    border-radius: 10px;
}

.swiperWeather {
    width: 457px;
    height: 185px;
    padding-right: 17px;
    padding-left: 10px;
    overflow-x: hidden;
    overflow-y: visible;
}
.swiper-wrapper {
    height: auto;
}

@media screen and (max-width: 992px) {
    .swiperWeather {
        width: 300px;
        height: 125px;
        padding-right: 5px;
        padding-left: 5px;
    }
}

@media screen and (max-width: 545px) {
    .swiperWeather {
        width: 161px;
        height: 70px;
        padding-right: 2px;
        padding-left: 2px;
    }
}

.swiperBanner {
    width: 243px;
    height: 462px;
    border-radius: 20px;
    -webkit-box-shadow: var(--shadow-max);
    box-shadow: var(--shadow-max);
}

@media screen and (max-width: 992px) {
    .swiperBanner {
        width: 165px;
        height: 314px;
        -webkit-box-shadow: var(--shadow-5);
        box-shadow: var(--shadow-5);
    }
}

@media screen and (max-width: 545px) {
    .swiperBanner {
        width: 90px;
        height: 171px;
        border-radius: 7px;
    }
}

.ads {
    padding-bottom: 160px;
    content-visibility: auto;
}

@media screen and (max-width: 767px) {
    .ads {
        padding-bottom: 120px;
    }
}

@media screen and (max-width: 545px) {
    .ads {
        padding-bottom: 80px;
    }
}

.ads__head-icon {
    margin-bottom: 40px;
    fill: #fff;
}

.ads__title {
    margin-bottom: 40px;
    text-align: center;
}

.ads__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 545px) {
    .ads__list {
        display: block;

    }
}

.ads__item {
    position: relative;
    padding: 0 45px;
}


.ads__item:first-child {
    padding-left: 0;
}

.ads__item:last-child {
    padding-right: 0;
}

@media screen and (max-width: 545px) {
    .ads__item {
        position: relative;
        padding: 0 50px;
        margin: 0 auto;
        text-align: center;
    }

    .ads__item:first-child {
        padding-left: 50px;
    }

    .ads__item:last-child {
        padding-right: 50px;
    }

    .ads__item:not(:last-child) {
        margin-bottom: 18px;
    }
}

.ads__icon {
    margin-bottom: 24px;
    max-width: 80px;
    height: 80px;
}

@media screen and (max-width: 545px) {
    .ads__icon {
        margin: 0 auto 16px;

    }
}

.location__bg,
.location__bg-line {
    height: calc(100% - 215px);
    -webkit-transform: skewY(-12deg);
    -ms-transform: skewY(-12deg);
    transform: skewY(-12deg);
    background: -o-linear-gradient(89.54deg, #F6F8FF 67.88%, #F6F8FF 113.17%);
    background: linear-gradient(0.46deg, #F6F8FF 67.88%, #F6F8FF 113.17%);
}

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

    .location__bg,
    .location__bg-line {
        height: calc(100%);

    }
}

.location__bg::before,
.location__bg::after,
.location__bg-line::before,
.location__bg-line::after {
    content: '';
    position: absolute;
    display: block;
}

.location__bg::before {
    top: -80px;
    left: 0;
    width: 455px;
    height: 80px;
    background: var(--gradient-1);
    opacity: 0.3;
}

@media screen and (max-width: 992px) {
    .location__bg::before {
        top: -60px;
        width: 250px;
        height: 60px;
    }
}

@media screen and (max-width: 545px) {
    .location__bg::before {
        top: 0;
    }
}

.location__bg::after {
    top: 0;
    right: 0;
    width: 760px;
    height: 70px;
    background: var(--gradient-2);
}

@media screen and (max-width: 992px) {
    .location__bg::after {
        width: 340px;
        height: 60px;
    }
}

.location__bg-line::before {
    bottom: 135px;
    right: 0;
    width: 600px;
    height: 80px;
    background: var(--gradient-1);
}

@media screen and (max-width: 992px) {
    .location__bg-line::before {
        width: 230px;
        height: 50px;
        bottom: -50px;
    }
}

@media screen and (max-width: 545px) {
    .location__bg-line::before {
        width: 150px;
    }
}

.location__bg-line::after {
    bottom: 65px;
    right: 0;
    width: 850px;
    height: 70px;
    background: var(--gradient-2);
}

@media screen and (max-width: 992px) {
    .location__bg-line::after {
        width: 350px;
        height: 50px;
        bottom: -100px;
    }
}

@media screen and (max-width: 545px) {
    .location__bg-line::after {
        width: 250px;
    }
}

.location__container {
    padding-top: 160px;
    padding-bottom: 380px;
}

@media screen and (max-width: 992px) {
    .location__container {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

@media screen and (max-width: 767px) {
    .location__container {
        padding-top: 100px;
        padding-bottom: 80px;
    }
}

.location__head-icon {
    margin-bottom: 40px;
}

.location__title {
    margin-bottom: 40px;
    text-align: center;
    /* color: var(--white); */
}

.location__description {
    margin-bottom: 24px;
    text-align: center;
    /* color: var(--theme-color-5); */
}

.location-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 64px;
}

@media screen and (max-width: 992px) {
    .location-slider {
        display: block;
    }
}

.location-slider__links {
    margin-right: 60px;
    width: 100%;
}

.location-slider__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.location-slider__link:not(:last-child) {
    margin-bottom: 40px;
}

.location__svg-wrap {
    max-width: 49px;
    position: relative;
    width: 100%;
}

.location__svg-wrap::after {
    content: '';
    position: absolute;
    bottom: calc(50% - 111px);
    left: 50%;
    display: block;
    width: 2px;
    height: 125px;
    background-image: url('../images/triggers/location-dashed-line.svg');
}

.location-slider__icon {
    max-width: 49px;
    width: 100%;
    height: 49px;
}

.location-slider__content {
    padding-left: 36px;
}

.location-slider__subtitle {
    padding-top: 8px;
    margin-bottom: 24px;
    /* color: var(--white);
    text-transform: uppercase; */
}

.location-slider__gallery {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 38px 22px 34px 33px;
    max-width: 445px;
    width: 100%;
    height: 532px;
}

@media screen and (max-width: 992px) {
    .location-slider__gallery {
        margin: 0 auto;
    }
}

.location-slider__img {
    position: absolute;
    width: calc(100% - 55px);
}

/* .location-slider__img :is(img) {
    width: 100%;
} */

.location-info__title {
    margin-bottom: 8px;
}

.location__info-inner-wrap,
.location__info-units {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.location__info-inner-wrap {
    padding: 32px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .location__info-inner-wrap {
        display: block;
    }
}

.location__info-units {
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.location__info-inner-wrap:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
}

.location__left-column {
    /* max-width: 253px; */
    min-width: 253px;
}

@media screen and (max-width: 767px) {
    .location__left-column {
        margin-bottom: 24px;
    }
}

.location__info-category {
    color: var(--category-color);
}

.location__info-unit {
    padding: 5px 20px;
    color: var(--items-color);
    /* opacity: 0.6; */
    border: 2px solid var(--items-color);
    border-radius: 30px;
}

.location-slider__img-city {
    width: 32px;
    height: 32px;
}

.target {
    margin-bottom: 64px;
}

@media screen and (max-width: 992px) {
    .target__container {
        margin-top: 120px;
    }
}

.target__title {
    text-align: center;
    margin-bottom: 40px;
}

.target__subtitle {
    text-align: center;
    margin-bottom: 24px;
}

.target__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 118px;
}

@media screen and (max-width: 767px) {
    .target__content {
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .target__img {
        max-width: 260px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .target__img {
        display: block;
        margin: 0 auto;
    }
}

.target__icon {
    min-width: 42px;
    height: 42px;
}

.target__headline {
    margin-bottom: 32px;
}

.target__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

.target__item:not(:last-child) {
    margin-bottom: 24px;
}

.relevant {
    margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
    .relevant {
        margin-bottom: 64px;
    }
}

.relevant__title {
    margin-bottom: 40px;
}

.relevant__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.relevant__info-unit {
    padding: 5px 20px;
    color: var(--items-color);
    border: 2px solid var(--items-color);
    border-radius: 30px;
}

.feedback {
    padding-bottom: 120px;
}

@media screen and (max-width: 767px) {
    .feedback {
        padding-bottom: 64px;
    }
}

.feedback__content {
    background: var(--dark-bg);
    position: relative;
}

@media screen and (max-width: 992px) {
    .feedback__content {
        padding: 56px 36px;
    }
}

@media screen and (max-width: 545px) {
    .feedback__content {
        padding: 30px 10px;
    }
}

@media screen and (max-width: 767px) {
    .feedback__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .feedback__title {
        text-align: center;
        margin-bottom: 24px;
    }
}

.feedback__content::before {
    content: '';
    display: block;
    position: absolute;
    top: -222px;
    left: -446px;
    width: 946px;
    height: 771px;
    background-image: url('../images/triggers/more-background.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .feedback__content::before {
        content: none;
    }
}

.feedback__link {
    margin-right: 0;
    margin-left: auto;
}

@media screen and (max-width: 767px) {
    .feedback__link {
        margin: 0;
    }
}

.campaign {
    z-index: 2;
}

.campaign__title {
    text-align: center;
    margin-bottom: 64px;
}

.campaign__subtitle {
    text-align: center;
    margin-bottom: 24px;
}

.campaign__content {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
        "title title"
        "list picture";
}

@media screen and (max-width: 767px) {
    .campaign__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.campaign__inner-wrap {
    position: relative;
}

.campaign__headline {
    -ms-grid-column-span: 2;
    margin-bottom: 40px;
    grid-area: title;
}

@media screen and (max-width: 767px) {
    .campaign__headline {
        text-align: center;
    }
}

.campaign__list {
    grid-area: list;
    max-width: 380px;
    width: 100%;
}

.campaign__icon {
    min-width: 42px;
}

.campaign__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

.campaign__item:not(:last-child) {
    margin-bottom: 24px;
}

.campaign__img {
    grid-area: picture;
}

@media screen and (max-width: 992px) {
    .campaign__img {
        max-width: 370px;
        width: 100%;
    }
}

@media screen and (max-width: 545px) {
    .campaign__img {
        max-width: 280px;
    }
}

.message {
    z-index: 1;
}

.message__bg {
    height: calc(100% - 180px);
    -webkit-transform: skewY(-12deg);
    -ms-transform: skewY(-12deg);
    transform: skewY(-12deg);
    background: -webkit-gradient(linear, left bottom, left top, from(#F6F8FF), to(#F6F8FF));
    background: -o-linear-gradient(bottom, #F6F8FF 0%, #F6F8FF 100%);
    background: linear-gradient(0deg, #F6F8FF 0%, #F6F8FF 100%);
}

.message__bg::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 510px;
    height: 80px;
    background: var(--gradient-1);
    opacity: .3;
}

@media screen and (max-width: 992px) {
    .message__bg::before {
        content: none;
    }
}

.message__container {
    padding-top: 160px;
}

@media screen and (max-width: 992px) {
    .message__container {
        padding-top: 120px;
    }
}

@media screen and (max-width: 545px) {
    .message__container {
        padding-top: 80px;
    }
}

.message__title {
    text-align: center;
    margin-bottom: 40px;
}

.message__subtitle {
    text-align: center;
    margin-bottom: 24px;
}

.message__description {
    text-align: center;
    margin-bottom: 64px;
}

.message__info {
    background-color: #fff;
    -webkit-box-shadow: 0px 8px 24px 0px #31325B26;
    box-shadow: 0px 8px 24px 0px #31325B26;
    border-radius: 20px;
    padding: 65px 55px;
    position: relative;

}

.message__info::after {
    content: '';
    display: block;
    width: 300px;
    height: 210px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url('../images/triggers/message-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.message__info-title {
    margin-bottom: 44px;
}

.message__info-column-1,
.message__info-column-2 {
    border-right: 1px dashed rgba(181, 181, 217, 1);
}

.message__info-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

@media screen and (max-width: 992px) {
    .message__info-list {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            'column-1 column-2'
            'column-3 column-3';
    }

    .message__info-column-1 {
        grid-area: column-1;
    }

    .message__info-column-2 {
        grid-area: column-2;
        border-right: none;
    }

    .message__info-column-3 {
        padding-top: 40px;
        grid-area: column-3;
        border-top: 1px dashed rgba(181, 181, 217, 1);
    }
}

@media screen and (max-width: 767px) {
    .message__info-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;

    }

    .message__info-column-1 {
        border-right: none;
        padding-bottom: 40px;
        border-bottom: 1px dashed rgba(181, 181, 217, 1);
    }

    .message__info-column-2 {
        grid-area: column-2;
        border-right: none;
    }

    .message__info-column-3 {
        padding-top: 40px;
        grid-area: column-3;
        border-top: 1px dashed rgba(181, 181, 217, 1);
    }
}


.message__info-column {
    min-width: 250px;
    position: relative;
    z-index: 2;
}

/* .message__info-column:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url('../images/triggers/dashed-line.svg');
    width: 2px;
    height: 268px;

} */

.message__info-subtitle {
    margin-bottom: 47px;
}

.message__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;

}

.message__info-item:not(:last-child) {
    margin-bottom: 21px;
}

.message__info-example {
    padding: 30px 20px;
    border-radius: 10px;
    -webkit-box-shadow: var(--shadow-3);
    box-shadow: var(--shadow-3);
    font-size: 20px;
    font-weight: 700;
    color: #16C7FF;
}

.practice {
    padding-top: 160px;
    background: var(--dark-bg);
}

@media screen and (max-width: 992px) {
    .practice {
        padding-top: 120px;
    }
}

@media screen and (max-width: 545px) {
    .practice {
        padding-top: 80px;
    }
}

.practice__bg {
    width: 100%;
    height: 100%;
    -webkit-transform: skewY(-12deg);
    -ms-transform: skewY(-12deg);
    transform: skewY(-12deg);
    background: var(--dark-bg);
    position: absolute;
    top: -185px;
    left: 0;
    z-index: -1;
    overflow-y: hidden;
    overflow-x: hidden;
}

.practice__title {
    text-align: center;
    margin-bottom: 64px;
}

.practice__subtitle {
    text-align: center;
    margin-bottom: 24px
}

.practice__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 95px;
}

@media screen and (max-width: 992px) {
    .practice__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 545px) {
    .practice__content {
        gap: 40px;
    }
}

.practice__inner-wrap {
    max-width: 431px;
}

@media screen and (max-width: 992px) {
    .practice__inner-wrap {
        max-width: none;
    }
}

.practice__headline {
    margin-bottom: 24px;
}

.practice__text-1 {
    margin-bottom: 24px;
}

.practice__text-2 {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.practice__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 30px;
}

@media screen and (max-width: 545px) {
    .practice__list {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.practice__count {
    color: #16C7FF;
}

.practice__img,
.practice__image {
    position: relative;
    z-index: 2;
}

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

    .practice__img,
    .practice__image {
        width: 310px;
    }
}

.practice__img::after {
    content: '';
    display: block;
    width: 450px;
    height: 380px;
    position: absolute;
    top: -115px;
    right: -117px;
    background-image: url('../images/triggers/practice-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.communication {
    padding-top: 80px;
    padding-bottom: 160px;
    background: var(--dark-bg);
}

@media screen and (max-width: 992px) {
    .communication {
        padding-top: 0;
        padding-bottom: 120px;
    }
}

@media screen and (max-width: 545px) {
    .communication {
        padding-bottom: 80px;
    }
}

.communication__bg {
    width: 100%;
    height: calc(100% + 210px);
    -webkit-transform: skewY(-12deg);
    -ms-transform: skewY(-12deg);
    transform: skewY(-12deg);
    background: var(--dark-bg);
    position: absolute;
    top: -323px;
    left: 0;
    z-index: -1;
    overflow-y: hidden;
    overflow-x: hidden;
}

.communication__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--gradient-1);
}

@media screen and (max-width: 992px) {
    .communication__content {
        padding: 56px 36px;
    }
}

@media screen and (max-width: 767px) {
    .communication__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .communication__title {
        text-align: center;
        margin-bottom: 24px;
    }
}

.communication__link {
    margin-right: 0;
    margin-left: auto;
}

@media screen and (max-width: 767px) {
    .communication__link {
        margin: 0;
    }
}

@media screen and (max-width: 545px) {
    .communication__content {
        padding: 30px 10px;
    }
}

.load__circle.isLoading {
    opacity: 1;
    -webkit-transition: 3s stroke-dasharray linear;
    -o-transition: 3s stroke-dasharray linear;
    transition: 3s stroke-dasharray linear;
}

.load.completed :is(circle) {
    opacity: 1;
}

.load.completed {
    border-radius: 50%;
    background-color: rgba(163, 75, 232, .2);

}

.load.completed :is(.load__circle) {
    opacity: .2;
}

.location-slider__img-wrap {
    position: relative;
    max-width: 471px;
    width: 100%;
    height: 522px;
    background-image: url('../images/triggers/location-animation-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.radiowave {
    position: absolute;
    bottom: 135px;
    left: 90px;
    z-index: 1000;
}

@media screen and (max-width: 545px) {
    .radiowave {
        bottom: 112px;
        left: 27px;
    }
}

.radiowave .center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(22, 199, 255, 1);
    border-radius: 50%;
    height: 83px;
    width: 83px;
}

.radiowave .picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.radiowave .wave {
    border-radius: 50%;
    width: 83px;
    height: 83px;
    background-color: rgba(22, 199, 255, .3);
    position: absolute;
    animation: radio 6s linear infinite;
    -webkit-animation: radio 6s linear infinite;
    z-index: -1;
    pointer-events: none;
}

.radiowave .wave:nth-of-type(2) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.radiowave .wave:nth-of-type(3) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

/* .radiowave .wave:nth-of-type(4) {
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
} */

@-webkit-keyframes radio {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 0;
        transform: scale(3);
    }
}

@keyframes radio {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 0;
        transform: scale(3);
    }
}

.icon-right {
    position: absolute;
    bottom: 50%;
    right: 35%;
    animation: moveRightIcon 10s linear infinite;
    -webkit-animation: moveRightIcon 10s linear infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    fill: rgba(208, 208, 236, 1);
    z-index: 2000;
}

/* @media screen and (max-width: 545px) {
    .icon-right {
        bottom: 60%;
        right: 15%;
    }
} */

@-webkit-keyframes moveRightIcon {
    0% {
        fill: rgba(208, 208, 236, 1);
    }

    25% {
        fill: rgba(208, 208, 236, 1);
    }

    50% {
        fill: rgba(170, 40, 216, 1);
        -webkit-transform: scale(1.2) translate(-40px, 50px);
        transform: scale(1.2) translate(-40px, 50px);
    }

    75% {
        fill: rgba(208, 208, 236, 1);
        -webkit-transform: scale(1) translate(-20px, 30px);
        transform: scale(1) translate(-20px, 30px);
    }

    100% {
        fill: rgba(208, 208, 236, 1);
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes moveRightIcon {
    0% {
        fill: rgba(208, 208, 236, 1);
    }

    25% {
        fill: rgba(208, 208, 236, 1);
    }

    50% {
        fill: rgba(170, 40, 216, 1);
        -webkit-transform: scale(1.2) translate(-40px, 50px);
        transform: scale(1.2) translate(-40px, 50px);
    }

    75% {
        fill: rgba(208, 208, 236, 1);
        -webkit-transform: scale(1) translate(-20px, 30px);
        transform: scale(1) translate(-20px, 30px);
    }

    100% {
        fill: rgba(208, 208, 236, 1);
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

.icon-top {
    position: absolute;
    top: 25%;
    left: 7%;
    animation: moveUpIcon 20s linear infinite;
    -webkit-animation: moveUpIcon 20s linear infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    fill: rgba(208, 208, 236, 1);
    z-index: 2000;
}
@media screen and (max-width: 545px) {
    .icon-top {
        top: 23%;
        left: 7%;
    }
}

@-webkit-keyframes moveUpIcon {
    0% {
        fill: rgba(208, 208, 236, 1);

    }

    25% {
        fill: rgba(208, 208, 236, 1);
    }

    50% {
        fill: rgba(170, 40, 216, 1);
        transform: scale(1.2) translate(25px, 130px);
        -webkit-transform: scale(1.2) translate(25px, 130px);
    }

    75% {
        fill: rgba(208, 208, 236, 1);
    }

    100% {
        fill: rgba(208, 208, 236, 1);
        transform: scale(1) translate(0px, 0px);
        -webkit-transform: scale(1) translate(0px, 0px);
    }
}

@keyframes moveUpIcon {
    0% {
        fill: rgba(208, 208, 236, 1);

    }

    25% {
        fill: rgba(208, 208, 236, 1);
    }

    50% {
        fill: rgba(170, 40, 216, 1);
        transform: scale(1.2) translate(25px, 130px);
        -webkit-transform: scale(1.2) translate(25px, 130px);
    }

    75% {
        fill: rgba(208, 208, 236, 1);
    }

    100% {
        fill: rgba(208, 208, 236, 1);
        transform: scale(1) translate(0px, 0px);
        -webkit-transform: scale(1) translate(0px, 0px);
    }
}

.icon-bottom {
    position: absolute;
    bottom: 6%;
    right: 29%;
    animation: moveBottomIcon 15s linear infinite;
    -webkit-animation: moveBottomIcon 15s linear infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    fill: rgba(208, 208, 236, 1);
    z-index: 2000;
}

@-webkit-keyframes moveBottomIcon {
    0% {
        fill: rgba(208, 208, 236, 1);
    }

    25% {
        fill: rgba(208, 208, 236, 1);
    }

    50% {
        fill: rgba(170, 40, 216, 1);
        transform: scale(1.1) translate(-95px, -60px);
        -webkit-transform: scale(1.1) translate(-95px, -60px);
    }

    75% {
        fill: rgba(208, 208, 236, 1);
    }

    100% {
        fill: rgba(208, 208, 236, 1);
        -webkit-transform: scale(1) translate(0px, 0px);
        transform: scale(1) translate(0px, 0px);
    }
}

@keyframes moveBottomIcon {
    0% {
        fill: rgba(208, 208, 236, 1);
    }

    25% {
        fill: rgba(208, 208, 236, 1);
    }

    50% {
        fill: rgba(170, 40, 216, 1);
        transform: scale(1.1) translate(-95px, -60px);
        -webkit-transform: scale(1.1) translate(-95px, -60px);
    }

    75% {
        fill: rgba(208, 208, 236, 1);
    }

    100% {
        fill: rgba(208, 208, 236, 1);
        -webkit-transform: scale(1) translate(0px, 0px);
        transform: scale(1) translate(0px, 0px);
    }
}

.icon-static-1 {
    position: absolute;
    top: 17%;
    right: 27%;
    animation: moveStatic1Icon 20s linear infinite;
    -webkit-animation: moveStatic1Icon 20s linear infinite;
}

@-webkit-keyframes moveStatic1Icon {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }

    50% {
        -webkit-transform: translate(50px, 5px);
        transform: translate(50px, 5px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes moveStatic1Icon {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }

    50% {
        -webkit-transform: translate(50px, 5px);
        transform: translate(50px, 5px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

.icon-static-2 {
    position: absolute;
    top: 13%;
    left: 27%;
    animation: moveStatic2Icon 7s linear infinite;
    -webkit-animation: moveStatic2Icon 7s linear infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes moveStatic2Icon {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }

    50% {
        -webkit-transform: translate(-35px, 30px);
        transform: translate(-35px, 30px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes moveStatic2Icon {
    0% {
        top: 13%;
        left: 27%;
    }

    50% {
        top: 8%;
        left: 32%;
    }

    100% {
        top: 13%;
        left: 27%;
    }
}