.slide-custom-title {
    font-size: clamp(30px, calc(84 / 1920 * 100vw), 84px);
    font-weight: 800;
    line-height: clamp(40px, calc(66 / 1920 * 100vw), 66px);
}

#anniversary-contact-us {
    & {
        background: #114D7A;
        margin-top: 30px;
    }

    .anniversary-contact-us-inner {
        padding: clamp(22px, calc(46 / 1920 * 100vw), 46px) clamp(25px, calc(50 / 1920 * 100vw), 50px);
    }

    .anniversary-contact-us__intro {
        color: white;
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
    }

    .anniversary-contact-us__details a {
        color: #0CBFF2;
        display: block;
        font-size: clamp(22px, calc(30 / 1920 * 100vw), 30px);
        font-weight: 700;
        margin-top: 6px;
    }
}

.slide-custom-date {
    font-size: clamp(24px, calc(56 / 1920 * 100vw), 56px);
    font-weight: 800;
    color: #0cbff2;
    margin-top: clamp(16px, calc(28 / 1920 * 100vw), 28px);
}


.slide-custom-desc {
    font-size: clamp(14px, calc(18 / 1920 * 100vw), 18px);
    line-height: clamp(20px, calc(29 / 1920 * 100vw), 29px);
    padding-top: 21px;
    font-weight: 400;
    max-width: 510px;
    text-shadow: 0 0 11px black;
}

#main-teaser {
    & {
        padding-top: clamp(50px, calc(145 / 1920 * 100vw), 145px);
    }


    .anniversary-highlights__grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: clamp(20px, calc(60 / 1920 * 100vw), 60px)
    }

    @media (min-width: 576px) {
        .anniversary-highlights__grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (min-width: 992px) {
        .anniversary-highlights__grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));

        }
    }

    article.anniversary-highlights__card {
        background-color: #EEF9FE;
        padding: 24px 20px;
    }

    @media (min-width: 576px) {
        article.anniversary-highlights__card {
            padding: clamp(22px, calc(45 / 1920 * 100vw), 45px) clamp(24px, calc(35 / 1920 * 100vw), 35px);
        }
    }

    .anniversary-highlights__card-title {
        color: #114D7A;
        font-weight: 800;
        font-size: clamp(24px, calc(32 / 1920 * 100vw), 32px);
        padding-bottom: 6px;
    }

    @media (min-width: 576px) {
        .anniversary-highlights__card-title {
            min-height: clamp(64px, calc(92 / 1920 * 100vw), 92px);
            padding-bottom: 0;
        }
    }

    .anniversary-highlights__card-text {
        font-weight: 400;
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
        margin-bottom: 0;
    }


}


#anniversary-details {

    .anniversary-details__inner {
        padding: 0 0 0 18px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px 35px;
        margin-top: clamp(60px, calc(110 / 1920 * 100vw), 110px);
    }

    @media (min-width: 576px) {
        .anniversary-details__inner {
            padding: 0 clamp(0px, calc(84 / 1920 * 100vw), 84px);
        }
    }
    @media (min-width: 768px) {
        .anniversary-details__inner {
            grid-template-columns: repeat(2, minmax(0, 1fr));

        }
    }

    @media (min-width: 992px) {
        .anniversary-details__inner {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 38px 15px;
        }
    }

    article.anniversary-details__item {
        display: flex;
        gap: clamp(25px, calc(40 / 1920 * 100vw), 40px);
        align-items: center;
        position: relative;
    }

    .anniversary-details__icon {
        width: clamp(50px, calc(110 / 1920 * 100vw), 110px);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    @media (max-width: 575px) {
        .anniversary-details__icon {
            position: absolute;
            top: 3px;
            height: 22px;
            left: -16px;
        }

        .anniversary-details__icon img {
            max-width: 100%;
            max-height: 100%;
        }
    }

    .anniversary-details__title {
        color: #114D7A;
        font-weight: 700;
        font-size: clamp(24px, calc(32 / 1920 * 100vw), 32px);
        margin-bottom: 5px;
        padding-left: 35px;
    }

    @media (min-width: 576px) {
        .anniversary-details__title {
            padding-left: 0;
        }
    }

    .anniversary-details__text {
        font-weight: 600;
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
    }

    @media (min-width: 576px) {
        .anniversary-details__text {
            max-width: 360px;

        }
    }
}


