/* Head */
.head {
    padding-top: 70px;
    text-align: center;
}

.head-title {
    font-size: 100px;
    font-weight: 550;
    line-height: 115%;
}

.head-subtitle {
    font-size: 18px;
    line-height: 155.5%;
    margin: 24px auto 40px;
    max-width: 742px;
}

.head-img {
    margin-top: 24px;
    line-height: 0;
}

.head-img img {
    max-width: 1060px;
}

.head-img-tablet,
.head-img-mobile {
    display: none;
}

/* Services */
.services-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.services-main {
    max-width: 728px;
}

.services-box {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    margin-top: 80px;
}

.services-elements {
    display: flex;
    border-radius: 40px;
    background: var(--orange-200);
    padding: 40px;
    width: 100%;
}

.services-item {
    display: flex;
    width: calc(100% / 5 - 13px);
    padding-right: 16px;
    /* padding-bottom: 32px; */
    /* margin-bottom: 32px;  */
    margin-right: 16px;
    border-right: 1px solid var(--text-color);
    transition: var(--trans);
}

.services-item:last-child {
    margin-right: 0;
    border-right: none !important;
}

.services-item-main {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.services-item.active {
    border-right: 1px solid var(--orange-800);
}

.services-item p {
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    transition: var(--trans);
}

.services-item.active p {
    color: var(--orange-800);
}

.services-item-mobile {
    display: none;
}

/* .services-item svg {
    min-width: 36px;
    max-width: 36px;
    height: auto;
    margin-right: 20px;
    transition: var(--trans);
}

.services-item .svg-fill {
    fill: var(--text-color);
}

.services-item .svg-stroke {
    stroke: var(--text-color);
}

.services-item.active .svg-fill {
    fill: var(--orange-800);
}

.services-item.active .svg-stroke {
    stroke: var(--orange-800);
} */

.services-item-main__img {
    line-height: 0;
    margin-right: 20px;
    min-width: 36px;
    max-width: 36px;
    transition: var(--trans);
}

.services-item-main__img img {
    max-width: 100%;
}

.services-item-main__img.active {
    display: none;
}

.services-item.active .services-item-main__img.default {
    display: none;
}

.services-item.active .services-item-main__img.active {
    display: block;
}

.services-content {
    border-radius: 40px;
    margin-top: 24px;
    width: 100%;
    padding: 40px 40px 16px;
    background: var(--orange-100);
}

.services-content__item h3 {
    font-size: 32px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 32px;
}

.services-content__item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 24px;
}


/* How */
.how-main {
    display: flex;
    justify-content: space-between;
}

.how-top {
    width: 340px;
}

.how-top .btn {
    margin-top: 40px;
}

.how-mobile-btn {
    display: none;
}

.how-wrapper {
    width: 1021px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -36px;
    margin-top: -80px;
}

.how-item {
    width: calc(33.33% - 36px);
    margin-left: 36px;
    margin-top: 80px;
    padding-left: 42px;
}

.how-item img {
    max-width: 100%;
}

