@font-face {
    font-family: 'Liddar';
    src: url('../fonts/liddar/FbLiddar-Boldwebfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/liddar/FbLiddar-Boldwebfont.eot?#iefix') format('embedded-opentype'), /* IE6–IE8 */
    url('../fonts/liddar/FbLiddar-Boldwebfont.woff') format('woff'),   /* Modern browsers */
    url('../fonts/liddar/FbLiddar-Boldwebfont.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Liddar';
    src: url('../fonts/liddar/FbLiddar-Boldwebfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/liddar/FbLiddar-Boldwebfont.eot?#iefix') format('embedded-opentype'), /* IE6–IE8 */
    url('../fonts/liddar/FbLiddar-Boldwebfont.woff') format('woff'),   /* Modern browsers */
    url('../fonts/liddar/FbLiddar-Boldwebfont.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('../fonts/open-sans-hebrew/Open-Sans-Hebrew-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('../fonts/open-sans-hebrew/Open-Sans-Hebrew-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 700;
    font-style: normal;
}

html, body {
    overflow-x: hidden;
}

.container {
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}


@media (min-width: 1201px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

.hero {
    background-image: url("../img/top-3.png");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center bottom;
    padding-bottom: 52px;
}


.hero__img {
    width: 100%;
}
.hero__img_mob {
    display: none;
}
.hero__title {
    color: #95332F;
    text-align: center;
    font-family: Liddar, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 110px;
    line-height: 50px;
}

.hero-text-1 {
    color: #280D0C;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.hero-text-1-block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 44px;
}

.hero-text-1-mob-block {
    display: none;
}

.hero-text-1-2 {
    padding-top: 40px;
}

.line-2-block {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.line-2 {
    margin-top: -5px;
}

.hero-text-2-mob,
.hero-text-2 {
    color: #280D0C;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    display: flex;
    gap: 8px;
    justify-content: center;
}

.hero-text-3 {
    color: #6C120E;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-align: center;
}

.logo-hero {
    display: flex;
    justify-content: center;
}

.hero-text-4 {
    color: #95332F;
    text-align: center;
    font-family: Liddar;
    font-size: 70.33px;
    font-style: normal;
    font-weight: 700;
    line-height: 61px;
}

.hero-button-container {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.hero-button {
    display: flex;
    width: 360px;
    height: 79px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF!important;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    border-radius: 376.512px;
    background: #95332F;
    line-height: 140%;
    text-decoration: none;
}

.hero-button:hover,
.price-card-button:hover {
    box-shadow: 0 8px 24px 0 rgba(150, 51, 47, 0.60);
}

.about {
    padding: 40px 0;
    background: #FFF;
}

.about-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}

.about-svg {
    margin-bottom: -47px;
    margin-left: 761px;
}

.about-title {
    color: #95332F;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 47px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
}

.about-title-padding {
    padding-bottom: 16px;
}

.about-title-mob-1, .about-title-mob-2 {
    display: none;
}

.about-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}

.about-top-text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
    align-self: stretch;
}

.about-top-text-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.about-top-text-block-mob {
    display: none;
}

.about-top-text-card {
    display: flex;
    padding: 4px 8px 4px 0;
    justify-content: start;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 16px;
}

.about-top-text-card-text {
    color: #140606;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.about-top-descr {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
}

.about-top-descr-title-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.about-top-descr-title {
    color: #95332F;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.about-top-descr-text-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.about-top-descr-text-block-mob {
    display: none;
}

.about-top-descr-text {
    color: #591F1C;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-align: center;
}
.about-top-descr-text span {
    font-size: 45px;
}
.about-top-descr-text-2-1 {
    color: #591F1C;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-top: 9px;
}

.about-top-descr-img {
    display: flex;
    justify-content: center;
    margin-top: -10px;
}

.about-top-descr-img-mob {
    display: none;
}

.about-bottom {
    padding: 40px 0;
}

.about-bottom-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}

.about-bottom-info-block {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.about-bottom-info-title-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.about-svg-bottom {
    margin-bottom: -50px;
    margin-left: 332px;
}

.about-bottom-info-text-block {
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}

.about-bottom-info-container {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 16px;
    border: 1px solid #F6EDE7;
    background: #FAF5F5;
    min-height: 140px;
    max-width: 360px;
}

.about-bottom-info-text {
    color: #32100F;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.about-bottom-title-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.about-bottom-title {
    color: #95332F;
    text-align: center;
    font-family: Liddar;
    font-size: 75px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.about-bottom-button {
    color: #FFF;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    border-radius: 376.512px;
    background: #95332F;
}

.step {
    padding: 40px 0;
}

.step-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    background: #FFF;
}

.step-title-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.step-content-right .step-title-block {
    display: none;
}

.step-about-title-mob {
    padding-bottom: 22px;
}

.step-svg {
    margin-bottom: -50px;
    margin-left: 294px;
}

.step-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 70px;
    direction: ltr;
}

.step-video-block {
    flex-shrink: 0;
    border-radius: 16px;
    border: 2px solid #fff;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.step-svg-img-video {
    position: absolute;
    right: 0;
    z-index: 100;
    top: -7px;
}

.step-content-video {
    position: relative;
    border-radius: 16px;
    border: 2px solid #fff;
    overflow: hidden; /* ✅ обов’язково для Safari */
    display: flex;
    justify-content: center;
}

.step-container-video {
    display: flex;
    justify-content: center;
    width: 55%;
}

.step-video {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    display: block;
    object-fit: cover;
}

.step-video-img {
    width: 464.714px;
    height: 656.184px;
    transform: rotate(3.255deg);
    flex-shrink: 0;border-radius: 24px;
    background: #95332F;
}

.step-video-img-mob {
    display: none;
}
.step-content-right {
    display: flex;
    width: 45%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.step-content-block {
    display: flex;
    padding: 12px 16px;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    align-self: stretch;
    border-radius: 16px;
    background: #FEFEFD;
    border: 1px solid #D1A7A6;
    cursor: pointer;
    overflow: hidden;
    max-height: 150px; /* Начальная высота закрытого состояния */
    transition: max-height 0.5s ease, box-shadow 0.3s ease;

}
.step-content-block.open {
    max-height: 800px;
}

.step-content-block-title {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.step-content-block-text {
    display: flex;
    align-self: stretch;
    color: #593D3D;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    direction: rtl;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.4s ease 0.1s, max-height 0.5s ease; /* Укороченная анимация */
}

.step-content-block.open .step-content-block-text {
    opacity: 1;
    max-height: 300px;
}

.step-content-block-tit {
    flex: 1 0 0;
    color: #95332F;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.step-content-number-block {
    display: flex;
    width: 87px;
    flex-direction: column;
    align-items: center;
}

.hurt-top-1, .hurt-top-2, .hurt-top-3, .hurt-top-4, .hurt-top-5 {
    display: none;
    cursor: pointer;
}

.hurt-bot-1, .hurt-bot-2, .hurt-bot-3, .hurt-bot-4, .hurt-bot-5 {
    cursor: pointer;
}

.promo {
    padding: 40px 0;
}

.promo-top {
    background-image: url("../img/promo-top.png");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.promo-bot {
    background-image: url("../img/promo-bot.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.promo-cards-container {
    display: flex;
    justify-content: space-between;
}

.promo-bot-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 16px;
}

.promo-top-text-1 {
    color: #FFF;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    padding-top: 60px;
}

.promo-top-text-2 {
    color: #FFF;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.promo-top-text-3 {
    color: #FFF;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
}

.promo-top-text-3-padd {
    padding-bottom: 110px;
}

.promo-cards {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.promo-card {
    display: flex;
    width: 737px;
    padding: 16px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #FFF;
}

.promo-card-title {
    color: #95332F;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.promo-card-text {
    align-self: stretch;
    color: #593D3D;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.promo-img, .promo-cards {
    margin-top: -72px;
}

.promo-button-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-bottom: -32px;
    display: flex;
}

.promo-button-container-mob {
    display: none;
}

.promo-img-mob {
    display: none;
}

.promo-button-text {
    color: #95332F;
    text-align: center;
    font-family: Liddar, sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.promo-button {
    border-radius: 376.512px;
    background: #95332F;
    color: #FFF;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.price {
    padding: 60px 0 80px 0;
}

.price-svg-svg-mob {
    display: none;
    margin-top: -65px;
    margin-left: -53px;
}

.price-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.price-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.price-top img {
    width: 500px;
}
.price-text {
    align-self: stretch;
    color: #32100F;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.price-svg {
    margin-bottom: -40px;
    margin-right: -45px;
}

.price-cards {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.price-card {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #A95A57;
    background: #FEFEFD;
}

.price-card-title-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    align-self: stretch;
}

.price-card-title-title {
    align-self: stretch;
    color: #140606;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.price-card-title-text {
    align-self: stretch;
    color: #140606;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.price-card-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
    direction: rtl;
}

.price-card-content-list {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.price-card-content-text {
    color: #140606;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.price-card-button-block {
    display: flex;
    padding-top: 16px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}

.price-card-button-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.price-card-button-price-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.price-card-button-price-top-text {
    align-self: stretch;
    color: #806B6A;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.price-card-button-price-bot {
    align-self: stretch;
    color: #95332F;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.price-card-button {
    border-radius: 200px;
    background: #95332F;
    color: #FFF;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    cursor: pointer;
    display: flex;
    width: 248px;
    height: 47px;
    justify-content: center;
    align-items: center;
    border: none;
    text-decoration: none;
}

.price-button-img {
    margin-bottom: -29px;
    margin-right: -92px;
}

.tabs {
    padding: 100px 0 64px 0;
    background-image: url("../img/tab-img.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-container {
    display: flex;
    height: 940px;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    flex-shrink: 0;
    align-self: stretch;
}

.tab-top {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
    margin-bottom: -1px;
}

.tab {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px 8px 0 0;
    border: 1px solid #95332F;
    background: #FFF;
    cursor: pointer;
    align-self: stretch;
    width: 100%;
    color: #95332F;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.tab-content {
    padding: 24px;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    flex: 1 0 0;
    border-radius: 0 0 32px 32px;
    border-right: 1px solid #BD817E;
    border-bottom: 1px solid #BD817E;
    border-left: 1px solid #BD817E;
    background: #F3F0ED;
    width: 100%;
}

.tab-title-block-mob {
    display: none;
}

.tab-content-1, .tab-content-2, .tab-content-3 {
    display: none;
}

.tab-content-1-mob, .tab-content-2-mob, .tab-content-3-mob {
    display: none;
}

.tab-content-block {
    display: flex;
    padding: 0;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}

.tab-content-block-text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}
.tab-content-block > img {
    width: 410px;
}
.tab-top-text {
    display: flex;
    padding: 16px 12px;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #F4E8DF;
    background: #F3F0ED;
}

.tab-bot-text {
    display: flex;
    padding: 12px;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #F4E8DF;
    background: #F3F0ED;
    color: #3C1413;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.tab-top-title-block {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.tab-top-title {
    flex: 1 0 0;
    align-self: stretch;
    color:  #95332F;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.tab-top-text-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    align-self: stretch;
}

.tab-top-text-svg {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 9px;
    align-self: stretch;
}

.tab-top-text-text {
    flex: 1 0 0;
    color: #3C1413;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.tabs-2-text-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tab-2-text-block {
    display: flex;
    padding: 12px;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #F4E8DF;
    border-radius: 16px;
    border: 1px solid #F4E8DF;
    background: #F3F0ED;
}

.tab-2-title {
    align-self: stretch;
    color: #95332F;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.tab-2-text {
    align-self: stretch;
    color: #3C1413;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.tab-content-3 {
    width: 100%;
    padding: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 0 0 32px 32px;
    border-right: 1px solid #BD817E;
    border-bottom: 1px solid #BD817E;
    border-left: 1px solid #BD817E;
    background: #F3F0ED;
}

.tab-3-top {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-self: stretch;
    gap: 20px;
    height: 400px;
    overflow-y: hidden;
}

.tab-3-text-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    flex: 1 0 0;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

.tab-3-top img {
    flex: 0 0 auto;
    max-height: 400px;       /* чтобы не выше текстовой зоны */
    width: 407px;
    height: auto;
    object-fit: contain;
}

.tab-3-text-card {
    display: flex;
    padding: 12px;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #F4E8DF;
    background: #F3F0ED;
}

.tab-3-title {
    flex: 1 0 0;
    color: #95332F;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.tab-3-text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    align-self: stretch;
}

.tab-3-text-1 {
    align-self: stretch;
    color: #3C1413;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.tab-3-text-2 {
    align-self: stretch;
    color: #95332F;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.tab-3-bot {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8.746px;
}

.tab-3-bot-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13.993px;
    flex-shrink: 0;
}

.tab-3-bot-text {
    color: #95332F;
    text-align: center;
    font-family: Liddar, sans-serif;
    font-size: 61.068px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.tab-3-height {
    line-height: 180%;
}

.tab-3-bot-button {
    border-radius: 368.146px;
    background: #95332F;
    color: #FFF;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 35.2px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.tab.active {
    border: none;
    background: #F3F0ED;
}

.chat {
    padding: 40px 0;
}

.chat-title-block-mob {
    display: none;
}

.chat-next, .chat-prev { display: none; }

.chat-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 64px;
    align-self: stretch;
}

.chat-svg {
    margin-bottom: -46px;
    margin-right: -46px;
}

.chat-content-block {
    display: flex;
    align-items: center;
    gap: 32px;
}

.chat-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.chat-text {
    color: #95332F;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.team {
    padding: 40px 0;
    background-image: url("../img/team.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.team-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-self: stretch;
}

.team-svg {
    margin-top: -12px;
}

.team-title-block{
    display: flex;
    justify-content: center;
}

.our-team {
    display: flex;
    padding: 40px 0 27px 0;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 32px;
    align-self: stretch;
}
.team-card {
    margin-top: 16px;
}
.team-card-img {
    border-radius: 16px;
    width: 100%;
}
.team-cards .slick-slide {
    margin: 0 15px; /* горизонтальный отступ между слайдами */
}

.team-cards .slick-list {
    margin: 0 -15px; /* компенсируем внешние отступы */
}

.team-title-block-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.team-card-descr {
    align-self: stretch;
    text-align: center;
    color: #806B6A;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.team-cards-wrapper {
    width: 100%;
}

.team-card-title {
    color: #593D3D;
    font-weight: 700;
    margin-top: 16px;
}
.team-card-quit {
    font-style: italic;
}

.questions {
    padding: 60px 0 40px 0;
}

.questions-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.questions-svg {
    margin-top: -10px;
}

.questions-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.team-next {
    cursor: pointer;
}

.question-item {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 24px;
    align-self: stretch;
    border-radius: 24px;
    background: #F3F0ED;
    cursor: pointer;
    overflow: hidden;
    max-height: 200px; /* закрытое состояние */
    transition: max-height 0.6s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}

.question-item.open {
    max-height: 800px; /* открытое состояние */
}

/* Заголовок */
.question-item-title-block {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.question-item-title-top {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}

.question-item-title {
    flex: 1 0 0;
    color: #591F1C;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 140%;
}

/* Текст вопроса */
.question-item-text {
    align-self: stretch;
    color: #593D3D;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.6s ease, opacity 0.4s ease;
}

.question-item.open .question-item-text {
    opacity: 1;
    max-height: 500px; /* достаточно для контента */
}


.quest-top-1, .quest-top-2, .quest-top-3, .quest-top-4, .quest-top-5, .quest-top-6, .quest-top-7, .quest-top-8, .quest-top-9, .quest-top-10 {
    display: none;
    cursor: pointer;
}

.quest-bot-1, .quest-bot-2, .quest-bot-3, .quest-bot-4, .quest-bot-5, .quest-bot-6, .quest-bot-7, .quest-bot-8, .quest-bot-9, .quest-bot-10 {
    cursor: pointer;
}

.tehnology {
    padding: 40px 0;
}

.tehnology-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.tehnology-top {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
}

.tehnology-card {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    border-radius: 24px;
    background: #95332F;
    transition: all 0.3s ease;
    width: 50%;
    cursor: pointer;
    max-height: 200px; /* Начальная высота */
}

.tehnology-card-content {
    display: flex;
    height: 168px;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
    align-self: stretch;
    transition: height 0.3s ease;
}

.tehnology-card-text {
    display: flex;
    align-self: stretch;
    color: #1E0A09;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s
    ease, max-height 0.5s
    ease;
}

.tehnology-card-title {
    flex: 1 0 0;
    color: #FFF;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    transition: color 0.3s ease;
}

.tehn-top-1, .tehn-top-2 {
    display: none;
    cursor: pointer;
}

.tehn-bot-1, .tehn-bot-2 {
    cursor: pointer;
}

.tehnology-card[data-open="true"] {
    max-height: 800px; /* Максимальная высота при открытии */
}

.tehnology-card[data-open="true"] .tehnology-card-text {
    opacity: 1;
    max-height: 500px;
}

.tehn-top-1, .tehn-bot-1 {
    transition: opacity 0.3s ease;
}

.tehnology-card:not([data-open="true"]) .tehn-top-1 {
    display: none;
}

.tehnology-card.open .tehn-bot-1 {
    display: none;
}

.tehn-button-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.tehn-button-title {
    color: #95332F;
    text-align: center;
    font-family: Liddar;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.tehn-button {
    border-radius: 376.512px;
    background: #95332F;
    color: #FFF;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.start {
    padding: 90px 0;
    background-image: url("../img/start.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.start-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}

.start-svg {
    margin-bottom: -45px;
    margin-right: -45px;
}

.start-content {
    display: flex;
    align-items: center;
    gap: 48px;
    align-self: stretch;
    justify-content: space-between;
}

.start-img {
    border-radius: 24px;
    width: 40%;
}

.start-text {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 0 32px 32px 32px;
    border: 1px solid #BD817E;
    background: #FEFEFD;
    box-shadow: 0 0 16px 0 rgba(150, 51, 47, 0.33);
    width: calc(60% -  48px);
}

.start-text-text {
    align-self: stretch;
    color: #32100F;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.communication {
    padding: 40px 0;
}

.communication-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    flex-shrink: 0;
}

.communication-card {
    display: flex;
    align-items: center;
}

.comm-svg {
    margin-top: -38px;
    margin-left: -8px;
}

.communication-form {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    border-radius: 16px;
    background: #95332F;
    box-shadow: 0 0 16px 0 rgba(119, 41, 38, 0.12);
}

.form-row {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    align-self: stretch;
}

.form-col textarea  {
    height: 131px;
}

.form-col input, .form-col textarea  {
    display: flex;
    width: 100%;
    padding: 9px 16px!important;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 8px;
    border-radius: 16px!important;
    border: 1px solid #E5CCCB!important;
    background: rgba(255, 255, 255, 0.10)!important;
    text-align: right;

    color: #C1B5AD!important;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.form-col input:hover, .form-col textarea:hover {
    border: 1px solid #95332F!important;
    background: #F9F3EE!important;
    color: #C1B5AD!important;
}

.form-col input:hover::placeholder, .form-col textarea:hover::placeholder {
    color: #C1B5AD!important;
}

.form-col input:focus,
.form-col textarea:focus {
    border: 1px solid #E5CCCB !important;
    background: #F9F3EE !important;
    color: #605A56 !important;
    outline: none !important;
    box-shadow: none !important;
}

.form-col textarea::placeholder, .form-col input::placeholder {
    color: #FFF;
    text-align: right;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.form-submit {
    display: flex;
    justify-content: center;
}

.form-submit input[type="submit"] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    border-radius: 32px;
    background: #FFF;
    color: #6C120E;
    text-align: center;
    font-family: "Futura PT", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    border: none;
    cursor: pointer;
    width: 343px;
    height: 63px;
}
.form-submit input[type="submit"]:hover {
    box-shadow: 0 8px 24px 0 rgba(250, 250, 250, 0.6);
}

.form-col input.wpcf7-not-valid,
.form-col textarea.wpcf7-not-valid {
    border: 1px solid #EF4444!important;
}

.wpcf7-response-output, .wpcf7-not-valid-tip {
    border: none !important;
    box-shadow: none !important;
    align-self: stretch;
    color: #EF4444;
    text-align: center;
    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.form-col {
    width: calc(50% - 5px);
}
.wpcf7 {
    width: 100%
}

.comm-img {
    z-index: 1;
    margin-bottom: -64px;
}

p {
    margin: 0px!important;
}

.form-submit p {
    margin-bottom: -30px!important;
}

.wpcf7-form.init {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about-svg-mob, .about-svg-bottom-mob, .step-svg-mob, .price-svg-mob, .chat-svg-mob, .team-svg-mob, .questions-svg-mob,
.start-svg-mob, .comm-svg-mob {
    display: none;
}

@media (max-width: 1200px) {
    .promo-card {
        width: 520px;
    }

    .promo-card-text, .about-top-descr-text-2-1, .about-bottom-info-text, .promo-top-text-3, .price-card-title-text, .price-card-content-text, .price-card-button-price-top-text,
    .tab-top-text-text, .tab-2-text, .tab-3-text-1, .tab-3-text-2, .tab-3-text-1 {
        font-size: 20px;
    }

    .about-top-descr-text-2-1 {
        margin-top: 4px;
    }

    .about-top-descr-img {
        margin-top: 0px;
    }

    .hero__title {
        font-size: 62px;
    }

    .hero-text-1, .about-top-descr-text {
        font-size: 26px;
    }

    .hero-text-4 {
        font-size: 46px;
    }

    .about-title {
        font-size: 30px;
    }

    .about-svg {
        margin-bottom: -43px;
        margin-left: 409px;
    }

    .about-top-text-card-text, .step-content-block-text, .tehnology-card-text, .question-item-text, .start-text-text, .form-col input, .tab-bot-text {
        font-size: 18px;
    }

    .about-top-descr-title, .price-text, .price-card-title-title, .price-card-button-price-bot, .tab, .tab-top-title, .chat-text,
    .tehnology-card-title, .question-item-title, .tab-2-title, .tab-3-title, .tab-3-title {
        font-size: 24px;
    }
    .tab-top-title {
        text-decoration: underline;
    }
    .about-svg-bottom {
        margin-bottom: -45px;
        margin-left: 264px;
    }

    .step-svg {
        margin-bottom: -45px;
        margin-left: 235px;
    }

    .about-bottom-title, .promo-button-text, .tab-3-bot-text, .tehn-button-title {
        font-size: 45px;
    }

    .promo-top-text-1 {
        font-size: 30px;
    }

    .promo-top-text-2 {
        font-size: 34px;
    }

    .price-card {
        padding: 24px 12px;
    }

    .chat-svg {
        margin-bottom: -35px;
    }

    .team-svg {
        margin-top: -20px;
    }

    .team-title-block {
        padding-top: 20px;
    }

    .our-team {
        padding: 50px 0 27px 0;
    }

    .questions-svg {
        margin-top: -20px;
    }

    .start-svg {
        margin-bottom: -35px;
    }

    .form-col textarea {
        height: 117px;
    }

    .about-title-container, .about-bottom-info-title-block, .step-title-block, .price-svg-block, .chat-title-block, .team-title-block, .questions-svg-block,
    .start-svg-block, .communication-card {
        display: flex;
        flex-direction: row;
        gap: 0px;
    }
    .step-content-right .step-title-block {
        display: none;
    }


    .about-svg-mob {
        display: flex;
        margin-top: -7px;
        margin-left: -9px;
    }

    .about-svg-bottom-mob {
        display: flex;
        margin-bottom: 40px;
    }

    .step-svg-mob {
        display: flex;
        margin-top: -25px;
        margin-left: -5px;
    }

    .chat-svg-mob, .questions-svg-mob {
        display: flex;
        margin-top: -6px;
        margin-left: -6px;
    }

    .team-svg-mob, .start-svg-mob, .price-svg-mob {
        display: flex;
        margin-top: -7px;
        margin-left: -7px;
    }

    .comm-svg-mob {
        display: flex;
        margin-top: -28px;
        margin-left: -7px;
    }

    .about-svg, .about-svg-bottom, .step-svg, .price-svg, .chat-svg, .team-svg, .questions-svg, .start-svg, .comm-svg {
        display: none;
    }
}

@media (max-width: 991.97px) {

    .start-img, .start-text {
        width: auto;
    }

    .start-content {
        flex-direction: column-reverse;
    }

    .promo-button-container {
        margin-bottom: -22px;
    }

    .about-bottom-info-container {
        min-height: 173px;
    }

    .step-content {
        flex-direction: column;
        align-items: center;
    }

    .step-container {
        gap: 30px;
    }

    .step-container-video {
        width: 100%;
    }

    .step-content-right {
        width: 100%;
        padding-top: 130px;
    }

    .promo-cards-container {
        flex-direction: column;
    }

    .promo-img {
        display: none;
    }

    .promo-img-mob {
        margin-top: 19px;
        display: block;
    }

    .promo-card {
        width: 100%;
    }

    .promo-bot-container {
        gap: 19px;
    }

    .price-cards {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .tabs {
        background-image: none;
    }

    .tab-top {
        display: flex;
        padding: 30px 0 60px 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
    }

    .tab {
        display: flex;
        padding: 24px 16px;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 16px;
        text-align: center;
        border-top: 1px solid #BD817E;
        border-right: 1px solid #BD817E;
        border-left: 1px solid #BD817E;
        background: #95332F;
        color: #FFF;
        flex-direction: column;
        font-weight: 700;
    }



    .tab-content-block {
        flex-direction: column;
    }

    .tab-content {
        border: none;
        background: #F1E2D8;
        align-items: center;
        padding: 0;
    }

    .tab-title-block-mob {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 8px;
    }

    .tab-title-mob {
        align-self: stretch;
        color: #95332F;
        text-align: center;
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
    }

    .tab-text-mob {
        align-self: stretch;
        color: #1E0A09;
        text-align: center;
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .tab.active {
        border-radius: 8px 8px 32px 32px;
        border: 1px solid #BD817E;
        background: #F1E2D8;
    }

    .tab-3-bot {
        display: none;
    }

    .tab-3-text-block {
        overflow: visible;
    }

    .tab-3-top {
        flex-direction: column;
        overflow: visible;
        height: auto;
    }

    .tab-container {
        height: auto;
    }

    .tab-title-line-mob {
        border-bottom: 1px solid #BD817E;
        width: 100%;
        display: none;
        width: calc(100% + 32px);
        padding-top: 16px;
    }

    .tab.active .tab-title-line-mob {
        display: block;
    }

    .tab-3-text-block {
        max-height: none;
        min-height: auto;
    }

    .tab-text-mob-3 {
        padding-top: 16px;
    }

    .start {
        padding: 110px 0 20px 0;
    }

    .price-cards {
        flex-direction: column;
    }


    .hero-text-1-block .line-2-block .hero-text-1 {
        padding: 0;
    }
    .line-2 {
        width: fit-content;
    }
    .hero-text-1-mob-block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero-text-top-mob {
        display: flex;
        gap: 5px;
    }

    .hero-line-block-mob {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        padding-bottom: 5px;
        margin-top: -4px;
    }

    .right-mob {
        margin-left: -24px;
    }

    .left-mob {
        margin-right: -24px;
    }

    .hero-line-mob {
        width: 66%;
        margin-top: -7px;
    }

    .hero-text-1-mob {
        color: #280D0C;
        text-align: center;
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
    }

    .hero-text-2-mob {
        color: #280D0C;
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        flex-direction: column;
    }

    .hero-text-3-mob {
        color: #6C120E;
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
    }

    .hero__title {
        padding-bottom: 20px;
    }
    .step-content-right .step-title-block {
        display: flex;
        direction: rtl;
    }
    .about-top-descr-text {
        font-size: 18px;
    }
    .about-top-descr-text span {
        font-size: 20px;
    }
    .about-top-text-card-text {
        font-size: 18px !important;
    }
}

@media (max-width: 767.97px) {
    .about-top-descr-img-mob {
        display: flex;
        padding-right: 56px;
        margin-top: -5px;
        width: 56%
    }
    .step-svg-img-video {
        display: none;
    }

    .price-svg-svg-mob {
        display: none;
    }
    .communication {
        padding: 20px 0;
    }
    .hero-button {
        font-size: 22px;
        height: 58px;
        width: 221px;
    }
    .hero .hero-button {
        transform: translateY(6px);
    }
    .chat-title-block {
        display: none;
    }

    .chat-title-block-mob {
        display: flex;
        flex-direction: column;
    }

    .step-video-img {
        display: none;
    }

    .step-video-img-mob {
        display: block;
        width: 460.39px;
        height: 672.383px;
        transform: rotate(3.202deg);
        flex-shrink: 0;
        border-radius: 15.628px;
        background: #95332F;
    }

    .step-video-block {
        top: 40px;
    }
    .step-about-title-mob {
        padding-bottom: 18px;
    }
.step-title-block {
    direction: rtl;
}
    .step-svg-mob {
        margin: 0;
        transform: translate(-10px, -25px);
    }
    .hero {
        background-image: url("../img/top-mob-1.svg");
        padding-bottom: 50px;
    }
    .hero__img {
        display: none;
    }
    .hero__img_mob {
        display: block;
    }

    .about {
        padding: 30px 0 25px 0;
    }

    .about-top-descr-text-block-mob {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .about-text-block-mob {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .abot-text-mob-1 {
        color: #591F1C;
        text-align: center;
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
    }

    .abot-text-mob-2 {
        color: #95332F;
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
    }

    .abot-text-mob-3 {
        color: #95332F;
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
    }

    .ab-title {
        display: none;
    }

    .about-title-container {
        flex-direction: column;
    }

    .about-title-mob-1 {
        display: block;
        align-self: stretch;
        color: #95332F;
        text-align: center;
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center;
    }

    .about-title-mob-2 {
        display: block;
        align-self: stretch;
        color: #95332F;
        font-family: "Open Sans Hebrew", sans-serif;
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center;
    }

    .about-top-text {
        flex-direction: column;
    }

    .about-top-text-block {
        display: none;
    }

    .about-top-text-block-mob {
        display: flex;
        flex-direction: column;
    }

    .about-bottom {
        padding: 30px 0;
    }

    .about-bottom-container {
        gap: 30px;
    }

    .about-bottom-info-title-block {
        padding-bottom: 24px;
    }

    .about-bottom-info-text-block {
        flex-direction: column;
        gap: 12px;
    }

    .about-bottom-info-container {
        width: 100%;
        min-height: 116px;
        justify-content: flex-start;
    }

    .about-svg-mob {
        display: none;
    }

    .step {
        padding: 30px 0;
    }

    .step-content-right {
        align-items: center;
        padding-top: 80px;
    }
    .step-content-block-tit {
        font-size: 22px;
    }
    .promo-bot-container {
        padding: 0 !important;
        max-width: none !important;
    }
    .promo-cards {
        gap: 19px;
        padding: 0 15px;
    }

    .promo-top-text-2 {
        padding-bottom: 19px;
    }

    .promo {
        padding: 0 0 40px 0;
    }
    .promo-card-title {
        font-size: 24px;
    }
    .tabs {
        padding: 30px 0 30px 0;
    }

    .price {
        padding: 60px 0 30px 0;
    }
    .price-svg-block {
        align-items: flex-end;
        justify-content: flex-end;
    }
    .price-svg-mob {
        margin: 0;
        transform: translate(-10px, -22px);
    }
    .price-button-img {
        margin-bottom: -29px;
        margin-right: -91px;
    }
    .chat {
        padding: 0;
    }

    .team-container {
        gap: 0px;
    }

    .promo-button-container-mob {
        display: block;
        padding-bottom: 30px;
    }

    .tehnology-top {
        display: none;
    }

    .comm-img {
        margin-bottom: 170px;
        margin-left: -100px;
    }

    .communication-form {
        margin-top: -210px;
    }
    .team-card-title {
        font-size: 16px;
    }
    .form-row {
        flex-direction: column-reverse;
        align-items: center;
    }

    .form-col {
        width: 100%;
    }

    .wpcf7-form br {
        display: none;
    }

    .contact-input-name {
        margin-bottom: 11px;
    }

    .chat-content { display: none; }
    .chat-content.active { display: flex; }

    .chat-next, .chat-prev { display: block; cursor: pointer; }

    .chat-next {
        margin-right: 32px;
    }

    .chat-prev {
        margin-right: 21px;
    }

    .chat-container {
        gap: 0px;
    }

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

    .tehnology {
        padding: 0;
    }

    .form-submit {
        display: block;
        width: 100%;
    }

    .form-submit input[type="submit"] {
        width: 100%;
        height: 58px;
        font-size: var(--button-large-size, 24px);
    }
    .form-col input, .form-col textarea {
        font-size: 18px;
    }
    .footer-top {
        flex-direction: column-reverse;
    }
    .team {
        background-position: top;
    }
    .our-team {
        padding-top: 26px;
        gap: 28px;
    }
    .questions {
        padding-bottom: 30px;
    }
    .start {
        background-position: top;
        padding-top: 94px;
    }
    .step-content-block.open {
        border: none;
    }
}


@media (max-width: 575.97px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .step-video {
        width: 100%;
    }
}

@media (max-width: 485px) {
    .step-video-img-mob {
        width: 430.39px;
        height: 618.383px;
    }
}

@media (max-width: 450.97px) {

    .step-video-img {
        height: 550px;
    }
}

@media (max-width: 443px) {
    .step-video-img-mob {
        width: 375.39px;
        height: 505.383px;
    }
}

@media (max-width: 425.97px) {
    .about-top-descr-img-mob {
        display: flex;
        padding-right: 52px;
        margin-top: -5px;
        width: 61%;
    }

    .footer-top {
        flex-direction: column-reverse;
    }
}

@media (max-width: 410.97px) {

    .step-video-img {
        height: 525px;
    }
}

@media (max-width: 400.97px) {
    .about-top-descr-img-mob {
        width: 66%;
    }
}

@media (max-width: 375.97px) {

    .step-video-img {
        height: 465px;
    }

    .step-video-img-mob {
        width: 315.39px;
        height: 465.383px;
    }

    .about-top-descr-img-mob {
        width: 72%;
    }

}

@media (max-width: 340.97px) {
        .about-title {
        font-size: 27px;
    }

    .about-top-descr-img-mob {
        width: 78%;
    }
}










@media (max-width: 330px) {
    .about-top-descr-img-mob {
        width: 82%;
    }
}


/* Анимации появления при скролле */
.fade-in {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in-right {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in-up {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in-down {
    opacity: 0;
    transform: translateY(-50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in-visible {
    opacity: 1;
    transform: translate(0);
}

/* Анимация для разворачивающихся элементов */
.expandable {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.expandable.expanded {
    max-height: 1000px; /* Достаточно большое значение для контента */
}

/* Анимация для кнопок и интерактивных элементов */
.hero-button, .price-card-button {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.hero-button:after, .price-card-button:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.7s ease;
}

.hero-button:hover:after, .price-card-button:hover:after {
    left: 100%;
}

/* Анимация для карточек */
.about-bottom-info-container, .step-content-block, .promo-card,
.price-card, .tab-2-text-block, .tab-3-text-card,
.question-item, .tehnology-card {
    transition: all 0.3s ease;
}

/* Анимация для шагов */
.step-content-block:hover {
    transform: translateY(-5px);
    box-shadow: -4px 8px 16px 0 rgba(119, 41, 38, 0.24);
}

/* Анимация для вкладок */
.tab {
    transition: all 0.3s ease;
}

.tab.active {
    transform: translateY(-2px);
}

/* Анимация для вопросов */
.question-item:hover,
.step-content-block:hover {
    transform: translateY(-3px);
    background: var(--Beige-Beige-100, #FCF8F5) !important;
    box-shadow: -8px 12px 15.3px 0 rgba(89, 61, 61, 0.17) !important;
}

/* Анимация для изображений */
img {
    transition: all 0.3s ease;
}

img:hover {
    transform: scale(1.03);
}

/* Анимация для формы */
.form-col input, .form-col textarea {
    transition: all 0.3s ease;
}

/* Анимация появления для основных секций */
.hero, .about, .about-bottom, .step, .promo,
.price, .tabs, .chat, .team, .questions,
.tehnology, .start, .communication {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease, transform 1s ease;
}

.section-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Ключевые кадры для особых анимаций */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

@keyframes shine {
    0% { background-position: -100px; }
    100% { background-position: 200px; }
}

.pulse {
    animation: pulse 2s infinite;
}

.float {
    animation: float 3s ease-in-out infinite;
}

/* Анимация для стрелок */
.hurt-top-1, .hurt-top-2, .hurt-top-3, .hurt-top-4, .hurt-top-5,
.quest-top-1, .quest-top-2, .quest-top-3, .quest-top-4, .quest-top-5,
.quest-top-6, .quest-top-7, .quest-top-8, .quest-top-9, .quest-top-10,
.tehn-top-1, .tehn-top-2 {
    transition: transform 0.3s ease;
}

.rotated {
    transform: rotate(180deg);
}