#anniversary-schedule {
    & {
        margin-top: clamp(60px, calc(145 / 1920 * 100vw), 145px)
    }

    .anniversary-schedule__timeline {
        padding-top: 60px;
        padding-left: 53px;
    }

    @media (min-width: 576px) {
        .anniversary-schedule__timeline {
            padding-left: 72px;
        }
    }
    @media (min-width: 992px) {
        .anniversary-schedule__timeline {
            padding-top: 60px;
            padding-left: 0;
        }
    }

    .anniversary-schedule__inner {
        display: flex;
        flex-direction: column;
    }

    @media (min-width: 992px) {
        .anniversary-schedule__inner {
            flex-direction: row;

        }
    }

    .anniversary-schedule__intro {
        flex: 0 1 100%;
        max-width: 100%;

    }

    @media (min-width: 992px) {
        .anniversary-schedule__intro {
            flex: 1 1 82%;
            max-width: 82%;
        }
    }
    @media (min-width: 1300px) {
        .anniversary-schedule__intro {
            flex: 1 1 50%;
            max-width: 50%;
        }
    }

    .anniversary-schedule__timeline-time {
        font-weight: 700;
        color: #114D7A;
        font-size: clamp(26px, calc(34 / 1920 * 100vw), 34px);
    }

    .anniversary-schedule__timeline-item {
        position: relative;
    }

    .anniversary-schedule__timeline-item::before {
        content: "";
        width: 38px;
        height: 38px;
        background: #0CBFF2;
        border-radius: 50%;
        position: absolute;
        left: -63px;
        top: 0;
        border: 8px solid white;
        z-index: 999;
    }

    .anniversary-schedule__timeline-item:not(:last-child)::after {
        content: "";
        width: 3px;
        height: calc(100% + 20px);
        background: #b9ccda;
        position: absolute;
        left: -46px;
        top: 34px;
    }

    @media (min-width: 576px) {
        .anniversary-schedule__timeline-item::before {
            left: -78px;
        }

        .anniversary-schedule__timeline-item:not(:last-child)::after {
            left: -60px;
        }
    }

    .anniversary-schedule__timeline-text {
        padding-bottom: clamp(20px, calc(38 / 1920 * 100vw), 38px);
        font-size: clamp(18px, calc(24 / 1920 * 100vw), 24px);
        font-weight: 400;
    }

    .anniversary-schedule__text {
        padding-right: 0;
        padding-top: 24px;
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
        font-weight: 500;
        max-width: 850px;
        position: relative;
    }

    @media (min-width: 992px) {
        .anniversary-schedule__text {
            padding-right: 25%;
        }
    }

    @media (min-width: 1300px) {
        .anniversary-schedule__text {
            padding-right: 42%;
        }
    }
    @media (min-width: 992px) {
        .anniversary-schedule__text::after {
            content: "";
            position: absolute;
            bottom: calc(clamp(70px, calc(125 / 1920 * 100vw), 125px) * -1);
            left: calc(clamp(150px, calc(300 / 1920 * 100vw), 300px) * -1);
            height: clamp(18px, calc(22 / 1920 * 100vw), 22px);
            background: url('/_data/styly/zakoturcin/img/web/whyus-ruller.webp') no-repeat left/cover;
            width: 90%;
        }
    }
}

#anniversary-evening {
    & {
        padding: 50px 68px;
        background-color: #eef9fe;
        margin-top: 90px;
    }

    #anniversary-evening-title {
        color: #114D7A;
        font-size: clamp(32px, calc(36 / 1920 * 100vw), 36px);
    }

    .anniversary-evening__lead {
        padding-right: 19%;
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
        margin-top: 22px;
        font-weight: 500;
        margin-bottom: 24px;
    }

    .anniversary-evening__list {
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
        line-height: 2;
    }

    @media (max-width: 575px) {
        .anniversary-evening__list {
            padding-left: 20px;

        }
    }

    .anniversary-evening__inner {
        position: relative;
    }

    .anniversary-evening__note {
        position: absolute;
        right: 0;
        font-style: italic;
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
        font-weight: 500;
        color: #014376;
        bottom: -24px;
    }

    @media (max-width: 991px) {
        .anniversary-evening__note {
            position: relative;
            left: 0;
            right: unset;
            bottom: -12px;
        }
    }
}

.anniversary-manufacturing__outer {
    position: relative;
    overflow: hidden;
    margin-top: clamp(50px, calc(260 / 1920 * 100vw), 260px);
}

