.maintenance-details {
    position: relative;
    picture ,img {
        aspect-ratio: 360/400;
        display: block;
        width: 100%;
        height: 600px;   
        object-fit: cover;
        @media (width >=768px) {
            height: 800px;
        }
        @media (width >=1024px) {
           padding-top: 35px;
           object-position: top;
        }
    }
    .maintenance-details-content {
        position: absolute;
        top: 0;
        left: 0;
        .maintenance-details-title {
            position: relative;
            text-align: center;

            &::before {
                content: '';
                display: block;
                width: 25px;
                height: 3px;
                margin: 8px auto 0px;
                background-color: #105da9;
                @media (width >=768px) {
                   width: 35px;
                }
            }
        }
        :is(h1, h2, h3, h4, h5, h6, p) {
            margin: 0 0 10px 0;
            padding-top: 1.875rem;
            color: var(--tertiary-black-10);
            font-family: var(--body-font-family);
            font-size: var( --heading-font-3-mob);
            line-height: var(--heading-lh-13-mob);
            font-weight: var(--fw-500);
            text-align: center; 
            @media (width >=768px) {
                font-size: var(--heading-font-12-des);   
                line-height: var(--heading-lh-9-des-sub-heading);
                margin-bottom: 15px;
            }
        }
    }
    .maintenance-details-subtitle{
        :is(h1, h2, h3, h4, h5, h6, p) {
            padding:0;
            font-size: var(--heading-font-24-mob);
            line-height: var(--heading-lh-5--mob);
            @media (width >=768px) {
                font-size: var(--heading-font-23-des);   
                line-height: var(--heading-lh-10-des-display);
                margin-bottom: 5.625rem;
            }
        }
    }
    .maintenance-details-description,.maintenance-details-item {
        background: var(--tertiary-white);
        border: 1.5px solid #e1e1e1;
        padding: 1.25rem;
        min-height: 425px;
        @media (width >=768px) {
            padding: 3.313rem;
        }
        :is(h1, h2, h3, h4, h5, h6, p, ul) { 
            margin:0;
            padding-left: 20px;

        }

        ul {
            list-style: none;
        }

        li {
            font-size: var(--heading-font-20-mob-text);
            line-height: var(--heading-lh-26-mob-text-small);
            font-weight: var(--fw-400);
            font-family: var(--body-font-family);
            color: var(--tertiary-black-20);
            margin-bottom: 10px;
            position: relative;
            @media (width >=768px) {
                margin-bottom: 20px;
            }
        }

        li::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 4px;
            background-color: #105da9;
            left: -16px;
            top: 7px;
        }
    }
}
.maintenance-details.maintenance-package {
    .maintenance-details-content {
        @media (width >=1024px) {
            padding-top: 100px;
        }
    }
    .maintenance-details-items {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        @media (width >=768px) {
            flex-direction: row;
            gap: 0;
        }
    }
    img ,picture{
        aspect-ratio: 1/1;
        height: 1726px;
        @media (width >=768px) {
            padding-top: 100px;
            height: 1050px;
        }
    }
    .maintenance-details-item {
        @media (width >=768px) {
            flex: 1;
            min-height: 563px;
        }
        .maintenance-details-item__title {
            :is(h1, h2, h3, h4, h5, h6, p) {
               padding: 0;
               font-size: var(--heading-font-12-mob);
               line-height: var(--heading-lh-26-mob-text-small);
               font-weight: var(--fw-500);
               font-family: var(--body-font-family);
               color: var(--primary-blue-1000);
               margin-bottom: 10px;
               text-align: left;
               @media (width >=768px) {
                font-size: var(--heading-font-12-des);
                line-height: var(--heading-lh-9-des-sub-heading);
                margin-bottom: 30px;
               }
            }

        }
        .maintenance-details-item__description{
            p {
                padding: 0;
                font-size: var(--heading-font-11-mob-text-small);
                line-height: var(--heading-lh-4--mob-text-medium);
                font-weight: var(--fw-400);
                font-family: var(--body-font-family);
                color: var(--primary-black);
                margin-bottom: 10px;
                text-align: left;
                @media (width >=768px) { 
                    margin-bottom: 20px;
                }
            }
            :is(h1, h2, h3, h4, h5, h6) {
                padding: 0;
                font-size: var(--heading-font-15-mob-sub-heading);
                line-height: var(--heading-lh-19-mob-text-small);
                font-weight: var(--fw-500);
                font-family: var(--body-font-family);
                color: var(--primary-blue-1000);
                margin-bottom: 10px;
                text-align: left;
            }
        }
        .maintenance-details-item__description :is(h1,h2,h3,h4,h5,h6):nth-child(3) {
            text-align: center;
        }

    }
    .maintenance-details-description {
        min-height: auto;
        border: none;
        background-color: transparent;
        padding: 100px 0 0 0;
        margin-bottom: 10px;
        @media (width >=768px) {
            margin-bottom: 16px;
        }
        @media (width >=1024px) {
            padding: 150px 0 0 0;
        }
        :is(h1, h2, h3, h4, h5, h6, p) {
            padding: 0;
            color: var(--primary-black);
            font-size: var(--heading-font-20-mob-text);
            line-height: var(--heading-lh-26-mob-text-small);
            font-weight: var(--fw-400);
            font-family: var(--body-font-family);
        }
    }
}
.maintenance-details.maintenance-benefits {
    .maintenance-details-content {
        @media (width >=1024px) {
            padding-top: 100px;
        }
    }
    picture ,img {
        aspect-ratio: 360/677;
        display: block;
        width: 100%;
        @media (width >=768px) {
            aspect-ratio: 768/668;
        }
        @media (width >=1024px) {
            aspect-ratio: 1024/1058;
            max-height: 1058px;
        }
    }
    .maintenance-details-subtitle{
        :is(h1, h2, h3, h4, h5, h6, p) {
            @media (width >=768px) {
                margin-bottom: 0;
            }
        }
    }
    .maintenance-details-items {
        background: var(--tertiary-white);
        border: 1.5px solid #e1e1e1;
        padding: 1.25rem;
        @media (width >=768px) {
            max-width: 448px;
            margin: 0 auto;
        }
        @media (width >=1024px) {
            max-width: 874px;
        }
    }
    
   .maintenance-details-item{
    min-height: auto;
    border: none;
    background-color: transparent;
    padding: 0;
    @media (width >=1024px) {
        margin-bottom: 60px;
    }

    .maintenance-details-item__title{
        :is(h1, h2, h3, h4, h5, h6, p) {
            padding: 0;
            color: var(--secondary-gray-1100);
            font-size: var(--heading-font-24-mob);
            line-height: var(--heading-lh-5--mob);
            font-weight: var(--fw-500);
            font-family: var(--body-font-family);
            margin-bottom:2px;
            @media (width >=768px) {
                font-size: var(--heading-font-1-des);
                line-height: var(--heading-lh-16-des-display);
            }
            @media (width >=1024px) {
                font-size: var(--heading-font-27-des);
                line-height: var(--heading-lh-11-des-display);
            }
        }
    }
    .maintenance-details-item__subtitle {
        :is(h1, h2, h3, h4, h5, h6, p) {
            padding: 0;
            color: var(--primary-blue-1000);
            font-size: var(--heading-font-20-mob-text);
            line-height: var(--heading-lh-21-mob-text-small);
            font-weight: var(--fw-500);
            font-family: var(--body-font-family);
            margin-bottom:20px;
            position: relative;
            @media (width >=1024px) {
                font-size: var(--heading-font-16-des);
                line-height: var(--heading-lh-26-mob-text-small);
                padding-left: 150px;
            }
        }
        ::after {
            content: '';
            width: 40px;
            display: block;
            border-bottom: 3px solid #898d90;
            position: absolute;
            bottom: -20px;
            left: 0;
            @media (width >=1024px) {
                width: 100px;
                left:45%;
            }
        }
    }
   }
   .maintenance-details-item:nth-of-type(2n) {
    :is(h1, h2, h3, h4, h5, h6, p) {
        text-align: right;
        @media (width >=1024px) {
            text-align: center;
        }
   }
   .maintenance-details-item__subtitle {
    :is(h1, h2, h3, h4, h5, h6, p) {
    @media (width >=1024px) {
        padding-left: 0;
        padding-right: 150px;
    }
}
    ::after {
        left:auto;
        right:0;
        @media (width >=1024px) {
            right: 45%;
        }
    }
   }

}
   .maintenance-details-item:nth-of-type(2n+1) {
    :is(h1, h2, h3, h4, h5, h6, p) {
        text-align: left;
        @media (width >=1024px) {
            text-align: center;
        }
   }
   
   
}
   .maintenance-details-item:last-of-type {
    :is(h1, h2, h3, h4, h5, h6, p) {
        text-align: center;
   }
   
}
   .maintenance-details-description {
    display: none;
   }
   .maintenance-details-item__description {
    :is(h1, h2, h3, h4, h5, h6, p) {
        padding: 0;
        color: var(--secondary-gray-1100);
        font-size: var(--heading-font-8-mob);
        line-height: var(--heading-lh-5--mob);
        font-weight: var(--fw-400);
        font-family: var(--body-font-family);
    }
   }
}
.maintenance-details.maintenance-criteria{
    .maintenance-details-content {
        @media (width >=1024px) {
            padding-top: 350px;
        }
    }
    .maintenance-details-description {
        display:none;
    }
    .maintenance-details-subtitle{
        :is(h1, h2, h3, h4, h5, h6, p) {
            margin-bottom: 20px;
        }
    }
    .maintenance-details-items{
        @media (width >=768px) {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }
    }
    .maintenance-details-item{
        background-color: transparent;
        border: none;
        padding: 0;
        min-height: auto;
       display: flex;
       flex-direction: column-reverse;
       @media (width >=768px) {
        padding: 0 15px;
        margin-bottom: 10px;
       }
       .maintenance-details-item__image {
        picture ,img {
            aspect-ratio: 360/200;
            max-width: 325px;
            height: 200px;
            transform: skewX(-4deg);
            margin: 0 auto;
            @media (width >=1024px) {
                padding-top: 0;
                object-position: none;
            }
        }
       }
    }
    .maintenance-details-background-image{
    picture ,img {
        aspect-ratio: auto; 
        height: auto;
        padding-top: 360px;

        @media (width >=768px) {
            padding-top: 350px;
        }
        @media (width >=1366px) {
            padding-top: 300px;
        }
}
}
    .maintenance-details-item__content {
        display: flex;
        padding-top: 20px;
        justify-content: center;
        @media (width >=768px) {
            justify-content: flex-start;
        }

        :is(h1, h2, h3, h4, h5, h6, p) {
            padding: 0;
        }

        .maintenance-details-item__title {
            :is(h1, h2, h3, h4, h5, h6, p) {
                    color:var(--primary-blue-1200);
                    font-size: var(--heading-font-24-mob);
                    line-height: var(--heading-lh-5--mob);
                    @media (width >=768px) {
                        font-size: var(--heading-font-28-des);
                        line-height: var(--heading-lh-12-des-display);
                    }
            }
        }
        .maintenance-details-item__description{
            margin-bottom: 26px;
            padding: 7px 0 0 15px;
            :is(h1, h2, h3, h4, h5, h6) {
                color:var(--tertiary-black-10);
                font-size: var(--heading-font-12-mob);
                line-height: var(--heading-lh-26-mob-text-small);
                text-align: left;
                margin-bottom: 7px;
            }
            p {
                font-size: var(--heading-font-20-mob-text);
                line-height: var(--heading-lh-21-mob-text-small);   
                text-align: left;
            }
        }
    }
   
}