html, body {
    font-family: Manrope, sans-serif;
    color: #1E1B1B;
    font-size: 18px;
    line-height: 175%;
}
.wrapper {
    min-height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}
.container {
    max-width: 1250px;
    padding: 0 15px;
    margin: 0 auto;
    height: 100%;
}
.header {
}
.logo {
}
.header__top {
    padding-top: 18px;
}
.header__body {
    padding: 98px 0 135px 0;
}
.main__offer {
    background: #F2F2F2;
    padding: 128px 0px;
}
.main__process {
    padding: 134px 0;
}
.main__info {
    padding: 0 0 48px 0;
}
.main__brands {
    background: #F2F2F2;
    padding: 128px 0 82px 0;
}
.main__blog {
    padding: 131px 0 136px 0;
}
.main__things {
    background-color: #f2f2f2d1;
    padding: 128px 0 170px 0;
}
.main__faq {
    padding: 128px 0;
    background-color:#E2E6E9;
}
.main__map {
    padding: 43px 0 0 0;
}
/* =============================Button=================================== */
.button {
    display: inline-block;
    color: #fff;
    padding: 16px 40px;
    background-color: #ff6433;
    border-radius: 12px;
    transition: all .3s;
}
.button:hover {
    transform: scale(1.1);
    box-shadow: 0px 0px 20px rgb(255, 99, 51, 0.7);
}
/* =================================================================== */
/* =============================Header========================= */
.header__top-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header__logo {
    padding-right: 30px;
}
.header__right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header__nav {
    /* margin-right: 87px; */
    display: flex;
    align-items: center;
}
.header__nav-list {
    display: flex;
    align-items: center;
}
.header__nav-item {
    margin-right: 40px;
    transition: all .3s;
}
.header__nav-item:last-child {
    margin-right: 0;
}
.header__nav-item:hover {
    transform: scale(1.1);
}
.header__nav-link {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    white-space: nowrap;
}
.header__nav-line {
margin: 0 30px 0 30px;
}
.header__btn-box {
    display: flex;
    align-items: center;
}
.header__top-button {
    transition: all .3s;
}
.header__top-button:hover {
    transform: scale(1.1);
}
.header__tel-nav {
    display: flex;
    flex-direction: column;
    margin-left: 14px;
}
.header__btn-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #1E1B1B;
    opacity: 0.7;
}
.header__top-btn {
    font-weight: 600;
    font-size: 18px;
    line-height: 175%;
    color: #1E1B1B;
    transition: all .3s;
}
.header__top-btn:hover {
    transform: scale(1.1);
}
/* ========================================Header-Body======================================== */
.header__body {
}
.header__body-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header__content {
    padding-right: 30px;
}
.header__title {
    font-weight: 800;
    font-size: 64px;
    line-height: 84px;
    letter-spacing: -0.03em;
    margin-bottom: 40px;
}
.header__content-buttons {
    display: flex;
    align-items: center;
    margin-bottom: 48px;
}
.header__content-btn {
    margin-right: 49px;
    font-weight: 600;
    color: #fff;
}
.header__content-play {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    transition: all .3s;
}
.header__content-play svg {
    margin-right: 8px;
}
.header__content-play:hover {
    transform: scale(1.1);
}
.header__content-time {
    display: flex;
    align-items: center;
    margin-left: 9px;
}
.header__content-time span {
    display: inline-block;
    width: 31px;
    height: 31px;
    margin-right: 13px;
    background: url("../image/header/time.svg") 0 0 / 100% 100% no-repeat;
}
.header__time-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #939191;
}
.header__time-text {
    font-weight: 600;
    line-height: 175%;
}
.header__info-box {
    position: relative;
}
.header__info-img {
}
.header__info-btn {
    position: absolute;
    top: 80px;
    left: -35px;
    display: flex;
    align-items: center;
    padding: 16px 30px 16px 14px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.03em;
    background: linear-gradient(138.85deg, #FFFFFF -38.72%, #FFFFFF 153.95%);
    box-shadow: 0px 28px 118px rgba(109, 108, 115, 0.2);
    border-radius: 59px;
    /* z-index: 10; */
    transition: all .3s;
}
.header__info-btn:hover {
    /* border: 10px solid #fff; */
    transform: scale(1.1);
    box-shadow: 5px 28px 118px rgba(11, 11, 11, 0.6);
}
/* .header__info-btn::before {
    content: "";
    position: absolute;
    top: -8px;
    left: -9px;
    width: 289px;
    height: 120px;
    background: linear-gradient(138.85deg, #FFFFFF -38.72%, #FFFFFF 153.95%);
    opacity: 0.3;
    border-radius: 59px;
    z-index: -2;
    transform: ;
} */
.header__info-btn svg {
    margin-right: 14px;
}
.header__info-button {
    display: block;
}
.header__info-button:hover {

}
/* ============================================OFFER====================================== */
.offer__inner {
}
.offer__heading {
    text-align: center;
    margin-bottom: 64px;
}
.heading {
    text-align: center;
}
.heading__subtitle {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.03em;
    margin-bottom: 8px;
}
.heading__title {
    font-weight: 800;
    font-size: 58px;
    line-height: 76px;
    text-align: center;
    letter-spacing: -0.03em;
}
.offer__row {
    display: flex;
}
.offer__row-item {
    background: #fff;
    width: 316px;
    height: 232px;
    margin: 0 8px 8px 0;
    transition: all .5s;
}
.offer__row-item:hover {
    background: #FF6433;
}
.offer__row-item:last-child {
    margin: 0 0 0 0;
}
.offer__row-link {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 76px 20px 0px 20px;
    width: 100%;
    height: 100%;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.03em;
    transition: all .3s;
}
.offer__row-link span {
    padding-top: 16px;
}
.offer__row-link path {
    transition: all .3s;
}
.offer__row-link:hover path {
    fill: #fff;
}
.offer__row-link:hover {
    color: #fff;
}
.offer__btn {
    display: flex;
    justify-content: end;
    align-items: center;
}
.offer__button {
    font-weight: 600;
    line-height: 175%;
    margin-top: 32px;
    transition: all .3s;
}
.offer__button svg {
    fill: #1E1B1B;
    transform: translateY(10%);
    padding-left: 16px;
    transition: all .3s;
}
.offer__button:hover svg {
    fill: #FF6433;
}
.offer__button:hover {
    color: #FF6433;
}
/* ================================================STEPS================================================= */
.process__inner {
    display: flex;
}
.process__content {
    /* padding-right: 30px; */
    margin-right: 227px;
}
.process__content-title {
    font-weight: 800;
    font-size: 58px;
    line-height: 76px;
    letter-spacing: -0.03em;
    margin-bottom: 40px;
    max-width: 524px;
}
.process__content-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    opacity: 0.6;
    margin-bottom: 32px;
    max-width: 437px;
}
.header__content-btn {
}
.content-btn__text {
}
.content-btn__waves {
}
.process__steps {
}
.process__steps-list {
}
.process__row {
}
.process__item {
    margin-top: 10px;
}
.process__item-title {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: -0.03em;
    margin-bottom: 8px;
    position: relative;
}
.process__item-title svg {
    transform: translateX(-24px);
}
.process__item-title span {
    position: absolute;
    color:#FF6433;
    width: 100px;
    height: 0px;
    top: 135px;
    left: -11px;
    transform: rotate(90deg);
}
.process__item-text {
    font-weight: 600;
    line-height: 175%;
    opacity: .6;
    max-width: 336px;
    padding-left: 75px;
    margin-bottom: 29px;
}
.process__item-text:last-child {
    margin-bottom: 0;
}
/* ============================================INFO====================================== */
.info__img-box {
    display: flex;
    position: relative;
    z-index: 10;
}
.info__img-first {
    width: 50vw;
}
.info__img-second {
    width: 50vw;
}
.info__content {
    position: absolute;
    top: 0;
    left: 15%;
    height: 100%;
    padding: 0 80px;
    background: #FF6433;
}
.info__content-title {
    font-weight: 700;
    font-size: 45px;
    line-height: 140%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    max-width: 580px;
    margin: 90px 0 48px 0;
}
.header__content-btn {
}
.btn {
    display: inline-block;
    color: #fff;
    padding: 16px 40px;
    background-color: #1E1B1B;
    border-radius: 12px;
    transition: all .3s;
    margin: 0;
}
.btn:hover {
    transform: scale(1.1);
    box-shadow: 0px 0px 20px rgba(211, 206, 206, 0.6);
}
.info__inner {
}
.info__row {
    display: flex;
    justify-content: space-between;
    margin-top: 48px;
}
.info__row-items {
    display: flex;
    flex-direction: column;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.03em;
    opacity: 0.7;
    align-items: start;
}
.info__row-items span {
    font-weight: 800;
    font-size: 58px;
    line-height: 76px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #661CE7;
    margin-top: 2px;
}
/* ========================================================BRANDS============================================== */
.brands__inner {
}
.brands__heading {
    display: flex;
    justify-content: center;
    margin-bottom: 31px;
}
.brands__heading-title {
    font-weight: 800;
    font-size: 58px;
    line-height: 140%;
    letter-spacing: -0.03em;
    max-width: 580px;
}
.brands__grid {
    display: grid;
    grid-template: repeat(2, auto) / repeat(5, auto);
    justify-items: center;
}
.brands__grid-item {
}
.brands__grid-link {
    opacity: 0.6;
    transition: all .3s;
}
.brands__grid-link:hover {
    opacity: 1;
}
/* =======================================================BLOG========================================================== */
.blog__heading {
    margin-bottom: 47px;
}
.blog__heading-title {
    font-weight: 800;
    font-size: 58px;
    line-height: 140%;
    letter-spacing: -0.03em;
    max-width: 580px;
}
.blog__body {
}
.blog__filter-box {
    display: flex;
}
.blog__filter-item {
    margin: 0 30px 46px 0;

}
.blog__filter-item:last-child {
    margin-right: 0px;
}
.blog__filter-btn {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: -0.03em;
    color: #1E1B1B;
    background: none;
    transition: all .3s;
}
.blog__filter-btn:hover {
    transform: scale(1.1);
}
.blog__filter-btn--active {
    border-bottom: 3px solid #FF6433;
}
.blog__list {
    display: grid;
    grid-template: repeat(2, auto) / repeat(3, auto);
    gap: 34px;
}
.blog__list-item {
    max-width: 405px;
    transition: all .5s;
}
.blog__list-item:hover {
    box-shadow: 10px 10px 10px rgba(31, 30, 30, 0.1);
}
.blog__list-link {
}
.blog__image-box {
    overflow: hidden;
    width: 100%;
    margin-bottom: 24px;
}
.blog__link-content {
}
.blog__link-time {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #939191;
    margin-bottom: 16px;
}
.blog__link-tag {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: -0.03em;
    margin-bottom: 16px;
}
.blog__link-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #232536;
}
/* =======================================================THINGS========================================================== */
.things__inner {
}
.things__heading {
    text-align: center;
}
.things__heading-title {
    font-weight: 800;
    font-size: 58px;
    line-height: 76px;
    letter-spacing: -0.03em;
}
.things__slider-wrapper {
    position: relative;
}
.things__slider {
    /* display: flex; */
    /* justify-content: space-between; */
    margin-top: 76px;
}
.things__slider .slick-track {
    display: flex;
}
.things__slider .slick-list {
    overflow: hidden;
    margin: 0 -48px;
}
.slick-slide {
    margin: 0 48px;
}
.things__slide {
    background-color: #fff;
    padding: 72px;
    min-width: 516px;
}
.things__slide-inner {
}
.things__user {
    display: flex;
}
.things__avatar {
    overflow: hidden;
}
.things__info {
    margin-left: 16px;
}
.things__info-name {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.03em;
}
.things__info-city {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #939191;
}
.things__quote {
    margin-top: 24px;
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -0.03em;
}
.things__footer {

}
.things__dots .slick-dots {
    display: flex;
    align-items: center;
    position: absolute;
    right: 514px;
    padding: 40px 15px 0 0;
}
.things__dots li {
    margin-right: 11px;
}
.things__dots li:last-child {
    margin-right: 0px;
}
.things__dots button {
    font-size: 0;
    background-color: transparent;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
}
.things__dots button::before {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #939191;
    border-radius: 3px;
}
.things__dots .slick-active button::before {
    background-color: #FF6433;
    transition: all .3s;
}
.things__footer-arrow {
    display: flex;
    position: absolute;
    right: 0;
    fill: #1E1B1B;
    padding: 48px 15px 0 0;
    z-index: 5;
    transition: all .3s;
}
.things__next::before {
    content: " ";
    display: block;
    position: absolute;
    right: 3px;
    top: 32px;
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
    transition: all .3s;
}
.things__prev {
    margin-right: 55px;
}
.things__prev::before {
    content: " ";
    display: block;
    position: absolute;
    right: 3px;
    top: 32px;
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
    transition: all .3s;
}
.things__footer-arrow:hover {
    fill: #fff;
}
.things__footer-arrow:hover::before {
    background-color: #1E1B1B;
    transform: scale(1.1);
}
/* =======================================================FAQ========================================================== */
.faq__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.faq__heading {
    text-align: center;
    margin-bottom: 86px;
}
.faq__heading-title {
    font-weight: 800;
    font-size: 58px;
    line-height: 76px;
    letter-spacing: -0.03em;
}
.faq__acc {
}
.faq__acc-item {
    padding: 38px;
    background-color: #fff;
    min-width: 896px;
    margin-bottom: 12px;
}
.faq__acc-item:last-child {
    margin-bottom: 0;
}
.faq__acc-link {
    align-items: center;
}
.faq__acc-head {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.03em;
    position: relative;
}
.faq__acc-head span {

}
.faq__acc-head::before,
.faq__acc-head::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 25px;
    height: 2px;
    background-color: #FF3F3A;
    border-radius: 2px;
}
.faq__acc-head::after {
    transform: rotate(90deg);
    transition: all .3s;
}
.faq__acc-link--active .faq__acc-head::after {
    transform: rotate(0deg);
}
.faq__acc-text {
    max-width: 700px;
    font-weight: 600;
    font-size: 18px;
    line-height: 175%;
    color: #939191;
    margin-top: 16px;
}
/* =======================================================QUESTIONS========================================================== */
.main__questions {
    padding: 128px 0;
}
.questions__inner {
}
.questions__heading {
    margin-bottom: 48px;
}
.questions__heading-title {
    font-weight: 800;
    font-size: 58px;
    line-height: 76px;
    letter-spacing: -0.03em;
    max-width: 520px;
}
.questions__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 48px;
}
.questions__form {
    margin-right: 30px;
    width: 50%;
}
.questions__form-row {
    margin-bottom: 4px;
}
.questions__form-label {
    flex: 1 1 auto;
}
.questions__form-input,
.questions__form-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color:#1E1B1B;
    display: block;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    background-color: #F2F2F2;
    padding: 23px 41px;
    width: 100%;
    margin-top: 8px;
}
.questions__form-input::placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #1E1B1B;
}
.questions__form-btn {
    margin-top: 48px;
    padding: 16px 40px;
    font-weight: 600;
    font-size: 18px;
    line-height: 175%;
}
.questions__info {
    
}
.questions__info-add {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.03em;
    color:#1E1B1B;
    margin-bottom: 32px;
}
.questions__info-det {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.03em;
    color:#1E1B1B;
    margin-bottom: 32px;
}
.questions__info-time {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.03em;
    color:#1E1B1B;
    margin-bottom: 32px;
}
.questions__info span {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    opacity: .7;
}
/* =======================================================MAP========================================================== */
.container {
}
.map__inner {
}
.map__info {
    height: 512px;
    width: 100%;
    z-index: 5;
    position: relative;
}
.map__image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -170px;
    z-index: -10;
}
.map__image-box img {
    min-width: 100%;
    height: auto;
}
/* =======================================================FOOTER========================================================== */
.footer {
    color: #fff;
}
.footer__top {
    padding: 128px 0;
    background-color: #1E1B1B;
    opacity: 0.98;
}
.footer__top-inner {
    display: flex;
    justify-content: space-between;
}
.footer__top-content {
    padding-right: 30px;
}
.footer__heading {
    max-width: 463px;
    margin-bottom: 64px;
}
.footer__heading-title {
    font-weight: 700;
    font-size: 48px;
    line-height: 140%;
    letter-spacing: -0.03em;
}
.footer__socials {
    display: flex;
}
.footer__socials-item {
    margin-right: 23px;
}
.footer__socials-item:last-child {
    margin-right: 0px;
}
.footer__socials-link {
    display: block;
    transition: all .3s;
}
.footer__socials-link:hover {
    transform: scale(1.2);
}
.footer__top-info {
    margin-right: 153px;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.03em;
    color:#fff;
    margin-bottom: 32px;
}
.footer__top-info span {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    opacity: .7;
    margin-bottom: 8px;
}
.item {
    margin-bottom: 32px;
}
.item:last-child {
    margin-bottom: 0px;
}
.footer__bottom {
    background-color: #1E1B1B;
    padding: 65px 0;
}
.footer__bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer__logo {
    padding-right: 30px;
}
.footer__nav {
}
.footer__nav-list {
    display: flex;
    align-items: center;
}
.footer__nav-item {
    margin-right: 40px;
    transition: all .3s;
}
.footer__nav-item:hover {
    transform: scale(1.1);
}
.footer__nav-item:last-child {
    margin-right: 0px;
}
.footer__nav-link {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
}
.footer__content {
    display: flex;
    align-items: center;
    padding-left: 30px;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #939191;
}