.our-clients { padding-bottom: 50px; padding-top: 50px; margin-bottom: 40px; }
.our-clients .title { padding-bottom: 30px; display: flex; justify-content: space-between; align-items: center; }
.our-clients .title h2 { padding-bottom: 0; }
.our-clients .title .button-2 { padding-top: 0; }
.our-clients { background-color: #F6F7FA !important; }
div .our-clients { background-color: transparent; }
.our-clients .button-2 { padding-top: 42px; }
.our-clients-section {margin: 0 -15px;}
.our-clients-section  .card { border-radius: 17px; position: relative; overflow: hidden; width: calc(50% - 30px); margin: 0 15px; }
.our-clients-section .card .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 40px 26px 10px 40px; display: flex; flex-wrap: wrap; z-index: 1; }
.our-clients-section .ply-btn { width: 58px; height: 58px; margin-left: auto; opacity: 0; transition: all 400ms ease; transform: scale(0.5); }
.our-clients-section .ply-btn img { width: 100%; height: 100%; }
.our-clients-section .card .content .card-body { position: absolute; bottom: 10px; color: #fff; }
.our-clients-section .card img { width: 100%; height: 100%; object-fit: cover; }
.our-clients-section .card figure:after { content: ''; position: absolute; background-color: #040404; opacity: 49%; top: 0; left: 0; bottom: 0; right: 0; }
.our-clients-section .card figure { height: 100%; position: relative; border-radius: 17px; overflow: hidden; }
.our-clients-section .card figure { height: 308px; }
.our-clients-section .card figure img { max-width: 100%; height: 100%; }
.our-clients-section .card .content .card-body p:first-child { font-size: 26px; line-height: 40px; margin-bottom: 0px; }
.our-clients-section .card .content .card-body p:last-child { font-size: 22px; font-weight: 500; line-height: 40px; }
.our-clients-section .card:hover figure:after { opacity: 49%; transform: scale(1); }
.our-clients-section .card:hover .content .ply-btn { opacity: 1; transform: scale(1); }
.our-clients:has(+ .blog-post) { margin-bottom: 0; }
.home .our-clients  { margin-bottom: 0; }
 


@media(max-width: 1199px) {
    .our-clients-section .card .content .card-body p:first-child { font-size: 20px; line-height: 30px;}
	.our-clients-section .card .content .card-body p:last-child { font-size: 18px; line-height: 30px;}
	.our-clients-section .card .content { padding: 40px 26px 10px 20px;}
}

@media(max-width: 991px) {
    .our-clients-section .ply-btn { width: 38px; height: 38px; }
	.our-clients-section .card .content .card-body p:first-child { font-size: 16px; line-height: 20px;}
	.our-clients-section .card .content .card-body p:last-child { font-size: 14px; line-height: 20px;}
}

@media(max-width: 767px) {
    .home .our-clients,
    .page-web-development .our-clients {margin-top: 0;}
    
    
    .our-clients-section .card { width: 100%; margin-bottom: 30px; }
    .our-clients-section .card .content .card-body p:first-child { font-size: 16px; line-height: 20px; }	
    .our-clients-section .ply-btn { width: 40px; height: 40px; transform: initial; opacity: 1; }
    .our-clients .title { padding-bottom: 20px; justify-content: center; }   
    .our-clients .button-2 { padding-top: 5px !important; }
}