.service-item-current-style10{background-color:#fff;border-radius:10px;transition:all 0.3s ease;box-shadow:0px 0px 50px rgba(5, 5, 5, 0.08)}@media (prefers-reduced-motion: reduce){.service-item-current-style10{transition:none}}.service-item-current-style10
.details{padding:30px}.service-item-current-style10 .details
.title{margin-top:0}.service-item-current-style10 .service-header{position:relative;border-radius:10px}.service-item-current-style10 .service-header
.thumb{border-radius:10px 10px 0 0;overflow:hidden;position:relative}.service-item-current-style10 .service-header .thumb
img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all 0.4s ease-in-out}@media (prefers-reduced-motion: reduce){.service-item-current-style10 .service-header .thumb
img{transition:none}}.service-item-current-style10 .service-header .service-icon{color:var(--text-color-bg-theme-color1);background:var(--theme-color1);position:absolute;left:-10px;top:30px;width:80px;height:80px;line-height:80px;text-align:center;font-size:2.8rem;transition:all 0.5s ease}.service-item-current-style10 .service-header .service-icon:before{background:var(--theme-color1);position:absolute;content:"";width:10px;height:10px;left:0px;bottom:-9px;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);transition:all 500ms ease}.service-item-current-style10 .service-header .service-icon
img{width:50px}.service-item-current-style10 .service-header .service-icon .symbol-icon.icon2{display:none}.service-item-current-style10:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.service-item-current-style10:hover .service-header .thumb
img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.service-item-current-style10:hover .service-header .service-icon{color:var(--text-color-bg-theme-color2);background:var(--theme-color2)}.service-item-current-style10:hover .service-header .service-icon:before{background:var(--theme-color2)}.service-item-current-style10:hover .service-header .service-icon .symbol-icon.icon1{display:none}.service-item-current-style10:hover .service-header .service-icon .symbol-icon.icon2{display:block}