.how-item__title {
    position: relative;
    font-size: 28px;
    font-weight: 400;
    line-height: 120%;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.how-item .how-item__title::before {
    content: '';
    width: 16px;
    height: 16px;
    background: var(--orange-700);
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: -42px;
}

.how-item a {
    text-decoration: none;
    color: var(--red);
    transition: var(--trans);
}

.how-item a:hover {
    color: var(--orange-hover);
}

.how-item a:active,
.how-item a:focus {
    color: var(--orange-800);
}


/* Discuss */
.discuss {
    color: var(--white);
}

.discuss-top {
    max-width: 1145px;
}

.discuss-text {
    font-size: 32px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 24px;
}

.discuss-wrapper {
    margin-top: 80px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
}

.discuss-content {
    display: flex;
}

.discuss-content__first {
    width: 233px;
}

.discuss-content__first-img {
    width: 132px;
    margin-top: 50px;
    margin-left: auto;
}

.discuss-content__first-img img {
    max-width: 100%;
    margin-left: auto;
}

.discuss-items {
    display: flex;
}

.discuss-item {
    width: 195px;
    margin-left: 56px;
}

.discuss-item img {
    max-width: 56px;
}

.discuss-item p {
    margin-top: 24px;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
}

.discuss-bonus {
    padding: 24px 40px;
    width: 332px;
    border-radius: 40px;
    border: 1px solid var(--orange-400);
    background: var(--orange-100);
    color: var(--text-color);
    text-align: center;
}

.discuss-bonus__title {
    font-size: 32px;
    font-weight: 550;
    line-height: 140%;
    color: var(--orange-700);
    margin: 8px 0 16px;
}

.discuss-bonus .text {
    font-size: 18px;
}



/* Feedbacks */
.feedbacks-top {
    max-width: 430px;
    color: #fff;
    position: relative;
}

.feedbacks-contant {
    max-width: 900px;
}

.feedbacks .subtext {
    max-width: 612px;
}

.align-container-left {
    width: auto;
    padding-left: var(--white-space-container);
}

.feedbacks .feedbacks-slider {
    margin-left: -12px;
    margin-top: 64px;
}

.feedbacks-slider .slick-list {
    padding-left: 0px !important;
}

.feedbacks-slider__item {
    margin-right: 12px;
    margin-left: 12px;
    border-radius: 40px;
    padding: 40px;
    border: 1px solid var(--orange-100);
    background: var(--white);
}

.feedbacks-item-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.feedbacks-item__img {
    margin-right: 24px;
}

.feedbacks-item__img img {
    max-width: 60px;
    border-radius: 50%;
}

.feedbacks-item__name {
    font-size: 18px;
    line-height: 150%;
}

.feedbacks-item__position {
    line-height: 150%;
    color: rgba(15, 27, 36, 0.60);
    margin-top: 4px;
}

.feedbacks-item__text {
    margin: 32px 0px 20px;
    max-width: 470px;
}

.feedbacks-item__source {
    width: 36px;
    margin-left: auto;
    line-height: 0;
}

.feedbacks-item__source img {
    max-width: 100%;
}

.feedbacks-slider__item.last {
    padding: 80px 40px 32px;
    min-height: 300px;
}

.feedbacks-slider__item.last .feedbacks-item__text {
    margin: 8px 0px 32px;
}

.feedbacks-slider__item.last .btn {
    border-radius: 36px;
    padding: 14.2px 18px;
    text-transform: none;
}

.feedbacks-item__title {
    font-size: 32px;
    font-weight: 400;
}

.feedbacks-item__source-text {
    color: rgba(15, 27, 36, 0.60);
    font-size: 16px;
    font-weight: 550;
    line-height: 150%;
    text-align: right;
    min-height: 36px;
}

.feedbacks .slick-arrow {
    bottom: auto;
    top: calc(-64px - 52px);
    margin-right: var(--white-space-container);
    z-index: 2;
}

.feedbacks .slick-prev {
    right: 76px;
}

.feedbacks .slick-next {
    right: 0;
}

/* Responsive */
@media screen and (max-width: 1439px) {
    .head-title {
        font-size: 85px;
    }

    /* .services-elements {
        width: calc(35% - 10px);
    }

    .services-content {
        width: calc(65% - 10px);
    } */

    .services-item-main__img {
        margin-right: 14px;
    }

    .services-item p {
        font-size: 18px;
    }

    .services-elements {
        padding: 40px 20px;
    }

    /* How */
    .how-wrapper {
        width: 800px;
        margin-left: -16px;
    }

    .how-item {
        padding-left: 32px;
        width: calc(33.33% - 16px);
        margin-left: 16px;
    }

    .how-item .how-item__title::before {
        left: -32px;
    }

    .how-item__title {
        font-size: 24px;
    }

    /* Discuss */
    .discuss-content {
        flex-direction: column;
    }

    .discuss-wrapper {
        align-items: center;
        margin-bottom: 40px;
    }

    .discuss-content__first {
        width: 100%;
    }

    .discuss-content__first-img {
        display: none;
    }

    .discuss-content .discuss-text {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .discuss-item {
        width: 230px;
        margin-left: 36px;
    }

    .discuss-item:first-child {
        margin-left: 0;
    }
}


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

    .head-title {
        font-size: 75px;
        line-height: 135%;
    }

    .head-img img {
        max-width: 100%;
    }

    /* Feedbacks */
    .feedbacks-slider__item {
        margin-left: 8px;
        margin-right: 8px;
        -webkit-filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.05));
        filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.05));
    }

    .feedbacks .feedbacks-slider {
        margin-left: -8px;
    }

    /* Services */
    .services-box {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .services-content {
        width: calc(60% - 10px);
        margin-top: 0;
    }

    .services-elements {
        width: calc(40% - 10px);
        flex-direction: column;
        padding: 32px 20px;
    }

    .services-item {
        display: block;
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        padding-bottom: 32px;
        margin-bottom: 32px;
        border-bottom: 1px solid var(--white);
    }

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

    .services-item.active {
        border-right: none;
        border-bottom: 1px solid var(--orange-800);
    }

    .services-item p {
        font-size: 20px;
    }


    /* How */
    .how-wrapper {
        width: 620px;
    }

    .how-item {
        width: calc(50% - 16px);
    }

    .how-top {
        width: 320px;
    }

    /* Discuss */
    .discuss-items {
        flex-direction: column;
    }

    .discuss-item {
        margin-left: 0;
        margin-top: 40px;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .discuss-item:first-child {
        margin-top: 0;
    }

    .discuss-content {
        width: 580px;
    }

    .discuss-item p {
        margin-top: 0;
        margin-left: 24px;
    }
}


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


    .head-title {
        font-size: 68px;
        line-height: 129%;
    }

    .head-img {
        margin-top: 80px;
    }

    /* Feedbacks */

    .feedbacks {
        margin-top: 180px;
    }

    .feedbacks-background {
        top: -90px;
    }

    .feedbacks-contant {
        max-width: 540px;
    }


    /* Services */
    .services-elements,
    .services-content {
        padding: 32px 20px;
        border-radius: 28px;
    }

    .services-item {
        margin-bottom: 24px;
        padding-bottom: 24px;
    }

    .services-item p {
        font-size: 18px;
    }

    .services-item svg {
        min-width: 28px;
        max-width: 28px;
        margin-right: 16px;
    }

    .services-box {
        align-items: flex-start;
        margin-top: 64px;
    }

    .services-content__item h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .services-content__item p {
        margin-bottom: 16px;
    }

    .services-main {
        max-width: 450px;
    }

    /* How */
    .how-main {
        flex-direction: column;
    }

    .how-wrapper,
    .how-top {
        width: 100%;
    }

    .how-top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 48px;
    }

    .how-item-img {
        text-align: center;
    }

    /* discuss */
    .discuss-text {
        font-size: 24px;
    }

    .discuss-wrapper {
        margin-top: 64px;
    }

    .discuss-bonus {
        width: 232px;
        padding: 24px 20px;
    }

    .discuss-content {
        width: 464px;
    }

    .discuss-item p {
        font-size: 18px;
    }
}


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

    .head-title {
        font-size: 50px;
    }

    .head-img {
        margin-top: 70px;
    }

    /* Feedbacks */
    .feedbacks-slider__item {
        padding: 40px 32px 32px;
    }

    .feedbacks-slider .slick-track {
        display: flex !important;
    }

    .feedbacks-slider.slick-slide {
        height: inherit !important;
    }

    .feedbacks-contant {
        max-width: 380px;
    }


    /* Services */
    .services-item-mobile {
        display: none;
        border-radius: 24px;
        background: var(--orange-100);
        padding: 32px 16px;
        margin-top: 24px;
    }

    .services-item.active .services-item-mobile {
        display: block;
    }

    .services-item-mobile h3 {
        font-size: 20px;
        font-weight: 400;
        line-height: 120%;
        margin-bottom: 20px;
    }

    .services-item .services-item-mobile p {
        font-size: 16px;
        color: var(--text-color);
        margin-bottom: 16px;
    }

    .services-item .services-item-mobile p:last-child {
        margin-bottom: 0;
    }

    .services-content {
        display: none;
    }

    .services-elements {
        width: 100%;
    }

    .services-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .services-main {
        max-width: 100%;
        margin-bottom: 40px;
    }

    /* Discuss */
    .discuss-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .discuss-bonus {
        margin-top: 40px;
        width: 332px;
    }

    .discuss-content {
        width: 100%;
    }

}


