#service-carousel .container{background:#f5f5f5;border-radius:20px;width:100%;height:100%;position:relative;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 50px #dbdbdb}#service-carousel .container .slide{border-radius:20px}#service-carousel .container .slide .item{background-position:50%;background-size:cover;border-radius:20px;width:200px;height:250px;transition:all .5s;display:inline-block;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 30px 50px #505050}#service-carousel .slide .item:first-child,#service-carousel .slide .item:nth-child(2){border-radius:20px;width:100%;height:100%;transition:all .5s;top:0;left:0;transform:translate(0)}#service-carousel .slide .item:nth-child(3){left:50%}#service-carousel .slide .item:nth-child(4){left:calc(50% + 220px)}#service-carousel .slide .item:nth-child(5){left:calc(50% + 440px)}#service-carousel .slide .item:nth-child(n+6){opacity:0;left:calc(50% + 660px)}#service-carousel .item .content{text-align:left;color:#eee;z-index:2;width:350px;font-family:system-ui;display:none;position:absolute;top:50%;left:50px;transform:translateY(-50%)}#service-carousel .slide .item:nth-child(2) .content{display:block}#service-carousel .content .name{text-transform:uppercase;opacity:0;text-shadow:2px 2px 10px #000c;color:#fff;font-size:40px;font-weight:700;line-height:1.1;animation:1s ease-in-out forwards animate}#service-carousel .content .des{opacity:0;text-shadow:1px 1px 5px #000;color:#f1f1f1;margin-top:15px;margin-bottom:25px;font-size:16px;animation:1s ease-in-out .3s forwards animate}#service-carousel .content button{cursor:pointer;opacity:0;color:#000;background-color:#ffffffac;border:none;border-radius:10px;padding:10px 20px;transition:all .5s;animation:1s ease-in-out .6s forwards animate}#service-carousel .content button:hover{background-color:#fff}@keyframes animate{0%{opacity:0;filter:blur(33px);transform:translateY(100px)}to{opacity:1;filter:blur();transform:translate(0)}}#service-carousel .button{text-align:center;z-index:10;flex-direction:row;align-items:center;gap:20px;width:100%;display:flex;position:absolute;bottom:20px;left:45%;right:50%}#service-carousel .button button{cursor:pointer;color:#000;background:#ffffff93;border:2px solid #000000bd;border-radius:8px;justify-content:center;align-items:center;width:40px;height:35px;margin:0 5px;transition:all .3s;display:flex}#service-carousel .button button:hover{color:#000;border:2px solid #ffffffbd;transform:scale(1.1)}#service-carousel .button button:focus{background:#fff;border:2px solid #ffffffbd;transform:scale(1.1)}#service-carousel .button button:active{transform:scale(1.02)}#service-carousel .next{padding:0 0 0 3px}#service-carousel .prev{padding:0 3px 0 0}#service-carousel .container{width:100%;height:100%;box-shadow:none;background:0 0;border-radius:20px;overflow:hidden}#service-carousel .slide .item:first-child,#service-carousel .slide .item:nth-child(2){border-radius:20px}#service-carousel .item:before{content:"";z-index:0;opacity:0;-webkit-backdrop-filter:blur(4px);pointer-events:none;background:linear-gradient(90deg,#000000d9 0%,#00000080 40%,#0000001a 100%);border-radius:20px;transition:opacity .5s ease-in-out;position:absolute;inset:0}#service-carousel .slide .item:nth-child(2):before{opacity:1}@media (max-width:1024px){#service-carousel .slide .item:nth-child(3){left:40%}#service-carousel .slide .item:nth-child(4){left:calc(40% + 220px)}#service-carousel .slide .item:nth-child(5){left:calc(40% + 440px)}#service-carousel .item .content{width:250px;left:40px}}@media (max-width:768px){#service-carousel .container{width:100%;position:relative;top:auto;left:auto;transform:none}#service-carousel .slide .item:first-child,#service-carousel .slide .item:nth-child(2){opacity:1;width:100%;height:100%;top:0;left:0}#service-carousel .slide .item:nth-child(3){opacity:1;width:110px;height:150px;top:30px;left:calc(100% - 130px);transform:none}#service-carousel .slide .item:nth-child(n+4){opacity:0;pointer-events:none;left:100%}#service-carousel .item .content{width:calc(100% - 40px);max-width:none;top:auto;bottom:80px;left:20px;transform:none}#service-carousel .content .name{text-shadow:2px 2px 5px #000000e6;font-size:26px}#service-carousel .content .des{text-shadow:1px 1px 3px #000000e6;margin-bottom:15px;font-size:14px}#service-carousel .item:before{background:linear-gradient(#0000 0%,#0009 60%,#000000f2 100%)}#service-carousel .button{width:max-content;bottom:20px;left:50%;transform:translate(-50%)}}