:root{--color-theme-primary-100: #41419F;--color-theme-primary-80: #4A9ABF;--color-theme-primary-60: #6CB3C9;--color-theme-primary-40: #8DC1D3;--color-theme-primary-20: #B0D0DE;--color-theme-primary-10: #D3E0E8;--color-theme-secondary-100: #FFA500;--color-theme-secondary-80: #FFB732;--color-theme-secondary-60: #FFC966;--color-theme-secondary-40: #FFD88A;--color-theme-secondary-20: #FFE9B0;--color-theme-secondary-10: #FFF9D6;--header-height-varible: clamp(3rem, 7vw, 4rem)}.service-container{position:relative;width:100vw;height:100vh;overflow:hidden;color:#fff;max-width:100%}.service-slides-wrapper{position:absolute;height:100%;width:100%;display:flex;will-change:transform;transform:translateZ(0)}.service-slide{position:relative;height:100%;width:100vw!important;min-width:100vw;display:flex;align-items:center;justify-content:center;padding:0 5%;box-sizing:border-box;overflow:hidden;flex-shrink:0}@media screen and (max-width: 768px){.service-slide{padding:5% 2%;align-items:flex-start}}.service-slide .draggable-image{top:0;bottom:10%;right:10%;width:80%;height:40%}.service-slide-content{width:80%;padding-right:5%;z-index:2;will-change:transform,opacity}.service-slide-content h2{font-size:6rem;margin-bottom:2rem;color:#fff}.service-slide-content .service-slide-text{font-size:1.8rem;line-height:1.2}@media screen and (max-width: 768px){.service-slide-content{width:100%;padding-right:0}.service-slide-content h2{font-size:2rem}.service-slide-content .service-slide-text{font-size:1rem}}.service-navigation-dots{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:10;padding:8px 16px;background-color:#0003;border-radius:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.service-navigation-dots:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:30px;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.service-nav-dot{width:12px;height:12px;border-radius:50%;background-color:#fff6;cursor:pointer;transition:all .3s ease}.service-nav-dot.active{background-color:#fff;transform:scale(1.2);box-shadow:0 0 10px #ffffff80}.service-nav-dot:hover{background-color:#fffc}.service-nav-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.service-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:60px;height:60px;font-size:3rem;color:#fff;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.service-nav-button:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.05)}.service-nav-button:active{transform:translateY(-50%) scale(.95)}@media screen and (max-width: 768px){.service-nav-button{width:45px;height:45px;font-size:2rem}}.service-nav-prev{left:20px}@media screen and (max-width: 768px){.service-nav-prev{left:10px}}.service-nav-next{right:20px}@media screen and (max-width: 768px){.service-nav-next{right:10px}}