.pkl{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pkl img{
    max-width: 700px;
    object-fit: cover;
}
.pkl-hero{
    padding: 2rem;
    display: flex;
    flex-direction: column;
    /* gap: 1rem; */
    color: black;
    background-color: #e8e6e6;
    max-width: 500px;
    z-index: 10;
    margin-right: -10rem;
}
.pkl-hero h2{
    font-size: 3rem;
    font-weight: normal;
}
.pkl-hero p{
    line-height: 2rem;
}
.pkl-amor-logo{
    margin: 1rem auto;
    text-align: center;
}
.pkl-amor, .pkl-why-well{
    text-align: center;
    font-size: 3rem;
}
.pkl-amor-sect{
    display: flex;
    justify-content: center;
    align-items: center;
    /* text-align: ce; */
    gap: 3rem;
    padding: 3rem;
}
.pkl-amor-text{
    max-width: 600px;
    font-size: 1rem;
    line-height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pkl-amor-img{
    display: flex;
flex-direction: column;
gap: 1rem;
}
.pkl-amor-img > *{
    max-width: 400px;
    object-fit: cover;
}

.pkl-depth{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pkl-depth-content{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5rem;
    font-size: 1rem;
    line-height: 2rem;
    padding: 2rem;
}
.pkl-depth-content p{
    max-width: 500px;
}
.pkl-depth img{
    max-width: 700px;
    object-fit: cover;
}

.pkl-sitdef{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5rem;
    background-color: #e8e6e6cc;
}
.sitdef-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 2rem;
    /* background-color: #e8e6e6cc; */
    /* padding: 2rem; */
    /* min-width: 100%; */
}
.pkl-sitdef img{
    max-width: 700px;
    object-fit: cover;
}
.pkl-imgs{
    display: grid;
    /* 3fr */
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    padding: 2rem;
    margin:5rem auto
}
.pkl-stuff-img{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /* shadow on the box*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}
.pkl-stuff-img img{
    max-width: 100%;
    object-fit: cover;
}
.pkl-stuff-img p{
    text-align: center;
    font-size: 0.9rem;
    padding: 1rem;
    margin: 0 0 0 0;
}

@media screen and (max-width:1080px) {
    .pkl-sitdef{
        flex-direction: column;
        gap: 2rem;
    }
    .pkl-sitdef img{
        max-width: 100%;
        gap: 2rem;
    }
    .pkl-amor-sect{
        flex-direction: column;
        gap: 2rem;
        padding: 3rem 1rem;
    }
    .pkl{
        flex-direction: column;
    }
    .pkl-hero{
        margin-right: 0;
        padding: 2rem 1rem;
        max-width: 100%;
    }
    .pkl-hero img{
        max-width: 100%;
    }
    .pkl-depth-content{
        flex-direction: column;
        gap: 2rem;
    }
    .pkl-depth img{
        max-width: 100%;
    }
}

@media screen and (max-width:768px) {
    .pkl-imgs{
        grid-template-columns: repeat(2, 1fr);
    }
    
}
@media screen and (max-width:425px) {
    .pkl-imgs{
        grid-template-columns: repeat(1, 1fr);
    }
    
}