*{
    padding:0;
    margin: 0;
    box-sizing: border-box;
}
body{
    width: 100vw;
    height: auto;
    display: grid;
    place-items:center;
}

.about-hero{
    width: 100%;
    height: 45vh;
    display: grid;
    place-items: center;
    background-image: url(../img/about-hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: darken;
    background-color: rgb(0, 0, 0, 0.6);
    margin-bottom: 50px;
}

.about-hero h2{
   font-size: 5rem;
   color: white;
   text-align:center;
}

.about-content{
    width: 90%;
    /* background-color: red; */
    display: flex;
    align-items: center;
    gap:20px;
}

.about-details{
    width: 50%;
}

.about-details h2{
    color:green;
    font-size: 2rem;
}

table {
    width: 50%;
    border-collapse: collapse;   /* merges all borders into single lines */
    text-align: left;
}

th, td {
    border: 2px solid black;     /* border on each cell */
    padding: 12px 20px;          /* space inside cells */
}

thead {
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #f0f0f0;   /* optional: light header color */
}

tbody {
    font-size: 1rem;
}

.key-sevices{
    width: 90%;
    /* background-color: red; */
}

.key-sevices h2{
    color:green;
    font-size: 2rem;
}

.key-sevices ul{
    padding-left: 50px;
}

.key-sevices ul li{
    font-size: 1.2rem;
}