.services__all{
    margin-block: 70px;
    padding: 0 7%;

}

.services__title h1{
 
    font-size: 55px;
}
.services__title span{
color: var(--secondary-color);
font-family: "Cormorant Garamond", serif;
}

.services__grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;

}

.services__box{
    margin-top: 50px;
    padding: 0 5%;
    padding-block: 50px;
    width: 90%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: #fff;
}

.services__box h2{
    color: var(--secondary-color);
}
.services__box p{
    padding-top: 10px;
}
.services__btn{
    margin-top: 50px;
}

.services__btn a{
    padding: 15px 45px;
    background-color: var(--secondary-color);
    color: #fff;
}

.services_type{
    padding: 0 7%;
    padding-block: 70px;
}

.services_type_title h1{
    color: var(--secondary-color);
    font-size: 55px;
    margin-bottom: 30px;
}

.services_list p{
    margin-bottom: 20px;
}
.services_list i{
    padding-right: 20px;
    color: var(--secondary-color);
}
 .footer {
     margin-top: 50px;
 }

 .our_projects_all {
     padding: 0 7%;
     display: none;

 }

 .our_project_title h1 {
     text-align: center;
     font-size: 50px;
 }

 .project_grid {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
 }

 .project {
     margin-top: 50px;
     width: 95%;
     height: 250px;
 }

 .project img {
     width: 100%;
     object-fit: cover;
     height: 250px;
 }
 .project video{
    width: 100%;
        object-fit: cover;
        height: 250px;
 }

 .title h1{
font-size: 45px;
}

.title span{
        font-family: "Cormorant Garamond", serif;
    color: var(--secondary-color);
}
@media only screen and (max-width: 1110px) {
    .services__grid{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .project_grid{
        grid-template-columns: 1fr 1fr;
    }
    
}

@media only screen and (max-width: 810px) {
    .services__grid {
            display: grid;
            grid-template-columns: 1fr;
        }
        .services__box{
            width: 100%;
        }
        .project_grid{
            grid-template-columns: 1fr;
        }
        .project{
            width: 100%;
        }
}

 .services_btn {
    display: block;
     padding: 0 7%;
     /* text-align: center; */
     margin-top: 70px;
 }

 .services_btn a {
     color: #fff;
     padding: 15px 40px;
     background-color: var(--secondary-color);
 }