/* =================================
  page-contact.css
================================= */

.page-contact {
    overflow-x: hidden;
}

.page-contact .page-hero-section {
    position: relative;
    overflow: hidden;
    background: repeating-conic-gradient(
        #ffc200 0deg 9deg,
        #ffc800 9deg 18deg
    );
}

.page-contact .page-hero-section_swiper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.page-contact .page-hero-section_slide {
    position: relative;
    min-height: 500px;
    background-color: #f5c800;
    overflow: hidden;
}

.page-contact .page-hero-section_slide_inner {
    position: relative;
    background-color: var(--color-white);
    padding: 0 0 20px;
}

.page-contact .page-hero-section_slide_inner img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .page-contact .page-hero-section_slide {
        min-height: 440px;
    }

    .page-contact .page-hero-section_slide_inner {
        min-height: 440px;
        padding: 0;
    }
}

@media (min-width: 769px) {

    .page-contact .page-hero-section {
        background: none !important;
    }

    .page-contact .page-hero-section_swiper {
        max-width: 1280px;
        margin: 0 auto;
    }

    .page-contact .page-hero-section_slide {
        min-height: auto;
        background: none;
    }

    .page-contact .page-hero-section_slide_inner {
        background: #fff;
        padding: 40px;
        border-radius: 12px;
        max-width: 1200px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .page-contact .page-hero-section_slide_inner img {
        width: 100%;
        max-width: 1500px;
        height: 700px;
        display: block;
        margin: 0 auto;
    }
}