.anniversary-manufacturing__bg {
    background-color: #114D7A;
}

.anniversary-manufacturing__outer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(17, 77, 122, 0.92);
    z-index: 1;
}


.anniversary-manufacturing__background {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.anniversary-manufacturing__background img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#anniversary-manufacturing {
    & {
        position: relative;
        z-index: 3;
        margin-top: 0;
    }

    @media (min-width: 1700px) {
        & {
            padding: 0;
        }
    }

    .anniversary-manufacturing__inner {
        position: relative;
        padding: clamp(70px, calc(130 / 1920 * 100vw), 130px) 0;
    }

    .anniversary-manufacturing__title {
        color: #fff;
        margin-top: 14px;
    }

    .anniversary-manufacturing__text {
        margin-top: clamp(16px, calc(32 / 1920 * 100vw), 32px);
        color: #fff;
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
        line-height: 1.65;
    }

    .anniversary-manufacturing__grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: clamp(40px, calc(78 / 1920 * 100vw), 78px);
    }

    @media (min-width: 768px) {
        .anniversary-manufacturing__grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (min-width: 1300px) {
        .anniversary-manufacturing__grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .anniversary-manufacturing__card {
        display: flex;
        flex-direction: column;
        min-height: 280px;
        padding: 42px 42px 42px;
        background: rgba(255, 255, 255, 0.97);
    }

    @media (min-width: 992px) {
        .anniversary-manufacturing__card {
            padding: 50px 55px 50px;

        }
    }

    .anniversary-manufacturing__icon {
        display: flex;
        align-items: center;
        min-height: clamp(25px, calc(70 / 1920 * 100vw), 70px);
    }

    .anniversary-manufacturing__icon img {
        max-width: 100%;
        height: auto;
        height: clamp(65px, calc(100 / 1920 * 100vw), 100px);
    }

    .anniversary-manufacturing__content {
        margin-top: 32px;
    }

    .anniversary-manufacturing__card-title {
        color: #114D7A;
        font-size: clamp(26px, calc(18 / 1920 * 100vw), 32px);
        font-weight: 800;
        line-height: 1.05;
        margin-bottom: 20px;
    }

    .anniversary-manufacturing__card-lead {
        color: #114D7A;
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
        line-height: 1.45;
        margin-bottom: 16px;
        font-weight: 500;
    }

    .anniversary-manufacturing__card-text {
        color: black;
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 0;
    }

    @media (max-width: 991.98px) {
        .anniversary-manufacturing__card {
            min-height: 0;
        }


    }
}

.anniversary-technology__outer {
    background: linear-gradient(90deg, #ebf6fa 0%, #f2f5f7 100%);
}

#anniversary-technology {
    & {
        padding-top: clamp(60px, calc(140 / 1920 * 100vw), 140px);
        padding-bottom: clamp(70px, calc(245 / 1920 * 100vw), 245px);
    }

    .anniversary-technology__inner {
        position: relative;
    }

    .anniversary-technology__title {
        margin-top: 14px;
        color: #0CBFF2;
    }

    .anniversary-technology__text {
        margin-top: clamp(27px, calc(52 / 1920 * 100vw), 52px);
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
        font-weight: 500;
        color: black;
    }

    .anniversary-technology__grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: clamp(50px, calc(82 / 1920 * 100vw), 82px);
    }

    @media (min-width: 1300px) {
        .anniversary-technology__grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .anniversary-technology__card {
        padding: 0 0 42px 0;
        background: rgba(255, 255, 255, 0.94);
    }

    .anniversary-technology__card-top {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        align-items: center;
        padding-left: clamp(38px, calc(50 / 1920 * 100vw), 50px);
    }

    .anniversary-technology__card-top {
        grid-template-columns: minmax(0, 1fr) 362px;
    }

    .anniversary-technology__copy {
        /* max-width: 307px; */
    }

    .anniversary-technology__card-title {
        color: #114D7A;
        font-size: clamp(28px, calc(38 / 1920 * 100vw), 38px);
        line-height: 1.0;
        font-weight: 800;
        margin-bottom: clamp(12px, calc(24 / 1920 * 100vw), 24px);
    }

    .anniversary-technology__card-model {
        color: #6a95be;
        font-size: clamp(18px, calc(22 / 1920 * 100vw), 22px);
        font-weight: 500;
        margin-bottom: 0;
    }

    .anniversary-technology__image {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        min-height: 212px;
    }

    @media (min-width: 992px) {
        .anniversary-technology__image {
            justify-content: end;
            min-height: clamp(200px, calc(340 / 1920 * 100vw), 340px);
        }
    }

    .anniversary-technology__image img {
        display: block;
        max-width: 100%;
        max-height: 190px;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    @media (min-width: 992px) {
        .anniversary-technology__image img {
            max-height: clamp(200px, calc(340 / 1920 * 100vw), 340px);
        }
    }

    .anniversary-technology__specs {
        margin-top: clamp(14px, calc(36 / 1920 * 100vw), 36px);
        padding-left: 20px;
        padding-right: 20px;
    }

    @media (min-width: 576px) {
        .anniversary-technology__specs {
            margin-top: 0;
            padding-left: clamp(42px, calc(50 / 1920 * 100vw), 50px);
            padding-right: clamp(42px, calc(50 / 1920 * 100vw), 50px);
        }

    }

    .anniversary-technology__spec-row {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        padding: 7px 6px;
    }

    .anniversary-technology__spec-row:not(:last-child) {
        border-bottom: 1px solid #0143764D;
    }

    .anniversary-technology__spec-label {
        color: #2e3d4c;
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
        font-weight: 500;
        line-height: 1.35;
    }

    .anniversary-technology__spec-value {
        color: #6a95be;
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
        font-weight: 500;
        line-height: 1.35;
        text-align: right;
    }

    @media (max-width: 767.98px) {
        .anniversary-technology__card-top {
            display: flex;
            flex-direction: column-reverse;
            align-items: flex-start;
            padding: 0 0 0 clamp(42px, calc(50 / 1920 * 100vw), 50px);
        }

        .anniversary-technology__spec-row {
            flex-direction: column;
            gap: 4px;
        }

        .anniversary-technology__spec-value {
            text-align: left;
        }
    }

    @media (max-width: 575px) {
        .anniversary-technology__card-top {
            padding: 0 0 0 25px;
        }
    }
}

.anniversary-reservation__info {

    & {
        min-width: 0;
    }

    .anniversary-reservation__title {
        margin-top: 16px;
        color: #0CBFF2;
    }

    @media (min-width: 1300px) {
        .anniversary-reservation__title {
            max-width: 470px;
        }
    }

    .anniversary-reservation__details {
        display: grid;
        gap: clamp(30px, calc(64 / 1920 * 100vw), 64px) 34px;
        margin-top: clamp(60px, calc(102 / 1920 * 100vw), 102px);
        max-width: 520px;
    }

    .anniversary-reservation__detail {
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr);
        gap: clamp(20px, calc(55 / 1920 * 100vw), 55px);
        align-items: center;
    }

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

    .anniversary-reservation__detail-icon img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    @media (max-width: 767px) {
        .anniversary-reservation__detail-icon {
            margin-bottom: auto;
        }

        .anniversary-reservation__detail-icon img {
            width: 40px;
        }
    }

    .anniversary-reservation__detail-title {
        color: #114D7A;
        font-size: clamp(22px, calc(30 / 1920 * 100vw), 30px);
        line-height: 1.05;
        font-weight: 800;
        margin-bottom: clamp(4px, calc(10 / 1920 * 100vw), 10px);
    }

    .anniversary-reservation__detail-text {
        color: black;
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
        line-height: 1.45;
        margin-bottom: 0;
    }

    .anniversary-reservation__map {
        margin-top: clamp(40px, calc(93 / 1920 * 100vw), 92px);
        max-width: 740px;
        aspect-ratio: 1 / 0.8;
        background: #eef7fb;
        overflow: hidden;
        position: relative;

    }

    @media (min-width: 992px) {
        .anniversary-reservation__map {
            left: -20px;
        }
    }

    .anniversary-reservation__map iframe {
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
    }
}

#anniversary-reservation {
    & {
        padding-top: clamp(70px, calc(155 / 1920 * 100vw), 155px);
        padding-bottom: clamp(50px, calc(120 / 1920 * 100vw), 120px);
    }

    .anniversary-reservation__inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
        align-items: start;
    }

    @media (min-width: 1300px) {
        .anniversary-reservation__inner {
            grid-template-columns: minmax(0, 1fr) calc(50% - 21px);
            gap: 42px;
        }
    }

    .anniversary-reservation__form-panel-inner {
        background: #eaf7fd;
        min-height: 820px;
        padding: clamp(25px, calc(50 / 1920 * 100vw), 50px) clamp(25px, calc(50 / 1920 * 100vw), 50px) clamp(20px, calc(38 / 1920 * 100vw), 38px) clamp(25px, calc(50 / 1920 * 100vw), 50px);
        margin-top: clamp(50px, calc(150 / 1920 * 100vw), 150px);
    }

    .anniversary-reservation__form-slot {
        width: 100%;
        min-height: 100%;
        height: 100%;
        background: transparent;
    }
}

