main{position:relative;background-image:url(/assets/images/services-bg.jpg);background-size:100%;width:100%;padding-top:130px}.desc{font-size:16px;font-weight:400;line-height:1.2}.hr{border-top:1px solid hsla(0,0%,100%,.2);margin:50px 0}.services-cards .service-card{display:flex;background:linear-gradient(236.95deg,rgba(255,255,255,.12),rgba(255,255,255,.04));backdrop-filter:blur(80px);border-radius:12px;overflow:hidden;margin-bottom:60px}.services-cards .service-card .img{width:40%}.services-cards .service-card .img img{width:100%}.services-cards .service-card .content{width:60%;padding:50px 40px}.services-cards .service-card .content h4{font-size:clamp(24px,3vw,36px);font-weight:700;color:#fff;margin-bottom:15px;line-height:1}.services-cards .service-card .content .card-btn{font-weight:500;font-size:20px;letter-spacing:-.5px;text-transform:capitalize;color:#fff;width:max-content;overflow:hidden}.services-cards .service-card .content .card-btn>span{position:relative;width:40px;height:40px;background:#05e077;border-radius:50px;display:flex;align-items:center;justify-content:center}.services-cards .service-card .content .card-btn>span svg{position:relative;transition:.2s}.services-cards .service-card .content .card-btn>span svg:first-child{top:0}.services-cards .service-card .content .card-btn>span svg:nth-child(2){position:absolute;top:40px;left:50%;transform:translateX(-50%)}.services-cards .service-card .content .card-btn:hover svg:first-child{top:-30px}.services-cards .service-card .content .card-btn:hover svg:nth-child(2){top:8px}.services-cards .service-card .content .card-btn:hover .btn-text span:first-child{top:-30px}.services-cards .service-card .content .card-btn:hover .btn-text span:nth-child(2){top:0}.services-cards .service-card .content .card-btn .btn-text{position:relative;overflow:hidden}.services-cards .service-card .content .card-btn .btn-text>span{position:relative;transition:.2s}.services-cards .service-card .content .card-btn .btn-text>span:first-child{top:0}.services-cards .service-card .content .card-btn .btn-text>span:nth-child(2){position:absolute;top:35px;left:50%;transform:translateX(-50%);width:100%}.services-cards .service-card:nth-child(2n){flex-direction:row-reverse}@media screen and (max-width:768px){.services-cards .service-card{flex-direction:column}.services-cards .service-card .content,.services-cards .service-card .img{width:100%}.services-cards .service-card:nth-child(2n){flex-direction:column}}