.process-slider{position:relative;width:95%;max-width:600px;overflow:visible;text-align:center;margin:20px auto auto;height:auto}.process-container{display:flex;justify-content:center;align-items:center;height:auto;position:relative;margin-top:-10px;padding-top:20px}.process-slide{display:none;width:80%;transition:opacity .3s ease-in-out,transform .3s ease-in-out;border:4px solid blue;margin-top:50px;border-radius:15%;opacity:0;transform:translateX(-100%);position:relative;overflow:visible}.process-slide.active{display:flex;flex-direction:column;align-items:center;opacity:1;transform:translateX(0);animation:slideInLeft .3s ease-in-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.process-content{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;width:130px;height:130px;padding:20px;border:4px solid #2d4fe1;border-radius:50%;background-color:#fff;z-index:300;top:-100px;left:50%;transform:translateX(-50%);box-shadow:0 4px 10px rgba(0,0,0,.2)}@media (max-width:768px){.process-content{top:-60px;width:130px;height:130px;padding:20px}}.process-content>img{width:100px;height:100px;z-index:200}.process-slide>p{font-size:16px;max-width:90%;margin-top:10px;margin-bottom:10px}.process-slide>h1{font-size:25px;font-weight:700;color:#000;margin-top:80px}.arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;font-size:30px;cursor:pointer;padding:10px;transition:color .3s ease;z-index:400}.arrow.left{left:2px}.arrow.right{right:2px}.arrow:hover{color:#007bff}