.archive_hero {
    padding-top: 144px;
    padding-right: 20px;
    padding-bottom: 84px;
    padding-left: 20px;
    background: #161616;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.archive_hero::before {
    content: "";
    display: block;
    position: absolute;
    top: -1.875rem;
    left: 0;
    z-index: -1;
    width: 100%;
    height: calc(100% + 3.75rem);
    background-image: url("data:image/svg+xml,%3Csvg width='826' height='989' viewBox='0 0 826 989' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M770.48 43.9258C770.304 44.4855 770.049 45.1602 769.715 45.9404C768.98 47.6579 767.901 49.8243 766.568 52.3047C763.904 57.2622 760.269 63.4083 756.467 69.6016C748.866 81.9857 740.633 94.5067 738.269 97.9844L738.268 97.9854C650.562 227.136 544.427 335.94 426.839 438.002C412.42 450.517 397.67 462.81 382.901 475.12C368.134 487.428 353.348 499.753 338.872 512.321L338.871 512.322C301.278 545.014 264.791 578.958 229.472 614.097C201.611 641.792 182.585 660.815 157.67 691.911C104.546 757.387 61.0151 830.096 28.3911 907.846L28.3901 907.847C20.4718 926.816 14.1434 946.851 8.18506 966.588L5.65088 975.024C4.34503 979.381 3.49418 983.343 1.50635 987.08C1.36127 986.683 1.30238 986.255 1.31592 985.74V985.739C5.17605 836.165 68.7892 700.122 160.857 584.312C183.366 555.998 205.77 528.894 231.251 503.905C251.902 483.998 273.099 464.668 294.818 445.936L299.168 442.197L299.176 442.19C315.292 428.115 330.753 414.193 347.483 400.906C397.822 360.929 449.589 322.472 499.586 282.009L499.587 282.01C593.532 206.898 683.922 127.45 770.48 43.9258Z' stroke='white' stroke-opacity='0.1' stroke-width='2'/%3E%3Cpath d='M503.646 430.704C515.323 440.908 527.433 450.917 539.435 460.893C551.669 471.061 563.792 481.197 575.258 491.495C646.621 555.583 715.374 646.172 757.568 732.38L757.572 732.389C792.376 801.781 813.684 877.153 820.37 954.499C820.644 957.69 821.366 964.39 821.796 970.996C822.011 974.294 822.151 977.544 822.125 980.289C822.111 981.878 822.037 983.253 821.906 984.356C821.895 984.336 821.883 984.316 821.872 984.296C821.334 983.315 820.717 981.971 820.048 980.356C818.713 977.133 817.205 972.921 815.736 968.58C814.268 964.243 812.843 959.792 811.675 956.097C810.512 952.413 809.596 949.456 809.154 948.138L809.152 948.133L807.685 943.87C745.248 763.931 639.103 646.541 497.615 524.757C489.05 517.384 480.733 509.697 472.269 501.962C464.079 494.478 455.755 486.956 446.964 479.667C453.576 473.411 463.232 465.765 470.246 459.817L470.25 459.814C481.473 450.211 492.602 440.506 503.646 430.704Z' stroke='white' stroke-opacity='0.1' stroke-width='2'/%3E%3Cpath d='M1.18652 2.44629C1.72578 3.26625 2.1342 4.20063 2.36719 5.13574C39.4227 153.908 126.135 286.489 235.711 392.149C249.803 405.739 264.366 419.187 278.021 433.033L256.454 452.618C248.478 459.674 240.881 466.43 232.625 473.07C218.235 458.78 204.317 445.541 190.811 430.375C99.6585 328.017 30.61 213.256 7.99707 76.3438C4.06093 52.5158 0.0814828 26.6265 1.18652 2.44629Z' stroke='white' stroke-opacity='0.1' stroke-width='2'/%3E%3Cpath d='M823.897 4.47559C824.257 6.18961 824.486 8.30412 824.586 10.7773C824.74 14.6041 824.586 19.2014 824.191 24.334C823.402 34.598 821.657 46.9314 819.541 59.3906C815.31 84.3059 809.609 109.647 807.164 119.785C778.524 238.458 712.31 344.809 629.709 433.585C622.707 441.111 615.27 447.922 607.786 454.66C600.344 461.36 592.848 467.994 585.741 475.149C578.459 467.908 572.257 461.951 564.411 455.144L564.403 455.137L543.31 437.247C553.438 426.458 564.727 415.862 576.029 405.257C587.589 394.41 599.161 383.552 609.455 372.503C634.228 345.917 662.045 316.891 684.204 288.016L686.33 285.222C724.405 234.795 758.02 175.218 784.124 117.809V117.808C795.093 93.592 804.608 68.7438 812.625 43.3965L812.627 43.3906C814.255 38.1458 816.269 29.8866 818.405 21.9482C820.198 15.2869 822.074 8.87306 823.897 4.47559Z' stroke='white' stroke-opacity='0.1' stroke-width='2'/%3E%3Cpath d='M437.146 533.71C437.676 534.011 438.428 534.5 439.389 535.181C440.736 536.135 442.415 537.405 444.323 538.898C448.138 541.884 452.839 545.74 457.572 549.702C466.172 556.9 474.857 564.427 478.51 567.679C466.888 575.689 444.241 595.051 430.588 606.658L425.202 611.223L341.588 681.53L341.581 681.535C328.257 692.94 314.6 704.298 300.945 715.671C287.293 727.043 273.643 738.43 260.348 749.888C199.53 802.245 139.475 855.488 80.2041 909.589C74.2909 914.798 67.5373 921.051 60.9805 926.204C68.3613 916.892 75.6588 907.501 82.9414 898.124C91.7568 886.774 100.554 875.446 109.468 864.303C183.252 772.066 267.85 689.592 355.098 610.201C382.27 585.475 410.975 559.367 437.146 533.71Z' stroke='white' stroke-opacity='0.1' stroke-width='2'/%3E%3Cpath d='M51.7622 45.002C55.4312 48.2214 60.5603 52.7969 66.6938 58.3057C78.9601 69.3224 95.2318 84.0658 111.84 99.1562C145.052 129.333 179.621 160.902 186.18 166.795C215.362 193.013 244.989 218.732 275.047 243.94C307.502 271.147 340.011 298.465 373.109 324.909C379.391 329.928 385.793 334.654 391.593 340.068C389.625 342.055 385.784 345.456 381.756 348.956C377.251 352.871 372.551 356.879 370.208 358.995C360.957 366.749 352.951 373.681 344.182 381.878C326.51 368.326 306.904 348.316 290.713 332.827C202.65 248.582 111.325 148.919 49.8677 43.3506C50.4455 43.8524 51.0791 44.4025 51.7622 45.002Z' stroke='white' stroke-opacity='0.1' stroke-width='2'/%3E%3Cpath d='M464.771 605.943C478.402 616.667 501.587 639.932 515.077 652.329L515.083 652.335C592.507 722.299 663.74 798.829 727.975 881.065L731.028 884.985C740.292 897.022 751.721 911.02 760.764 923.583C754.701 918.944 749.207 913.469 743.504 908.166C642.376 813.252 534.539 725.409 428.285 636.556C432.442 633.591 439.056 627.97 445.768 622.17C452.829 616.068 460.03 609.746 464.771 605.943Z' stroke='white' stroke-opacity='0.1' stroke-width='2'/%3E%3C/svg%3E%0A");
    pointer-events: none;
}

