.service-section{background:#dfe2ff url(https://apiowaispashadesigns.wasmer.app/wp-content/uploads/2025/03/Noise-Texture.png) 50%/cover no-repeat}.service-section .col{flex:1;transition:all .35s ease-in-out}.service-section .col.active{flex:2}.service-section .card{filter:grayscale();background:url(https://apiowaispashadesigns.wasmer.app/wp-content/uploads/2025/03/user_reserse_analysis.png) 50%/cover no-repeat;border:1px solid #00000026;height:550px;transition:all .35s ease-in-out}.service-section .col:nth-child(2) .card{background:url(https://apiowaispashadesigns.wasmer.app/wp-content/uploads/2025/03/wireframing-prototyping.png) 50%/cover no-repeat}.service-section .col:last-child .card{background:url(https://apiowaispashadesigns.wasmer.app/wp-content/uploads/2025/03/visual-design-interaction-design.png) 50%/cover no-repeat}.service-section .card:before{content:"";z-index:0;background:linear-gradient(#0000 69.67%,#000c 100%),linear-gradient(#0003 0% 100%);width:100%;height:100%;position:absolute;top:0;left:0}.service-section .card p{color:#fffc;max-height:0;transition:all .35s ease-in-out}.service-section .col.active .card{filter:none}.service-section .col.active .card p{max-height:100%}@media (max-width:1024px){.service-section .card{height:500px}}@media (max-width:991.97px){.service-section .card{height:450px}.service-section .col .card h3{font-size:22px;line-height:normal!important}}@media (max-width:767.97px){.service-section .col{flex:auto}.service-section .card{filter:none;height:330px}.service-section .col .card p{max-height:100%}}
