@layer media_query {
    @media (max-width: 1689px) {

        .main_area:not(.main_area1) .container {
            max-width: 1200px;
        }
    }
}

@layer media_query {
    @media (max-width: 992px) {
        .index_swiperbigcontainer {
            height: auto;
            aspect-ratio: 1200 / 1000;
        }

        .index_swiperbigcontainer .mobile_img {
            display: block;
        }

        .index_swiperbigcontainer .desktop_img {
            display: none;
        }

        .indexswiper2 .slide_title {
            font-size: 6vw;
        }

        .indexswiper2 .slide_img {
            width: 24vw;
        }
    }

    @media(max-width: 600px) {
        .index_swiperbigcontainer :where(.swiper-button-prev, .swiper-button-next) {
            width: 1.6875rem;
            height: 2.75rem;

        }

        .swiperbigcontainer:has(.bg_indexswiper) .swiper_nav {
            padding-bottom: 3rem;
        }
    }
}

@layer media_query {
    @media(min-width: 993px) {
        .swiper3 .swiper-wrapper {
            flex-wrap: wrap;
            justify-content: center;
            column-gap: max(2.5rem, 2.5vw);
            row-gap: max(2.5rem, 2.5vw);
        }

        .swiper3 .swiper-slide {
            width: auto !important;
            margin-right: 0 !important;
        }

        .swiper_style1:has(.swiper3) .swiper {
            max-width: 100%;
        }

        .swiper_style1:has(.swiper3) .swiper-button-disabled {
            display: none;
        }
    }
}

@layer media_query {
    @media(max-width: 767px) {
        .main_area2 .main_area_inner {
            padding-top: 1.5rem;
        }
    }
}

@layer media_query {
    @media(max-width: 992px) {
        .main_area3 .container_inner {
            flex-wrap: wrap;
            row-gap: 1.5rem;
        }

        .main_area3 .container_inner>* {
            width: 100%;
        }
    }
}

@layer media_query {
    @media(max-width: 992px) {
        .main_area4 .container_inner {
            grid-template-columns: 100%;
            row-gap: 1.5rem;
        }
    }
}

@layer media_query {
    @media(max-width: 767px) {
        .main_area5>* {
            grid-template-columns: 100%;

        }
    }
}

@layer media_query {
    @media(max-width: 1170px) {
        .slide_content:has(.btn[data-id="118758"]) {}

        .slide_logo_wrap {
            height: 9vw;
        }

        .slide_logo_wrap img {
            height: 100%;
            object-fit: contain;
        }

        .btn[data-id="118758"] {
            position: static !important;
        }
    }

    @media(max-width: 575px) {

        .slide_logo_wrap {
            height: 15vw;
        }
    }

    @media only screen and (max-width: 992px) {
        .index_swiperbigcontainer {
            height: auto;
            aspect-ratio: 1200 / 1000;
        }

        .index_swiperbigcontainer .mobile_img {
            display: block;

        }

        .index_swiperbigcontainer .desktop_img {
            display: none;
        }
    }
}

/*
@layer print_query {
    @media print {
        .index_swiperbigcontainer {
            background: #999;
        }

        .index_swiperbigcontainer .swiper-slide {
            width: 100% !important;
            page-break-inside: avoid;
        }

        .index_swiperbigcontainer .swiper-slide:not(.swiper-slide-active) {
            display: none;
        }

        .indexswiper2 .slide_title {
            font-size: 16px;
        }
    }
}*/


@layer print_query {
    @media print {
        .section_shortcut_nav {
            display: none;
        }

        .main_area1 {
            display: none;
        }
    }
}

@layer print_query {
    @media print {
        .main_area2 {
            margin-top: 0;
        }

        .main_area2 .main_area_inner {
            background: transparent;
        }

        .swiper2 .swiper-wrapper {
            transform: none !important;
            column-gap: 10px;
        }

        .swiper2 .swiper-slide {
            margin-left: 0 !important;
            margin-right: 0 !important;
            margin-bottom: 10px !important;
            width: calc(50% - 10px) !important;
        }

        .main_area2::before,
        .main_area2::after {
            width: 0;
            height: 0;
            overflow: hidden;
        }
    }
}

@layer print_query {
    @media print {
        .swiper3 .swiper-slide {
            width: 25% !important;
            margin-right: 0 !important;
        }
    }
}

@layer print_query {
    @media print {
        .img_card {
            height: auto;
            color: var(--main_text_color);
        }

        .img_card img {
            display: none;
        }
    }
}


@layer print_query {
    @media print {
        .main_area4 .top_side {
            display: none;
        }

        .main_area4 .main_area_inner {
            background: transparent;
        }

        .main_area4 .flag {
            display: none;
        }
    }
}