.aboutContainer{
    width:70%;
    height: 80vh;
    margin:4rem auto 0 auto;
    display: flex;
    justify-content: space-between;
}
.aboutContainerSection{
    height:100%;
    margin:0;
}
.aboutContainerSection1{
    width:40%;
}
.aboutContainerSection2{
    width:60%;
    background-image: url("/assets/operation.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
    margin: 0;
}
.aboutText{
    width:100%;
    padding: 0;
    
}
.aboutTopicText{
    height:60%;
    display: flex;
    flex-direction: column-reverse;
    background-color: var(--tertiary1);
    color: white;
    padding-inline: 1rem;

}
.aboutDescriptionText{
    background-color: rgb(102, 102, 102);
    color: white;
    height: 40%;
    display: flex;
    justify-content: space-between;
}
.desc1{
    padding: 2rem 1rem;
    width:40%;
    height: 100%;
}

.desc2{
    width: 60%;
    height: 100%;
}
#services{
    margin-top:3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width:100%;
    
    min-height:100vh;
    background-color: var(--tertiary2);
    padding-bottom: 4rem;
    color: white;
}
.bookServiceCont{
    width:70%;
    min-height: fit-content;
    display: flex;
    height:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;

}
.bookService{
    width:25%;
    aspect-ratio: 1;

}
.bookService:nth-child(even){
    border: 2px solid goldenrod;
}
.bookService:nth-child(odd){
    background-color: white;
}
.reviews{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.reviewsCont{
    width:80%;
    display: flex;
    flex-wrap: wrap;
}
.review{
    margin: 1rem;
    padding:1rem 2rem;
    width:40%;
    border:1px solid black;
}
@media(width<768px){
    .aboutContainer{
        width: 100%;
        height:95vh;
        position: relative;
        overflow: hidden;
    }
    .aboutContainerSection1{
        position: absolute;
        width:100%;
        backdrop-filter: blur(2px);
    }
    .aboutContainerSection2{
        width: 100%;
    }
    .aboutTopicText{
        background-color: hsla(294, 28%, 71%, 0.5) ;
    }
    .aboutDescriptionText{
        background-color: rgba(102, 102, 102, 0.5);
    }
    #services>h2{
        margin-inline: 2rem;
    }
    .bookServiceCont{
        width: 90%;
        gap:0.75rem;
    }
    .bookService{
        width:40%;
    }
    .reviewsCont{
        width: 100%;
        justify-content: space-around;
    }
    .review{
        margin:0.25rem;
        width:40%;
        padding:0.25rem 0.5rem;
    }
    .reviewDescription{
        display: none;
    }
}