.home-services-section{position:relative;padding:60px 20px;background-color:#d9d9d9;text-align:center;overflow:hidden}.home-services-section .white-background{position:absolute;top:0;left:0;width:75%;height:100%;background-color:#fff;z-index:0;border-top-right-radius:500px;border-bottom-right-radius:500px}.home-services-section h2{position:relative;font-size:36px;color:#252525;margin-bottom:70px;z-index:1}.services-carousel{position:relative;display:flex;transition:transform 0.5s ease;will-change:transform;cursor:grab;z-index:1}.service-item{background-size:cover;background-position:center;border-radius:10px;box-shadow:0 4px 6px rgb(0 0 0 / .1);padding:0;margin:10px;flex:0 0 calc(25% - 20px);height:300px;display:flex;align-items:flex-end;box-sizing:border-box;position:relative;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;color:#fff;user-select:none}.service-item:hover{transform:translateY(-10px);box-shadow:0 8px 16px rgb(0 0 0 / .2)}.service-item .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);z-index:1}.service-content{position:relative;z-index:2;padding:20px 15px;display:flex;flex-direction:column;align-items:flex-start;width:100%;padding-right:70px;user-select:none}.service-icon{font-size:30px;margin-bottom:5px;user-select:none}.service-content h3{text-align:left;font-size:20px;margin:0;color:#fff;user-select:none;text-transform:uppercase}.service-arrow{width:30px;height:30px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:20px;right:15px;opacity:0;transition:opacity 0.3s ease,transform 0.3s ease;user-select:none;cursor:pointer}.service-item:hover .service-arrow{opacity:1;transform:scale(1.2)}.service-arrow i{font-size:14px;color:#fff}@keyframes fade-in-up{0%{opacity:0;transform:translateY(50px)}60%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transition:opacity 0.75s ease,transform 0.75s ease}.animate-on-scroll.fade-in-up{animation:fade-in-up 1s forwards}@media (max-width:768px){.service-item{flex:0 0 calc(100% - 20px)}}