@layer base {
    .section-divide {
        @apply bg-tlx-blue h-[5px] w-full;
    }

    .menu-section {
        @apply box-border overflow-hidden;
    }

    #pris-360-introduction {
        @apply bg-[url("../images/prismalette-360/intro-background-76f199ced0ea5ee4a669719e9860686d.jpg")] bg-center-cover-no-repeat flex gap-20 justify-center pb-8 pt-24 text-center lg:py-16 xl:py-28;
    }

    #pris-360-introduction img {
        @apply inline max-w-[260px] w-full 3xl:max-w-[340px] 4xl:max-w-[380px];
    }

    #pris-360-intro-text-container {
        @apply max-w-600 w-11/12 text-center mt-4 xl:max-w-[unset] xl:mt-32 xl:text-left xl:w-[40%];
    }

    #options-background {
        @apply bg-[url("../images/prismalette-360/two-options-background-5d3f3278eca49dfe58de8d31d3b27ef1.jpg")];
    }

    #mobile-view-parallax-overlay {
        @apply bg-tlx-dark-blue-outline-hover block h-full xl:hidden;
    }

    #parallax-text-wrapper {
        @apply absolute-x-center top-[30%] xl:top-[45%];
    }

    #exploded-image-wrapper {
        @apply mx-auto relative w-fit;
    }

    .exploded-body-pointer {
        @apply absolute bg-[url("../images/info-bubble-d359b38278d4b79c3fc7ffd0b32c79db.svg")] bg-center-contain-no-repeat block box-border cursor-pointer duration-500 h-[40px] rounded-full text-center w-[40px] hover:bg-tlx-blue hover:duration-500 xl:h-[50px] xl:w-[50px];
    }

    .how-main-points {
        @apply flex flex-wrap justify-start items-start;
    }

    .how-main-points .how-number {
        @apply basis-1/6 max-w-[50%] text-2xl;
    }

    .how-main-points .how-text {
        @apply basis-5/6 max-w-500;
    }

    #pris-360-ik-10 {
        @apply bg-[url("../images/prismalette-360/ik10-background-f787ec95755c0e9ebd5ece1ca39432c7.jpg")] bg-center-cover-no-repeat
    }

    #installation-stages {
        @apply flex-container;
    }

    .installation-image-container {
        @apply relative w-fit;
    }

    .prismalette-360-installation-images {
        @apply border-2 border-tlx-blue box-border h-[300px] overflow-hidden rounded-3xl w-[300px];
    }

    .installation-image-container p.installation-number {
        @apply absolute bg-tlx-blue box-border flex justify-center items-center font-bold h-[30px] left-2 my-0 rounded-full text-white top-2 w-[30px];
    }

    .installation-image-container p.installation-description {
        @apply absolute bg-tlx-dark-blue bottom-0 box-border left-0 my-0 px-6 py-2 rounded-b-3xl text-white w-full;
    }

    #conduit-background {
        @apply xl:bg-[url("../images/prismalette-360/conduit-background-dbe5c4a3f28de8a8dcc85bb0cce7a1af.jpg")] xl:bg-left xl:bg-cover-no-repeat
    }

    #built-to-last-graphic {
        @apply max-w-[750px] w-full;
    }

    #pris-360-emergency {
        @apply bg-[url("../images/applications/running-man-background-4eaf75ab128d2e8bd4ff9b5c715238c5.webp")] bg-center-cover-no-repeat;
    }

    .prismalette-family-boxes {
        @apply box-border max-w-[525px] w-full;
    }

    .family-product-image {
        @apply max-w-[250px] mx-auto my-2;
    }

    .prismalette-family-boxes p {
        @apply mx-auto text-left max-w-500 xl:h-[100px];
    }
}