:root {
    --white: #fff;
    --black: #000;
    --yellow-color: #FFCF23;
    --grey-color: #737373;
    --secondary-color: #15151f;
    --secondary-color-dark: #0a0b0f;
    --text-light: #6b7280;
    --max-width: 1200px;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.header_service{
    background: var(--secondary-color-dark);
}

.service_section{
    background: var(--secondary-color-dark);
}
.our_company{
    background: var(--secondary-color-dark);
    color: var(--white);
}
.service_section h1{
    text-align: center;
    color: var(--white);
}
.service_section .row .card{
    margin: 20px 20px;
}
.card{
    width: 18rem;
    height: 24rem;
}
.card:hover {
    box-shadow: 4px 4px 8px 0 rgba(255, 255, 255, 0.74);
    transition: 0.3s;
    border-radius: 5px;
  }
.card img{
    height: 14rem;
    object-fit: cover;
}
.card-body{
    padding: 20px 10px;
}
.card-body h6{
    font-size: 16px;
    padding: 5px 0px;
}
.card-body p{
    font-size: 14px;
    padding-bottom: 8px;
}
.card-body a{
    border-radius: 50px;
    padding: 8px 20px;
}
.card-body a:hover{
    border-radius: 50px;
    padding: 9px 22px;
}



@media (max-width: 768px) {
    .service_section{
        padding: 8rem 0rem;
    }
}
@media (max-width: 990px){
    .row .col-sm-6{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}