.web-development-services{padding-bottom:80px}.web-development-services .title{color:#202020;letter-spacing:1px;max-width:762px;margin-inline:auto;font-size:40px;font-weight:500}.web-development-services .title span{color:var(--primary-color)}.web-development-services .development-services-cards{flex-wrap:wrap;display:flex}.web-development-services .development-services-cards>a,.web-development-services .development-services-cards>div{border-bottom:1px solid #0006;border-right:1px solid #0006;width:33.33%;padding:15px;display:block;position:relative}.web-development-services .development-services-cards>a:first-child,.web-development-services .development-services-cards>a:nth-child(3n+1),.web-development-services .development-services-cards>div:first-child,.web-development-services .development-services-cards>div:nth-child(3n+1){border-left:1px solid #0006}.web-development-services .development-services-cards>a:nth-child(-n+3),.web-development-services .development-services-cards>div:nth-child(-n+3){border-top:1px solid #0006}.web-development-services .development-services-cards>a img,.web-development-services .development-services-cards>a video,.web-development-services .development-services-cards>div img,.web-development-services .development-services-cards>div video{opacity:0;aspect-ratio:322/155;object-fit:cover;background-color:#d9d9d9;border-radius:8px;width:100%;height:100%;transition:all .5s;transform:scale(.9)}.web-development-services .development-services-cards>a .video-placeholder,.web-development-services .development-services-cards>div .video-placeholder{aspect-ratio:322/155;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.web-development-services .development-services-cards>a .video-placeholder:after,.web-development-services .development-services-cards>div .video-placeholder:after{content:"";background-color:var(--primary-color);border-radius:100%;width:200%;height:400%;transition:all .4s;position:absolute;bottom:-200%;left:50%;transform:translate(-50%)scale(0)}.web-development-services .development-services-cards>a .card-title,.web-development-services .development-services-cards>div .card-title{text-align:center;color:#000;z-index:1;width:100%;padding-inline:10px;font-size:clamp(18px,2vw,20px);font-weight:500;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.web-development-services .development-services-cards>a:hover .card-title,.web-development-services .development-services-cards>div:hover .card-title{color:#fff}.web-development-services .development-services-cards>a:hover img,.web-development-services .development-services-cards>a:hover video,.web-development-services .development-services-cards>div:hover img,.web-development-services .development-services-cards>div:hover video{opacity:1;transform:scale(1)}.web-development-services .development-services-cards>a:hover .video-placeholder:after,.web-development-services .development-services-cards>div:hover .video-placeholder:after{transform:translate(-50%)scale(1)}@media screen and (max-width:992px){.web-development-services .development-services-cards>a,.web-development-services .development-services-cards>div{border-top:0;border-left:0;width:50%;padding:10px}.web-development-services .development-services-cards>a:nth-child(odd),.web-development-services .development-services-cards>div:nth-child(odd){border-top:0;border-left:1px solid #0006}.web-development-services .development-services-cards>a:nth-child(n+1),.web-development-services .development-services-cards>div:nth-child(n+1){border-top:0}.web-development-services .development-services-cards>a:first-child,.web-development-services .development-services-cards>a:nth-child(2),.web-development-services .development-services-cards>div:first-child,.web-development-services .development-services-cards>div:nth-child(2){border-top:1px solid #0006}}@media screen and (max-width:450px){.web-development-services .development-services-cards>a,.web-development-services .development-services-cards>div{border-top:0;border-left:1px solid #0006;border-right:1px solid #0006;width:100%;padding:10px}.web-development-services .development-services-cards>a:nth-child(odd),.web-development-services .development-services-cards>div:nth-child(odd){border-top:0;border-left:1px solid #0006}.web-development-services .development-services-cards>a:first-child,.web-development-services .development-services-cards>a:nth-child(2),.web-development-services .development-services-cards>div:first-child,.web-development-services .development-services-cards>div:nth-child(2){border-top:0}.web-development-services .development-services-cards>a:first-child,.web-development-services .development-services-cards>div:first-child{border-top:1px solid #0006}}