.anniversary-reservation__required-note {
    text-align: right;
    font-size: 16px;
    color: #114d7a;
    margin-top: 20px;
}

#dynamic-form-1 {
    label,
    .dynamic-form__required-corner,
    .dynamic-form-group-label,
    .dynamic-form__count-input,
    .dynamic-form__count-button,
    .dynamic-form__repeater-table thead,
    .dynamic-form__repeater-index,
    .dynamic-form__submit-icon,
    .dynamic-form__repeater-index {
        display: none;
    }

    input,
    textarea {
        border-radius: 0;
        padding: 28px 16px;
        border: none;
    }

    textarea {
        padding: 12px 16px;
    }

    input::placeholder,
    textarea::placeholder {
        color: #01437680;
        font-size: 16px;
        opacity: 1; /* ve Firefoxu je výchozí hodnota nižší */
    }

    .dynamic-form__field {
        margin-bottom: 18px;
    }

    .dynamic-form__repeater-row td:nth-child(2),
    .dynamic-form__repeater-row td:nth-child(3) {
        width: 50%;
    }

    .dynamic-form__repeater-actions-cell {
        width: 76px;
        vertical-align: top;
    }

    .dynamic-form__trash-button {
        height: 56px;
        width: 54px;
        border: none;
        background: white;
        color: #80a1c3;
    }

    .dynamic-form__add-row {
        border: none;
        background: white;
        color: #80a1c3;
        padding: 12px 30px 13px 17px;
    }

    .dynamic-form__choice {
        color: #114d7a;
        font-size: clamp(14px, calc(16 / 1920 * 100vw), 16px);
        font-weight: 400;
        line-height: 1.2;
    }

    .dynamic-form__choice--checkbox {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        cursor: pointer;
        margin-top: 30px;
        padding-left: clamp(0px, calc(24 / 1920 * 100vw), 24px);
        margin-bottom: clamp(16px, calc(26 / 1920 * 100vw), 26px);
    }

    .dynamic-form__checkbox-input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .dynamic-form__checkbox-box {
        width: 20px;
        min-width: 20px;
        height: 20px;
        border: 1px solid #2d6fa4;
        border-radius: 0;
        background: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 2px;
        transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
    }

    .dynamic-form__checkbox-icon {
        color: #2d6fa4;
        font-size: 13px;
        line-height: 1;
        opacity: 0;
        transform: scale(0.85);
        transition: opacity 0.2s ease;
    }

    .dynamic-form__checkbox-label {
        flex: 1;
        color: #114d7a;
        line-height: 1.35;
    }

    .dynamic-form__checkbox-input:checked + .dynamic-form__checkbox-box .dynamic-form__checkbox-icon {
        opacity: 1;
    }

    .dynamic-form__checkbox-input:focus-visible + .dynamic-form__checkbox-box {
        outline: 2px solid #80a1c3;
        outline-offset: 2px;
    }

    .dynamic-form__repeater-group {
        margin-bottom: 18px;
    }


    .dynamic-form__actions {
        text-align: center;
    }

    .dynamic-form__submit {
        border: none;
        background: #114d7a;
        color: #ffffff;
        padding: 14px 35px 14px 35px;
        font-size: 18px;
        text-align: center;
        margin-top: 14px;
    }


    .dynamic-form__repeater-table td {
        padding: 0 clamp(0px, calc(10 / 1920 * 100vw), 10px);
    }

    .dynamic-form__repeater-table td:first-child,
    .dynamic-form__repeater-table td:nth-child(2) {
        padding-left: 0;
    }

    .dynamic-form__repeater-table td:last-child {
        padding-right: 0;
    }

    .header-form-title {
        font-size: 18px;
        color: #114d7a;
        text-align: center;
        padding: 0 30px;
    }

}