@media (min-width: 768px) {
    .archive_hero::before {
        top: 50%;
        left: 50%;
        width: 826px;
        height: 989px;
        transform: translate(-50%, -50%);
    }
}

.archive_hero_wrap {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.archive_hero_title {
    font-family: 'Lora', 'Times New Roman', Georgia, serif;
    font-size: 56px;
    color: #ffffff;
}

@media (max-width: 440px) {
    .archive_hero_title {
        text-align: center;
        line-height: 1;
    }
}

.archive_hero_subtitle {
    color: #f2f2f2b8;
    margin-bottom: 0px;
    font-size: 18px;
}

.articles_section {
    padding-top: 64px;
    padding-bottom: 128px;
    background-color: #fff;
}

.main_article {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 72px;
    padding-bottom: 48px;
    border-bottom: 1px solid #edeae5;
}

.article_img {
    flex-shrink: 0;
    width: 100%;
    max-width: 523px;
    object-fit: cover;
}

.article_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article_prev {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.article_category {

}

.article_category_item {
    padding: 4px 10px;
    background-color: rgba(235, 231, 221);
    color: #7E6C3F;
    border-radius: 96px;
    font-size: 13px;
    text-decoration: none;
    margin-right: 5px;
}

.main_article .article_title {
    font-size: 28px;
    line-height: 36px;
    margin-top: 24px;
    margin-bottom: 0px;
}

.article_exept {
    margin-top: 16px;
    margin-bottom: 0px;
    font-size: 14px;
}

.article_btn {
    background: #000;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding: 12px 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 30px;
    margin-top: 30px;
}

@media (max-width: 992px) {
    .main_article {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 32px;
        padding-bottom: 48px;
        border-bottom: 1px solid #edeae5;
    }

    .article_img {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .articles_section {
        padding-top: 84px;
    }
}

.articles_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 48px;
    padding-top: 48px;
    padding-bottom: 48px;
}

@media (max-width: 992px) {
    .articles_list {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .articles_list {
        grid-template-columns: 1fr;
        padding-top: 72px;
    }
}

.articles_list .article_item {
    display: flex;
    flex-direction: column;
}

.article_item .article_prev {
    margin-top: 16px;
}

.article_click_content {
    text-decoration: none;
    color: #000;
}

.article_click_content .article_title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 0px;
    margin-top: 16px;
}

.article_click_content .article_exept {
    margin-top: 16px;
}

.pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #d8d8d8;
    text-decoration: none;
    margin: 0 4px;
    border-radius: 6px;
    transition: .3s;
}

.pagination .current {
    background: #000;
    color: #fff;
    border-color: #000;
}

.single_hero_wrap .archive_hero_title {
    text-align: center;
    line-height: 1;
}

@media (max-width: 680px) {
    .single_hero_wrap .archive_hero_title {
        font-size: 46px;
    }
}

@media (max-width: 576px) {
    .single_hero_wrap .archive_hero_title {
        font-size: 30px;
    }
}

.single_hero {
    padding-top: 144px;
    padding-right: 20px;
    padding-bottom: 84px;
    padding-left: 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.single_hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

.single_bg_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.single_bg_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.single_hero .container {
    position: relative;
    z-index: 2;
}

.single_article_category {

}

.single_article_category_item {
    background: #000;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    border-radius: 96px;
    padding: 4px 10px;
    margin-right: 5px;
}

.single_content_wrap {
    padding-top: 64px;
    padding-bottom: 48px;
    border-bottom: 1px solid #edeae5;
}

.single_content_size {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.related_articles {
    margin-top: 48px;
    margin-bottom: 80px;
}

.related_title {
    margin-bottom: 0px;
}

.related_list {
    padding-top: 32px;
}

.faq_page .atlas-faqs__cols{
    grid-template-columns: 1fr !important;
}

/*
 * AP Hero
 */
.hero-section {
    position: relative;
    width: 100%;
    min-height: 100vh; /* Секція на весь екран */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-family: 'Georgia', serif; /* Підбір під serif-шрифт з макета */
    background-color: #0b0907; /* Фоновий колір на час завантаження відео */
    color: #ffffff;
    text-align: center;
    padding: 40px 20px;
    box-sizing: border-box;
}

.hero-video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Відео на задньому плані */
}

.hero-video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Відео заповнює весь простір без деформації */
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .hero-video {
        display: none;
    }
}

.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.hero-video-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.1));
    z-index: 2;
    pointer-events: none;
}

