body {
    background: url("./shtq.png");
    background-position: fixed;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    background-position: center;
}

.gallery_water_text{
    background: rgba(255, 255, 255, 0.5);
    top: -5rem;

}
.content {
    margin-top: 10 rem;
    top: -5rem;
    background: transparent;
    animation: squish 1s ;
    font-family: 'Rancho', cursive;
}
.content h3 {
    font-size: 75px;
}


.pricing {
    max-height: 350vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    top: -2rem;
    min-width: 100vw;
    background: url("./SR\ LPP-min.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:contain;
    background-size: contain;

    
   
    
}
.pricing h2 {
    font-size: 60px;
    background: cyan;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    font-family: 'Rancho', cursive;
}

.prices {
    display: flex;
    position: relative;
    margin: 20px;
    gap: 3rem;
   
    

}
.price_box {
    background: rgba(0,0,0, 0.75);
    backdrop-filter: blur(6px);
    border-radius: 25px;
    width: 20vw;
}

.price_box h2 {
    background: linear-gradient(to top, cyan,cyan 140%);
    
    font-size: 30px;
    padding: 1rem;
}
.price_box h3 {
    font-size: 25px;
    text-align: center;
    padding: 1rem;
    background: orange;
    font-family: 'Rancho', cursive;
}
.price_box p {
    text-align: center;
    padding: 1rem;
    color: #fff;
    
}


@media screen and (max-width: 1300px) {
  
    .pricing {
       
        height: auto;
        gap: 0;
        
    }
    .prices {
        display: grid;
        grid-template-columns: 1fr;
        
        
    
    }
    .price_box {
        width: 90vw;
    }
    .price_box h2 {
        background: cyan;
        font-size: 25px;
        padding: 0rem;
    }
    .price_box h3 {
        font-size: 20px;
        text-align: center;
        padding: 0rem;
        background: orange;
    }
    .price_box p {
        text-align: center;
        padding: 5px;
        color: #fff;
        
    }
}



@media screen and (max-width: 700px) {
  
    .pricing {
       
        height: auto;
        gap: 0;
        margin: auto;
    }
    .prices {
        display: grid;
        grid-template-columns: 1fr;
        
        
    
    }
    .price_box {
        width: 90vw;
    }
    .price_box h2 {
        background: cyan;
        font-size: 25px;
        padding: 0rem;
    }
    .price_box h3 {
        font-size: 20px;
        text-align: center;
        padding: 0rem;
        background: orange;
    }
    .price_box p {
        text-align: center;
        padding: 5px;
        color: #fff;
        
    }
}