@media (max-width: 767.98px) {
    #dynamic-form-1 {
        .dynamic-form__repeater-table,
        .dynamic-form__repeater-table tbody,
        .dynamic-form__repeater-row,
        .dynamic-form__repeater-row td {
            display: block;
            width: 100%;
        }

        .dynamic-form__repeater-table .dynamic-form__repeater-index {
            display: none;
        }

        .dynamic-form__repeater-table td {
            padding: 0 0 12px 0;
        }

        .dynamic-form__repeater-index {
            display: block;
            padding: 0 0 10px 0;
            color: #114d7a;
            font-size: 16px;
            font-weight: 700;
        }

        .dynamic-form__repeater-row {
            margin-bottom: 18px;
            padding: 18px;
            background: rgba(255, 255, 255, 0.45);
        }

        .dynamic-form__repeater-row td:nth-child(2),
        .dynamic-form__repeater-row td:nth-child(3) {
            width: 100%;
        }

        .dynamic-form__repeater-actions-cell {
            width: 100%;
            padding-bottom: 0;
            text-align: right;
        }

        .dynamic-form__trash-button {
            width: 54px;
        }

        .dynamic-form__repeater-table .dynamic-form__field {
            margin-bottom: 0;
        }
    }

    .dynamic-form__captcha-image {
        margin-top: 6px;
        text-align: right;
        padding-right: 12px;
    }
}

