/* ============================================================
   WEBSITE PAGE — ADAPTIVE
   Breakpoints: 1400-1920 / 1200-1399 / 992-1199 / 768-991 / 576-767 / ≤575
   ============================================================ */

@media only screen and (min-width: 1400px) and (max-width: 1920px) {
    .website .capture_point_main .object-elipse {
        left: calc(-60px + (0 - -60) * ((100vw - 1400px) / (1920 - 1400)));
    }
    .website .capture_point_main .object-ring {
        left: calc(500px + (590 - 500) * ((100vw - 1400px) / (1920 - 1400)));
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .website .first_line .content .offer .title h1 {
        font-size: calc(50px + (62 - 50) * ((100vw - 1200px) / (1399 - 1200)));
    }
    .website .first_line .content .offer .cta .info {
        left: calc(80px + (120 - 80) * ((100vw - 1200px) / (1399 - 1200)));
    }
    .website .capture_point_main .object-title {
        left: calc(100px + (220 - 100) * ((100vw - 1200px) / (1399 - 1200)));
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .website .first_line .content .offer .title h1 {
        font-size: calc(42px + (50 - 42) * ((100vw - 992px) / (1199 - 992)));
    }
    .website .first_line .content .offer .cta .info {
        left: 60px;
    }
    .website .formats .format_item_photo img {
        /* height: calc(180px + (220 - 180) * ((100vw - 992px) / (1199 - 992))); */
    }
    /* === WEBSITE VIDEO === */
    .website .website_video .video_wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .website .website_video .video_player {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .website .website_value .content {
        padding: calc(30px + (40 - 30) * ((100vw - 992px) / (1199 - 992)));
    }
    .website .capture_point_main {
        padding-top: calc(200px + (340 - 200) * ((100vw - 992px) / (1199 - 992)));
        padding-bottom: calc(100px + (150 - 100) * ((100vw - 992px) / (1199 - 992)));
    }
    .website .capture_point_main .object-title {
        display: none;
    }
    .website .capture_point_main .object-ring {
        left: calc(350px + (590 - 350) * ((100vw - 992px) / (1199 - 992)));
    }
}

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

    .website .container {
        max-width: 720px;
    }

    /* === FIRST LINE === */
    .website .first_line {
        padding-top: calc(50px + (70 - 50) * ((100vw - 768px) / (991 - 768)));
    }
    .website .first_line .content {
        grid-template-columns: 1fr;
    }
    .website .first_line .content .offer {
        order: 1;
        top: 0;
        text-align: center;
        margin-bottom: calc(30px + (45 - 30) * ((100vw - 768px) / (991 - 768)));
    }
    .website .first_line .content .offer .badges {
        justify-content: center;
        align-items: center;
        display: flex;
        column-gap: 16px;
        row-gap: 8px;
        flex-wrap: wrap;
    }
    .website .first_line .content .offer .title {
        margin-bottom: calc(24px + (30 - 24) * ((100vw - 768px) / (991 - 768)));
        text-align: center;
    }
    .website .first_line .content .offer .title h1 {
        font-size: calc(40px + (52 - 40) * ((100vw - 768px) / (991 - 768)));
        margin-bottom: 12px;
    }
    .website .first_line .content .offer .title p {
        font-size: calc(20px + (24 - 20) * ((100vw - 768px) / (991 - 768)));
        font-weight: 200;
        margin-bottom: 0;
    }
    .website .first_line .content .offer .cta {
        margin-bottom: calc(20px + (30 - 20) * ((100vw - 768px) / (991 - 768)));
    }
    .website .first_line .content .offer .cta a {
        display: block;
        width: 100%;
        min-width: unset;
        margin-bottom: 25px;
    }
    .website .first_line .content .offer .cta .info {
        left: calc(60px + (100 - 60) * ((100vw - 768px) / (991 - 768)));
    }
    .website .first_line .content .offer .cta .info img {
        top: -15px;
        margin-right: 15px;
        max-width: 33px;
    }
    .website .first_line .content .offer .cta .info p {
        font-size: calc(14px + (17 - 14) * ((100vw - 768px) / (991 - 768)));
        max-width: calc(240px + (320 - 240) * ((100vw - 768px) / (991 - 768)));
    }
    .website .first_line .content .photo {
        order: 2;
        text-align: center;
    }
    .website .first_line .content .photo img:first-of-type {
        max-width: calc(360px + (480 - 360) * ((100vw - 768px) / (991 - 768)));
        width: 100%;
    }
    .website .first_line .content .photo .badge_name {
        right: 4vw;
        bottom: 12vw;
    }
    .website .first_line .content .photo .badge_name p {
        font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (991 - 768)));
    }
    .website .first_line .content .photo .ellipse-blur {
        position: absolute !important;
        top: calc(-41px + (-61 - -41) * ((100vw - 768px) / (991 - 768)));
        left: calc(-61px + (-111 - -61) * ((100vw - 768px) / (991 - 768)));
        max-width: calc(440px + (540 - 440) * ((100vw - 768px) / (991 - 768)));
    }
    .website .first_line .content .photo .ellipse-1 {
        top: calc(19px + (27 - 19) * ((100vw - 768px) / (991 - 768)));
        left: calc(27px + (35 - 27) * ((100vw - 768px) / (991 - 768)));
        max-width: calc(290px + (360 - 290) * ((100vw - 768px) / (991 - 768)));
    }
    .website .first_line .content .photo .ellipse-2 {
        top: calc(57px + (67 - 57) * ((100vw - 768px) / (991 - 768)));
        left: calc(54px + (64 - 54) * ((100vw - 768px) / (991 - 768)));
        max-width: calc(290px + (360 - 290) * ((100vw - 768px) / (991 - 768)));
    }

    /* === LINE ROLL === */
    .website .c-marquee .c-marquee__item {
        padding: 0 14px;
    }
    .website .line_roll .object-grand {
        top: -110px;
        max-width: 130px;
    }

    /* === SECTION TITLE === */
    .website .section_title h2 {
        font-size: calc(26px + (38 - 26) * ((100vw - 768px) / (991 - 768)));
    }
    .website .section_title {
        margin-bottom: 24px;
    }

    /* === SERVICE INFO === */
    .website .service_info .text_row p,
    .website .service_info p,
    .website .service_info li {
        font-size: calc(18px + (22 - 18) * ((100vw - 768px) / (991 - 768)));
    }

    /* === WEBSITE VIDEO === */
    .website .website_video .video_container {
        padding: 24px;
        border-radius: 24px;
    }
    .website .website_video .video_wrapper {
        flex-direction: column;
        gap: 24px;
    }
    .website .website_video .video_player {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .website .website_video .video_info h3 {
        font-size: calc(22px + (28 - 22) * ((100vw - 768px) / (991 - 768)));
        margin-bottom: 15px;
    }
    .website .website_video .video_info p {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .website .website_video .section_title p {
        font-size: var(--text-small);
    }

    /* === WEBSITE CONVERSION === */
    .website .website_conversion .conversion_item img {
        height: calc(280px + (380 - 280) * ((100vw - 768px) / (991 - 768)));
    }

    /* === FORMATS === */
    .website .formats .format_item {
        border-radius: 24px;
        padding: 24px;
    }
    .website .formats .format_item_title h3 {
        font-size: calc(22px + (28 - 22) * ((100vw - 768px) / (991 - 768)));
    }
    .website .formats .format_item_photo img {
        /* height: calc(160px + (200 - 160) * ((100vw - 768px) / (991 - 768))); */
    }
    .website .formats .format_item_description p {
        font-size: 17px;
    }

    /* === WEBSITE INCLUDES === */
    .website .website_includes .include_item h3 {
        font-size: calc(20px + (24 - 20) * ((100vw - 768px) / (991 - 768)));
    }
    .website .website_includes .include_item p {
        font-size: 17px;
    }

    /* === WEBSITE VALUE === */
    .website .website_value .content {
        padding: 30px;
        border-radius: 24px;
    }

    /* === WEBSITE PORTFOLIO === */
    .website .website_portfolio .conversion_item img {
        height: calc(260px + (360 - 260) * ((100vw - 768px) / (991 - 768)));
    }

    /* === WEBSITE FAQ === */
    .website .website_faq .accordion-button {
        font-size: calc(18px + (22 - 18) * ((100vw - 768px) / (991 - 768)));
        padding: 22px 0;
    }
    .website .website_faq .accordion-body {
        font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (991 - 768)));
    }

    /* === WEBSITE TRUST === */
    .website .trust_item h3 {
        font-size: calc(18px + (22 - 18) * ((100vw - 768px) / (991 - 768)));
    }
    .website .trust_icon {
        font-size: 34px;
    }

    /* === CAPTURE POINT MAIN === */
    .website .capture_point_main {
        padding-top: 250px;
        padding-bottom: 90px;
    }
    .website .capture_point_main .section_title {
        margin-bottom: 44px;
    }
    .website .capture_point_main .section_title p {
        font-size: calc(28px + (28 - 28) * ((100vw - 768px) / (991 - 768)));
        text-align: center;
    }
    .website .capture_point_main .object-title {
        display: none;
    }
    .website .capture_point_main .object-ring {
        top: calc(82px + (82 - 82) * ((100vw - 768px) / (991 - 768)));
        left: calc(323px + (323 - 323) * ((100vw - 768px) / (991 - 768)));
        max-width: calc(110px + (433 - 110) * ((100vw - 768px) / (991 - 768)));
    }
    .website .capture_point_main .object-elipse {
        top: calc(140px + (140 - 140) * ((100vw - 768px) / (991 - 768)));
        left: calc(-30px + (-30 - -30) * ((100vw - 768px) / (991 - 768)));
        max-width: calc(1082px + (1372 - 1082) * ((100vw - 768px) / (991 - 768)));
        z-index: 0;
    }
    .website .object-mini-ellipse {
        display: none;
    }
}

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

    :root {
        --text-very-small: calc(16px + (18 - 16) * ((100vw - 576px) / (767 - 576)));
        --text-small:      calc(18px + (22 - 18) * ((100vw - 576px) / (767 - 576)));
        --text-middle:     calc(22px + (26 - 22) * ((100vw - 576px) / (767 - 576)));
        --text-large:      calc(26px + (30 - 26) * ((100vw - 576px) / (767 - 576)));
        --text-very-large: calc(30px + (34 - 30) * ((100vw - 576px) / (767 - 576)));
        --section-padding: calc(50px + (70 - 50) * ((100vw - 576px) / (767 - 576)));
    }

    .btn, .btn:hover, .btn:active, .btn:focus{
        font-size: calc(18px + (22 - 18) * ((100vw - 576px) / (767 - 576))) !important;
    }

    .website .container {
        --bs-gutter-x: 1rem !important;
    }

    /* === SECTION TITLE === */
    .website .section_title h2 {
        font-size: calc(22px + (32 - 22) * ((100vw - 576px) / (767 - 576)));
    }
    .website .section_title h2 br {
        display: none;
    }
    .website .section_title {
        margin-bottom: 20px;
    }

    /* === FIRST LINE === */
    .website .first_line {
        padding-top: calc(40px + (50 - 40) * ((100vw - 576px) / (767 - 576)));
    }
    .website .first_line .content {
        display: grid;
        grid-template-columns: 1fr !important;
        align-items: center;
    }
    .website .first_line .content .offer {
        order: 1;
    }
    .website .first_line .content .offer .badges {
        justify-content: center;
        align-items: center;
        display: flex;
        column-gap: 20px;
        row-gap: 10px;
        flex-wrap: wrap;
    }
    .website .first_line .content .offer .title {
        margin-bottom: 20px;
        text-align: center;
    }
    .website .first_line .content .offer .title h1 {
        font-size: calc(28px + (42 - 28) * ((100vw - 576px) / (767 - 576)));
        margin-bottom: 12px;
    }
    .website .first_line .content .offer .title p {
        font-size: calc(17px + (20 - 17) * ((100vw - 576px) / (767 - 576)));
        font-weight: 200;
        margin-left: 0;
        margin-bottom: 0;
    }
    .website .first_line .content .offer .cta {
        margin-bottom: calc(16px + (24 - 16) * ((100vw - 576px) / (767 - 576)));
    }
    .website .first_line .content .offer .cta a {
        width: 100%;
        min-width: unset;
        margin-bottom: 25px;
        display: block;
    }
    .website .first_line .content .offer .cta .info {
        left: calc(20px + (80 - 20) * ((100vw - 576px) / (767 - 576)));
    }
    .website .first_line .content .offer .cta .info img {
        top: -15px;
        margin-right: 15px;
        max-width: 33px;
    }
    .website .first_line .content .offer .cta .info p {
        font-size: calc(13px + (15 - 13) * ((100vw - 576px) / (767 - 576)));
        max-width: calc(190px + (260 - 190) * ((100vw - 576px) / (767 - 576)));
    }
    .website .first_line .content .offer .cta .info p br {
        display: none;
    }
    .website .first_line .content .photo {
        order: 2;
    }
    .website .first_line .content .photo .badge_name {
        right: 4vw;
        bottom: 15vw;
    }
    .website .first_line .content .photo .badge_name p {
        font-size: calc(14px + (16 - 14) * ((100vw - 576px) / (767 - 576)));
    }
    .website .first_line .content .photo img:first-of-type {
        max-width: 700px;
        width: 100%;
    }
    .website .first_line .content .photo .ellipse-blur {
        position: absolute !important;
        top: calc(-51px + (-81 - -51) * ((100vw - 576px) / (767 - 576)));
        left: calc(-61px + (-111 - -61) * ((100vw - 576px) / (767 - 576)));
        max-width: calc(390px + (730 - 390) * ((100vw - 576px) / (767 - 576)));
    }
    .website .first_line .content .photo .ellipse-1 {
        width: calc(210px + (420 - 210) * ((100vw - 576px) / (767 - 576)));
        top: calc(19px + (59 - 19) * ((100vw - 576px) / (767 - 576)));
        left: calc(27px + (37 - 27) * ((100vw - 576px) / (767 - 576)));
    }
    .website .first_line .content .photo .ellipse-2 {
        width: calc(210px + (420 - 210) * ((100vw - 576px) / (767 - 576)));
        top: calc(57px + (67 - 57) * ((100vw - 576px) / (767 - 576)));
        left: calc(54px + (64 - 54) * ((100vw - 576px) / (767 - 576)));
    }

    /* === LINE ROLL === */
    .website .c-marquee .c-marquee__item {
        padding: 0 10px;
        --c-marquee-font-size: calc(14px + (18 - 14) * ((100vw - 576px) / (767 - 576)));
    }
    .website .line_roll .object-grand {
        top: calc(-90px + (-120 - -90) * ((100vw - 576px) / (767 - 576)));
        max-width: calc(110px + (140 - 110) * ((100vw - 576px) / (767 - 576)));
    }

    /* === SERVICE INFO === */
    .website .service_info .text_row p,
    .website .service_info p,
    .website .service_info li {
        font-size: calc(16px + (19 - 16) * ((100vw - 576px) / (767 - 576)));
    }

    /* === WEBSITE VIDEO === */
    .website .website_video .section_title p {
        font-size: var(--text-small);
    }
    .website .website_video .video_container {
        padding: 20px;
        border-radius: 20px;
    }
    .website .website_video .video_wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .website .website_video .video_player {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .website .website_video .video_info h3 {
        font-size: calc(20px + (24 - 20) * ((100vw - 576px) / (767 - 576)));
        margin-bottom: 12px;
    }
    .website .website_video .video_info p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .website .website_video .video_features .feature i {
        font-size: 20px;
    }

    /* === WEBSITE CONVERSION === */
    .website .website_conversion .section_title p {
        font-size: var(--text-small);
    }
    .website .website_conversion .conversion_item img {
        height: calc(220px + (280 - 220) * ((100vw - 576px) / (767 - 576)));
    }

    /* === FORMATS === */
    .website .formats .formats_list {
        row-gap: 20px;
    }
    .website .formats .format_item {
        border-radius: 20px;
        padding: 22px;
    }
    .website .formats .format_item_title h3 {
        font-size: calc(20px + (24 - 20) * ((100vw - 576px) / (767 - 576)));
    }
    .website .formats .format_item_photo img {
        height: calc(140px + (180 - 140) * ((100vw - 576px) / (767 - 576)));
    }
    .website .formats .format_item_description p {
        font-size: calc(15px + (17 - 15) * ((100vw - 576px) / (767 - 576)));
    }
    .website .formats .format_item_info span {
        font-size: 15px;
    }
    .website .formats h4 {
        font-size: calc(18px + (22 - 18) * ((100vw - 576px) / (767 - 576)));
    }

    /* === FORMATS ABOUT === */
    .website .formats_about .text_row p {
        font-size: calc(16px + (18 - 16) * ((100vw - 576px) / (767 - 576)));
    }

    /* === WEBSITE INCLUDES === */
    .website .website_includes .include_item h3 {
        font-size: calc(18px + (22 - 18) * ((100vw - 576px) / (767 - 576)));
    }
    .website .website_includes .include_item p {
        font-size: calc(14px + (16 - 14) * ((100vw - 576px) / (767 - 576)));
    }

    /* === WEBSITE VALUE === */
    .website .website_value .content {
        padding: calc(24px + (34 - 24) * ((100vw - 576px) / (767 - 576)));
        border-radius: 20px;
    }
    .website .website_value .text_row p,
    .website .website_value .text_row li {
        font-size: calc(16px + (18 - 16) * ((100vw - 576px) / (767 - 576)));
    }

    /* === WEBSITE PORTFOLIO === */
    .website .website_portfolio .conversion_item img {
        height: calc(200px + (260 - 200) * ((100vw - 576px) / (767 - 576)));
    }

    /* === WEBSITE FAQ === */
    .website .website_faq .accordion {
        max-width: 100%;
    }
    .website .website_faq .accordion-button {
        font-size: calc(16px + (20 - 16) * ((100vw - 576px) / (767 - 576)));
        padding: 18px 0;
    }
    .website .website_faq .accordion-body {
        font-size: calc(14px + (17 - 14) * ((100vw - 576px) / (767 - 576)));
        padding-bottom: 18px;
    }

    /* === WEBSITE TRUST === */
    .website .trust_item {
        padding: 16px;
    }
    .website .trust_item h3 {
        font-size: calc(16px + (20 - 16) * ((100vw - 576px) / (767 - 576)));
    }
    .website .trust_icon {
        font-size: calc(30px + (36 - 30) * ((100vw - 576px) / (767 - 576)));
    }

    /* === CAPTURE POINT MAIN === */
    .website .capture_point_main {
        padding-top: 250px;
        padding-bottom: 90px;
    }
    .website .capture_point_main .section_title {
        margin-bottom: 44px;
    }
    .website .capture_point_main .section_title p {
        font-size: calc(28px + (28 - 28) * ((100vw - 576px) / (767 - 576)));
        text-align: center;
    }
    .website .capture_point_main .object-title {
        display: none;
    }
    .website .capture_point_main .object-ring {
        top: calc(85px + (82 - 85) * ((100vw - 576px) / (767 - 576)));
        left: calc(243px + (323 - 243) * ((100vw - 576px) / (767 - 576)));
        max-width: calc(102px + (110 - 102) * ((100vw - 576px) / (767 - 576)));
    }
    .website .capture_point_main .object-elipse {
        top: calc(140px + (140 - 140) * ((100vw - 576px) / (767 - 576)));
        left: calc(-30px + (-30 - -30) * ((100vw - 576px) / (767 - 576)));
        max-width: calc(842px + (1082 - 842) * ((100vw - 576px) / (767 - 576)));
        z-index: 0;
    }
    .website .object-mini-ellipse {
        display: none;
    }
}

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

    :root {
        --text-very-small: calc(14px + (16 - 14) * ((100vw - 320px) / (575 - 320)));
        --text-small:      calc(16px + (18 - 16) * ((100vw - 320px) / (575 - 320)));
        --text-middle:     calc(18px + (22 - 18) * ((100vw - 320px) / (575 - 320)));
        --text-large:      calc(20px + (26 - 20) * ((100vw - 320px) / (575 - 320)));
        --text-very-large: calc(24px + (30 - 24) * ((100vw - 320px) / (575 - 320)));
        --section-padding: calc(40px + (60 - 40) * ((100vw - 320px) / (575 - 320)));
    }

    .btn, .btn:hover, .btn:active, .btn:focus{
        font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (575 - 320))) !important;
    }

    .website .container {
        --bs-gutter-x: 1rem !important;
    }

    /* === SECTION TITLE === */
    .website .section_title h2 {
        font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (575 - 320)));
    }
    .website .section_title h2 br {
        display: none;
    }
    .website .section_title p {
        font-size: var(--text-small);
    }
    .website .section_title {
        margin-bottom: 16px;
    }

    /* === FIRST LINE === */
    .website .first_line {
        padding-top: calc(40px + (50 - 40) * ((100vw - 320px) / (575 - 320)));
    }
    .website .first_line .content {
        display: grid;
        grid-template-columns: 1fr !important;
        align-items: center;
    }
    .website .first_line .content .offer {
        order: 1;
    }
    .website .first_line .content .offer .badges {
        justify-content: center;
        align-items: center;
        display: flex;
        column-gap: 20px;
        row-gap: 10px;
        flex-wrap: wrap;
    }
    .website .first_line .content .offer .title {
        margin-bottom: 20px;
        text-align: center;
    }
    .website .first_line .content .offer .title h1 {
        font-size: calc(26px + (38 - 26) * ((100vw - 320px) / (575 - 320)));
        margin-bottom: 12px;
    }
    .website .first_line .content .offer .title p {
        font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (575 - 320)));
        font-weight: 200;
        margin-left: 0;
        margin-bottom: 0;
    }
    .website .first_line .content .offer .cta {
        margin-bottom: calc(16px + (24 - 16) * ((100vw - 320px) / (575 - 320)));
    }
    .website .first_line .content .offer .cta a {
        width: 100%;
        min-width: unset;
        margin-bottom: 25px;
        display: block;
   
    }
    .website .first_line .content .offer .cta .info {
        left: calc(20px + (60 - 20) * ((100vw - 320px) / (575 - 320)));
    }
    .website .first_line .content .offer .cta .info img {
        top: -15px;
        margin-right: 15px;
        max-width: 33px;
    }
    .website .first_line .content .offer .cta .info p {
        font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (575 - 320)));
        max-width: calc(170px + (220 - 170) * ((100vw - 320px) / (575 - 320)));
    }
    .website .first_line .content .offer .cta .info p br {
        display: none;
    }
    .website .first_line .content .photo {
        order: 2;
    }
    .website .first_line .content .photo .badge_name {
        right: 4vw;
        bottom: 15vw;
    }
    .website .first_line .content .photo .badge_name p {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (575 - 320)));
    }
    .website .first_line .content .photo img:first-of-type {
        max-width: 700px;
        width: 100%;
    }
    .website .first_line .content .photo .ellipse-blur {
        position: absolute !important;
        top: calc(-51px + (-81 - -51) * ((100vw - 320px) / (575 - 320)));
        left: calc(-61px + (-111 - -61) * ((100vw - 320px) / (575 - 320)));
        max-width: calc(390px + (730 - 390) * ((100vw - 320px) / (575 - 320)));
    }
    .website .first_line .content .photo .ellipse-1 {
        width: calc(210px + (420 - 210) * ((100vw - 320px) / (575 - 320)));
        top: calc(19px + (59 - 19) * ((100vw - 320px) / (575 - 320)));
        left: calc(27px + (37 - 27) * ((100vw - 320px) / (575 - 320)));
    }
    .website .first_line .content .photo .ellipse-2 {
        width: calc(210px + (420 - 210) * ((100vw - 320px) / (575 - 320)));
        top: calc(57px + (67 - 57) * ((100vw - 320px) / (575 - 320)));
        left: calc(54px + (64 - 54) * ((100vw - 320px) / (575 - 320)));
    }

    /* === LINE ROLL === */
    .website .c-marquee .c-marquee__item {
        padding: 0 8px;
        --c-marquee-font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (575 - 320)));
    }
    .website .line_roll .object-grand {
        top: calc(-70px + (-100 - -70) * ((100vw - 320px) / (575 - 320)));
        max-width: calc(80px + (110 - 80) * ((100vw - 320px) / (575 - 320)));
    }

    /* === TEXT ROW === */
    .website .text_row p,
    .website .text_row li {
        font-size: calc(15px + (17 - 15) * ((100vw - 320px) / (575 - 320)));
    }
    .website .text_row li {
        margin-bottom: 10px;
    }

    /* === SERVICE INFO === */
    .website .service_info .section_title h2 {
        font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (575 - 320)));
    }

    /* === WEBSITE VIDEO === */
    .website .website_video .section_title p {
        font-size: var(--text-small);
    }
    .website .website_video .video_container {
        padding: 16px;
        border-radius: 16px;
    }
    .website .website_video .video_wrapper {
        flex-direction: column;
        gap: 16px;
    }
    .website .website_video .video_player {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .website .website_video .video_info h3 {
        font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (575 - 320)));
        margin-bottom: 12px;
    }
    .website .website_video .video_info p {
        font-size: 15px;
        margin-bottom: 16px;
    }
    .website .website_video .video_features .feature {
        gap: 10px;
    }
    .website .website_video .video_features .feature i {
        font-size: 18px;
    }

    /* === WEBSITE CONVERSION === */
    .website .website_conversion .conversion_item img {
        height: calc(180px + (240 - 180) * ((100vw - 320px) / (575 - 320)));
    }

    /* === FORMATS === */
    .website .formats .formats_list {
        row-gap: 16px;
    }
    .website .formats .format_item {
        border-radius: 16px;
        padding: 20px;
    }
    .website .formats .format_item_title h3 {
        font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (575 - 320)));
    }
    .website .formats .format_item_photo img {
        /* height: calc(120px + (160 - 120) * ((100vw - 320px) / (575 - 320))); */
    }
    .website .formats .format_item_description p {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (575 - 320)));
    }
    .website .formats .format_item_info span {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (575 - 320)));
    }
    .website .formats h4 {
        font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (575 - 320)));
    }
    .website .formats h4 br {
        display: none;
    }

    /* === WEBSITE INCLUDES === */
    .website .website_includes .include_item {
        padding: 12px 0;
    }
    .website .website_includes .include_item img {
        width: 28px;
        height: 28px;
    }
    .website .website_includes .include_item h3 {
        font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (575 - 320)));
    }
    .website .website_includes .include_item h3 br {
        display: none;
    }
    .website .website_includes .include_item p {
        font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (575 - 320)));
    }

    /* === WEBSITE VALUE === */
    .website .website_value .content {
        padding: calc(20px + (28 - 20) * ((100vw - 320px) / (575 - 320)));
        border-radius: 16px;
    }

    /* === WEBSITE PORTFOLIO === */
    .website .website_portfolio .conversion_item img {
        height: calc(160px + (210 - 160) * ((100vw - 320px) / (575 - 320)));
    }

    /* === WEBSITE FAQ === */
    .website .website_faq .accordion {
        max-width: 100%;
    }
    .website .website_faq .accordion-button {
        font-size: calc(15px + (17 - 15) * ((100vw - 320px) / (575 - 320)));
        padding: 16px 0;
    }
    .website .website_faq .accordion-body {
        font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (575 - 320)));
        padding-bottom: 16px;
    }

    /* === WEBSITE TRUST === */
    .website .trust_item {
        padding: 12px;
    }
    .website .trust_item h3 {
        font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (575 - 320)));
    }
    .website .trust_item h3 br {
        display: none;
    }
    .website .trust_icon {
        font-size: calc(28px + (34 - 28) * ((100vw - 320px) / (575 - 320)));
        margin-bottom: 8px;
    }

    /* === CAPTURE POINT MAIN === */
    .website .capture_point_main {
        padding-top: 250px;
        padding-bottom: 90px;
    }
    .website .capture_point_main .section_title {
        margin-bottom: 44px;
    }
    .website .capture_point_main .section_title p {
        font-size: var(--text-small);
        text-align: center;
    }
    .website .capture_point_main .section_title p br {
        display: none;
    }
    .website .capture_point_main .presentation .c-t-a h6 {
        text-align: center;
        font-size: var(--text-small);
    }
    .website .capture_point_main .presentation .content h6 {
        font-size: var(--text-small);
        font-weight: 400;
    }
    .website .capture_point_main .presentation .content p {
        font-size: var(--text-small);
        font-weight: 200;
    }
    .website .capture_point_main .presentation .content {
        flex-direction: column;
    }
    .website .capture_point_main .object-title {
        display: none;
    }
    .website .capture_point_main .object-ring {
        top: calc(100px + (85 - 100) * ((100vw - 320px) / (575 - 320)));
        left: calc(123px + (243 - 123) * ((100vw - 320px) / (575 - 320)));
        max-width: calc(72px + (102 - 72) * ((100vw - 320px) / (575 - 320)));
    }
    .website .capture_point_main .object-elipse {
        top: calc(140px + (140 - 140) * ((100vw - 320px) / (575 - 320)));
        left: calc(-30px + (-30 - -30) * ((100vw - 320px) / (575 - 320)));
        max-width: calc(462px + (842 - 462) * ((100vw - 320px) / (575 - 320)));
        z-index: 0;
    }
    .website .object-mini-ellipse {
        display: none;
    }
}
