.dark-mode .our-service-container{background-color:var(--dark-bg)}.dark-mode .our-service-heading-text{color:var(--dark-top-heading)}.dark-mode .our-service-container p{color:#94a3b8}.service-container{cursor:pointer;height:300px;overflow:hidden;transition:all .4s ease-in-out}.service-container img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease-in-out;width:100%}.service-container:hover>div.overflow-hidden>img{transform:scale(1.5)}.service-text{background-color:var(--color-primary)}.service-text h2{color:#e2e8f0;white-space:nowrap}.dark-mode .service-text h2{color:#e2e8f0}.dark-mode .service-text p{color:#cbd5e1}.dark-mode .service-container{border:1px solid rgba(148,163,184,.1);box-shadow:0 12px 28px rgba(0,0,0,.2)}.dark-mode .service-container:hover{border-color:var(--color-primary);box-shadow:0 15px 35px rgba(0,0,0,.3)}.dark-mode .service-text{backdrop-filter:blur(8px);background:linear-gradient(to right,rgba(var(--color-primary-rgb),.95),rgba(var(--color-primary-rgb),.85))}.dark-mode .service-container img{filter:brightness(.9)}.dark-mode .service-container:hover img{filter:brightness(1)}.dark-mode .service-container:after{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2));content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.dark-mode .service-container:hover:after{opacity:1}.dark-mode .service-text h2{text-shadow:0 2px 4px rgba(0,0,0,.2)}.dark-mode .service-text p{text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width:950px){.service-text h2{font-size:24px;margin:0}.service-text p{font-size:14px;padding:0 4px}}@media (max-width:750px){.service-text{width:50%}.our-service-container{padding-left:10px;padding-right:10px}.our-service-heading-text{font-size:1.9rem}.our-service-desc-text{font-size:.9rem}.service-text h2{font-size:20px;margin:0}.service-text p{font-size:12px;padding:0 4px}.service-text,.service-text>div{padding:0 4px}}@media (max-width:550px){.service-outer-container{margin-top:30px}.service-container{border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.1);height:220px;margin:0;overflow:hidden;position:relative}.service-container img{height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.1);transition:transform .5s ease;width:100%}.service-container:hover img{transform:scale(1.15)}.service-container .rounded-l-full{border-radius:10px}.service-container .rounded-r-full{border-bottom-right-radius:10px;border-top-right-radius:10px}.service-text{background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.8) 30%,rgba(0,0,0,.4) 60%,transparent);border-bottom-right-radius:0;border-top-right-radius:0;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;padding:20px;position:absolute;right:0;transition:all .3s ease;width:100%}.dark-mode .service-text{background:linear-gradient(0deg,rgba(0,0,0,.98) 0,rgba(0,0,0,.85) 30%,rgba(0,0,0,.5) 60%,transparent)}.service-text h2{color:#fff;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.3);width:100%}.dark-mode .service-text h2{color:#fff;font-size:14px}.service-text p{font-size:10px;font-weight:400;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.2);width:100%}.dark-mode .service-text p,.service-text p{color:hsla(0,0%,100%,.95)}.service-text>div{padding:0;position:absolute;right:-1px;top:54px;transform:translateY(0);transition:transform .3s ease;width:210px}.service-container:hover .service-text>div{transform:translateY(-5px)}.our-service-heading-text{font-size:1.75rem;font-weight:800;letter-spacing:-.5px}.our-service-desc-text{font-size:1rem;line-height:1.6;margin:0 auto;max-width:90%}}@media (max-width:450px){.service-container{height:200px}.service-text{padding:16px}.service-text h2{font-size:18px;margin-bottom:6px}.service-text>div{width:190px}.service-text p{font-size:12px;line-height:1.4}.our-service-heading-text{font-size:1.5rem}.our-service-desc-text{font-size:.9rem}}@media (max-width:400px){.service-text{border-radius:0;left:50%}.service-text>div{width:100%}.service-container{height:180px}.service-text h2{font-size:16px}.service-text p{font-size:11px}}