#bg-screw-main-teaser {
    @media (min-width: 992px) {
        .bg-screw-main-teaser {
            & {
                position: absolute;
                width: 100%;
                height: clamp(100px, calc(170 / 1920 * 100vw), 170px);
                z-index: -1;
            }

            &:before {
                content: "";
                position: absolute;
                top: -24px;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url("/_data/styly/img/svg/screw_bg.svg");
                background-repeat: no-repeat;
                background-position: right;
                background-position-x: calc(100% + 112px);
                z-index: -1;
            }
        }
    }
}

#bg-screw-anniversary-evening {
    @media (min-width: 992px) {
        .bg-screw-anniversary-evening {
            & {
                position: absolute;
                width: 100%;
                height: clamp(100px, calc(170 / 1920 * 100vw), 170px);
                z-index: 9;
            }

            &:before {
                content: "";
                position: absolute;
                top: clamp(10px, calc(90 / 1920 * 100vw), 90px);
                right: 0;
                width: 100%;
                height: 100%;
                background-image: url("/_data/styly/img/svg/screw_bg.svg");
                background-repeat: no-repeat;
                background-position: right;
                background-position-x: calc(100% + 112px);
                z-index: 9;
            }
        }
    }
}

#bg-screw-anniversary-technology {
    @media (min-width: 992px) {
        .bg-screw-anniversary-technology {
            & {
                position: absolute;
                width: 100%;
                height: clamp(100px, calc(170 / 1920 * 100vw), 170px);
                z-index: 9;
            }

            &:before {
                content: "";
                position: absolute;
                top: -24px;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url("/_data/styly/img/svg/screw_bg-black.svg");
                background-repeat: no-repeat;
                background-position: right;
                background-position-x: calc(100% + 112px);
                z-index: -1;
            }
        }
    }
}

#bg-ruller-anniversary-technology {
    @media (min-width: 992px) {
        .bg-ruller-anniversary-technology {
            content: "";
            position: absolute;
            bottom: calc(clamp(70px, calc(180 / 1920 * 100vw), 180px) * -1);
            left: calc(clamp(150px, calc(300 / 1920 * 100vw), 300px) * -1);
            height: clamp(18px, calc(22 / 1920 * 100vw), 22px);
            background: url('/_data/styly/zakoturcin/img/web/whyus-ruller.webp') no-repeat left/cover;
            width: 68%;
        }
    }
}


#bg-screw-anniversary-contact-us {
    @media (min-width: 992px) {
        .bg-screw-anniversary-contact-us {
            & {
                position: absolute;
                width: 100%;
                height: clamp(100px, calc(170 / 1920 * 100vw), 170px);
                z-index: 9;
            }

            &:before {
                content: "";
                position: absolute;
                top: -80px;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url("/_data/styly/img/svg/screw_bg.svg");
                background-repeat: no-repeat;
                background-position: right;
                background-position-x: calc(100% + 69px);
                z-index: -1;
                opacity: 0.1;
            }
        }
    }
}

