/* --- Perfect Air Section --- */
.perfect-air-section {
    position: relative;
    padding-top: 8rem; /* py-32 */
    padding-bottom: 8rem; /* py-32 */
    overflow: hidden;
}

/* --- Background --- */
.perfect-air-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0; /* z-0 */
}

.perfect-air-bg-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

/* --- Content --- */
.perfect-air-content-container {
    position: relative;
    z-index: 10; /* z-10 */
    max-width: 80rem; /* max-w-7xl */
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem; /* px-4 */
    padding-right: 1rem; /* px-4 */
}

.perfect-air-text-wrapper {
    max-width: 42rem; /* max-w-2xl */
}

.perfect-air-heading {
    color: #54c3f1;
    font-size: 2.25rem; /* text-4xl */
    line-height: 1.25; /* leading-tight */
    margin-bottom: 2rem; /* mb-8 */
    font-weight: 600; /* font-semibold */
}

.perfect-air-paragraph {
    color: rgba(255, 255, 255, 0.9); /* text-white/90 */
    line-height: 1.625; /* leading-relaxed */
    font-size: 1.125rem; /* text-lg */
}

/* --- Responsive Styles --- */

/* Small screens (sm: 640px) */
@media (min-width: 640px) {
    .perfect-air-content-container {
        padding-left: 1.5rem; /* sm:px-6 */
        padding-right: 1.5rem; /* sm:px-6 */
    }

    .perfect-air-heading {
        font-size: 3rem; /* sm:text-5xl */
    }
}

/* Large screens (lg: 1024px) */
@media (min-width: 1024px) {
    .perfect-air-content-container {
        padding-left: 2rem; /* lg:px-8 */
        padding-right: 2rem; /* lg:px-8 */
    }

    .perfect-air-heading {
        font-size: 3.75rem; /* lg:text-6xl */
    }
}