@media screen and (max-width: 575px) {
    .head-title {
        font-size: 48px;
    }

    .head {
        overflow: hidden;
        padding-top: 40px;
        text-align: left;
    }

    .head-img {
        margin-top: 64px;
    }

    .head-subtitle {
        margin: 32px 0 48px;
    }

    /* Feedbacks */
    .feedbacks {
        margin-top: 60px;
        padding-top: 60px;
        overflow: hidden;
    }

    .feedbacks-background {
        top: 0px;
    }

    .feedbacks .feedbacks-slider {
        margin-top: 105px;
    }

    .feedbacks-slider__item {
        padding: 32px 24px;
    }

    .feedbacks-slider__item.last {
        padding: 80px 24px 24px;
    }

    .feedbacks-item__title {
        font-size: 28px;
    }

    .feedbacks .title {
        max-width: 310px;
    }

    .feedbacks-contant {
        max-width: 100%;
    }

    .feedbacks .slick-arrow {
        top: calc(-24px - 52px);
    }

    .feedbacks-slider__item {
        border-radius: 28px;
    }

    /* How */
    .how-top {
        flex-direction: column;
    }

    .how-top .btn {
        display: none;
    }

    .how-mobile-btn {
        display: block;
        margin-top: 32px;
    }

    .how-top {
        margin-bottom: 8px;
    }

    .how-wrapper {
        margin-left: 0;
        margin-top: 0;
    }

    .how-item {
        width: 100%;
        margin-left: 0;
        margin-top: 24px;
    }

    .how-item-img {
        display: none;
    }

    /* Discuss */
    .discuss-bonus {
        width: 100%;
    }

    .discuss-top .discuss-text {
        margin-top: 16px;
    }

    .discuss-wrapper {
        margin-top: 40px;
    }
}


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

    .head-title {
        font-size: 44px;
    }

    .head-subtitle {
        font-size: 16px;
    }

    .head-img {
        margin-left: -25px;
        margin-right: -25px;
    }

    /* Feedbacks */
    .feedbacks-item__img {
        margin-right: 16px;
    }

    .feedbacks-item__text {
        margin: 28px 0px 22px;
    }

    .feedbacks-slider__item {
        padding: 32px 24px 24px;
    }

    .feedbacks-item__img img {
        max-width: 60px;
    }

    .feedbacks-item__name {
        font-size: 16px;
        line-height: 150%;
    }

    .feedbacks-item__position {
        font-size: 14px;
        line-height: 20px;
    }

    .feedbacks-item__title {
        font-size: 26px;
    }


    /* Services */
    .services-box {
        margin-top: 40px;
    }

    /* Discuss */
    .discuss-text {
        font-size: 20px;
    }
}


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

    .head-title {
        font-size: 40px;
    }

    .head-subtitle {
        margin: 16px 0 24px;
    }

    .head-img {
        margin-top: 40px;
    }


    /* Feedbacks */
    .feedbacks-item__title {
        font-size: 22px;
    }

    .section-content .text {
        font-size: 14px;
    }

    /* Services */
    .services-elements {
        padding: 32px 16px;
    }

    /* How */
    .how-item__title {
        font-size: 20px;
    }

    /* Discuss */
    .discuss-text {
        font-size: 18px;
    }

    .discuss-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .discuss-item p {
        margin-left: 0;
        margin-top: 16px;
    }
}