.hero-content {
    position: relative;
    z-index: 3; /* Виштовхує текст на передній план поверх відео */
    max-width: 800px;
    width: 100%;
    /* 			background: rgba(0, 0, 0, 0.4);
                padding:20px; */
}

.hero-content-text {
    text-align: center;
}

.hero-content-text h2 {
    font-size: clamp(32px, 5vw, 56px); /* Адаптивний розмір */
    font-weight: 400;
    line-height: 1.2;
    margin: 30px 0;
    letter-spacing: -0.5px;
}

.hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    /*background-color: rgba(255, 255, 255, 0.05);*/
    color: #ffffff;
    text-decoration: none;
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    padding: 14px 28px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px; /* Заокруглена кнопка як на макеті */
    transition: background-color 0.3s ease, border-color 0.3s ease;
    margin-top: 25px;
}

.hero-btn:hover {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.4);
}

.btn-arrow {
    font-size: 12px;
    color: #bfa175;
}

/*
 * AP Services
 */
.services-section {
    /* margin: 72px 112px; */
    max-width: 1216px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 72px;
    margin-bottom: 72px;
    padding-left: 20px;
    padding-right: 20px;
}

.services-section__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 64px 72px;
}

.services-section__item {
    flex: 0 0 calc(50% - 36px);
    max-width: calc(50% - 36px);
    box-sizing: border-box;
}

.services-section__icon {
    display: block;
    width: 72px;
    height: 72px;
    max-width: 72px;
    max-height: 72px;
    object-fit: contain;
    margin-bottom: 16px;
}

.services-section__title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -0.1%;
    font-weight: 400;
    margin: 0 0 16px;
    position: relative;
}

.services-section__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -16px; /* або 0, якщо потрібно впритул до тексту */
    width: 44px;
    height: 2px; /* або 2px */
    background: linear-gradient(90deg, #9A8652 0%, rgba(154, 134, 82, 0) 100%);
}

.services-section__list p {
    margin: 0;
    padding: 14px 0;
    border-bottom: 1px solid #e5e1da;
    font-size: 16px;
    line-height: 24px;
    color: #282828;
}

/* .services-section__list p:first-child {
    border-top: 1px solid #e5e1da;
} */

/* Mobile */
@media (max-width: 767px) {
    .services-section__item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}