.step-based-graph{.title-container{margin-bottom:60px;max-width:1050px;text-align:center;@media (max-width:991px){margin-bottom:40px}.title-e{margin-bottom:30px;@media (max-width:991px){margin-bottom:20px}}.description-e{color:#444;font-size:18px;line-height:24px;@media (max-width:991px){font-size:16px}}}.graph-container{margin-bottom:60px;@media (max-width:991px){margin-bottom:100px}.graph{aspect-ratio:1224/546;background-image:url(https://pages.skycell.ch/hubfs/background-grid.webp);background-position:50%;background-size:cover;position:relative;.axis_label{color:#6b7176;font-size:12px;position:absolute;text-transform:uppercase;&.x_axis{bottom:0;left:50%;transform:translate(-50%,calc(100% + 20px));@media (max-width:991px){transform:translate(-50%,calc(100% + 5px))}}&.y_axis{left:0;top:50%;transform:translate(calc(-100% - 20px),-50%);writing-mode:sideways-lr;@media (max-width:991px){height:100%;text-align:center;transform:translate(-100%,-50%)}}}.overlay{background-image:url(https://pages.skycell.ch/hubfs/gray_background_4.webp);background-position:bottom;background-repeat:no-repeat;background-size:contain;height:100%;.path{height:100%;-webkit-mask:url(https://pages.skycell.ch/hubfs/stroke.svg) no-repeat center/contain;mask:url(https://pages.skycell.ch/hubfs/stroke.svg) no-repeat top/contain;transform:scale(1.005)}.single_step{align-items:center;display:flex;flex-direction:column;position:absolute;text-align:center;transform:translate(-50%,-50%);width:fit-content;.circle{align-items:center;aspect-ratio:1/1;background-color:#fff;border:1px solid #f6f6f6;border-radius:1000px;color:#6b7176;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:center;line-height:100%;text-align:center;transition:.3s ease-out;width:36px;&:hover{background-color:#ddd}}.text{font-size:14px;min-width:150px;position:absolute;top:calc(100% + 10px);@media (max-width:991px){display:none}.title{font-weight:700;line-height:120%;padding-bottom:2px}.subtitle{color:#374151;line-height:120%}}&[data-spot="1"]{left:11%;top:61%}&[data-spot="2"]{left:17.5%;top:58%}&[data-spot="3"]{left:24%;top:55%}&[data-spot="4"]{left:30.5%;top:50%}&[data-spot="5"]{left:37%;top:45%}&[data-spot="6"]{left:43.5%;top:39%}&[data-spot="7"]{left:50%;top:32%}&[data-spot="8"]{left:56.5%;top:24%}&[data-spot="9"]{left:63%;top:18%}&[data-spot="10"]{left:69.5%;top:12%}&[data-spot="11"]{left:76%;top:8%}&[data-spot="12"]{left:82.5%;top:4%}&[data-spot="13"]{left:89%;top:2%}}}}}.content-container{padding-bottom:50px;@media (max-width:991px){padding-bottom:20px}.single_content_box{animation:fade-in-from-right .5s ease-in-out;background-color:#fff;border:1px solid #dbe0e6;border-radius:16px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:none;gap:50px;grid-template-columns:auto auto;padding:40px;@media (max-width:991px){gap:30px;grid-template-columns:auto;padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}.left{display:grid;justify-items:start;position:relative;.breadcrumbs{align-items:center;background:rgba(80,200,232,.1);border-radius:1000px;display:flex;gap:10px;margin-bottom:20px;padding:10px 20px;.text{color:#50c8e8;font-size:14px;font-weight:700;line-height:100%}}.description{color:#6b7176;font-size:17px;line-height:26px;margin-bottom:20px;@media (max-width:991px){margin-bottom:0}}.navigation{display:flex;gap:15px;justify-content:center;@media (max-width:991px){position:absolute;top:0;transform:translate(-20px,calc(-100% - 35px))}.arrow{align-items:center;aspect-ratio:1/1;background-color:#e6e6e6;border-radius:1000px;cursor:pointer;display:flex;height:44px;justify-content:center;transition:.3s ease-out;&:hover{background-color:#777}svg{height:20px}}}}.right{.key-title{color:#21272a;font-size:14px;font-weight:700;letter-spacing:.7px;margin-bottom:15px;text-transform:uppercase}.usps{display:grid;gap:10px;.single_usp{align-items:center;display:flex;gap:10px;.circle{background-color:#009aca;border-radius:1000px;height:6px;width:6px}.text{color:#6b7176;font-size:15px}}}}}}.bottom-container{display:flex;justify-content:center;.button{background-color:transparent;border:1px solid #009aca;border-radius:32px;color:#009aca;cursor:pointer;display:block;font-size:14px;font-weight:500;letter-spacing:.48px;line-height:100%;padding:13px 30px!important;transition:.3s ease-out;-webkit-user-select:none;user-select:none;&:hover{background-color:rgba(80,200,232,.1)}}}.container{max-width:1050px;@media (max-width:991px){padding-left:0!important;padding-right:0!important}}&[data-current-step="1"] .single_step[data-number="1"],&[data-current-step="2"] .single_step[data-number="2"],&[data-current-step="3"] .single_step[data-number="3"],&[data-current-step="4"] .single_step[data-number="4"],&[data-current-step="5"] .single_step[data-number="5"],&[data-current-step="6"] .single_step[data-number="6"],&[data-current-step="7"] .single_step[data-number="7"]{.circle{background:linear-gradient(135deg,#009aca,#50c8e8);border-color:transparent!important;box-shadow:0 20px 25px -5px rgba(80,200,232,.4),0 8px 10px -6px rgba(80,200,232,.4);color:#fff!important;font-size:18px!important;width:44px!important}.text{.title{color:#50c8e8}}}&[data-current-spot="1"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 10%,#6b7176 12%)}&[data-current-spot="2"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 16%,#6b7176 18%)}&[data-current-spot="3"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 23%,#6b7176 25%)}&[data-current-spot="4"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 30%,#6b7176 32%)}&[data-current-spot="5"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 36%,#6b7176 38%)}&[data-current-spot="6"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 43%,#6b7176 44%)}&[data-current-spot="7"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 49%,#6b7176 51%)}&[data-current-spot="8"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 56%,#6b7176 58%)}&[data-current-spot="9"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 62%,#6b7176 64%)}&[data-current-spot="10"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 69%,#6b7176 71%)}&[data-current-spot="11"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 75%,#6b7176 77%)}&[data-current-spot="12"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 82%,#6b7176 84%)}&[data-current-spot="13"] .graph .overlay .path{background:linear-gradient(90deg,#6bcfeb 88%,#6b7176 90%)}&[data-current-step="1"] .single_content_box[data-step="1"],&[data-current-step="2"] .single_content_box[data-step="2"],&[data-current-step="3"] .single_content_box[data-step="3"],&[data-current-step="4"] .single_content_box[data-step="4"],&[data-current-step="5"] .single_content_box[data-step="5"],&[data-current-step="6"] .single_content_box[data-step="6"],&[data-current-step="7"] .single_content_box[data-step="7"]{display:grid!important}&[data-current-step="1"] .pagination .dot[data-index="1"],&[data-current-step="2"] .pagination .dot[data-index="2"],&[data-current-step="3"] .pagination .dot[data-index="3"],&[data-current-step="4"] .pagination .dot[data-index="4"],&[data-current-step="5"] .pagination .dot[data-index="5"],&[data-current-step="6"] .pagination .dot[data-index="6"],&[data-current-step="7"] .pagination .dot[data-index="7"]{background-color:#009aca;width:50px}}@keyframes fade-in-from-right{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}