﻿.ico-tile,.ico-circle{display:flex;width:48px;height:48px;justify-content:center;align-items:center}
.ico-tile{background-color:var(--blue-600);box-shadow:0 0 0 2px rgba(255, 255, 255, 0.12) inset, 0 0 0 1px rgba(10, 13, 18, 0.18) inset, 0 -2px 0 0 rgba(10, 13, 18, 0.05) inset, 0 1px 2px 0 rgba(10, 13, 18, 0.05)}
.ico-circle{background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius-pill)}
.panel-white{border-right:0.5px solid #BDBDBD;border-bottom:0.5px solid #BDBDBD;background:#FFF;box-shadow:0 1px 3px 0 rgba(10, 13, 18, 0.10), 0 1px 2px -1px rgba(10, 13, 18, 0.10)}
.divider{height:1px;background:#E9EAEB}

.nav-buttons.text-center button{text-align:center}
.nav-buttons-border button{background:transparent;width:100%;display:block}
.nav-buttons-border button:hover{background:var(--grey-50)}
.nav-buttons-border button:focus-visible{outline:none;box-shadow:0 0 0 2px #FFF, 0 0 0 4px #80C341}
.nav-buttons-border button::before,.timeline::before{content:'';display:block;background:var(--grey-100);position:absolute;top:0;left:0}
.nav-buttons-border-left button{padding:16px 24px}
.nav-buttons-border-left button::before, .nav-buttons-border-left button.active::before,.timeline::before{width:4px;height:100%}
.nav-buttons-border-top button{padding:24px 16px 0 16px;display:flex;flex-direction:column}
.nav-buttons-border-top button::before,.nav-buttons-border-top button.active::before{width:100%;height:4px}

.timethumb{width:4px;height:150px;border-radius:2px;position:sticky;top:300px;left:0}

ul.marker-check-green{margin-left:0;padding-left:0}
ul.marker-check-green li{list-style:none;padding-left:48px;position:relative;margin-bottom:1.25rem}
ul.marker-check-green li.mb-0{margin-bottom:0}
ul.marker-check-green li::before{content:'';position:absolute;left:0}
ul.marker-check-green li::before,.ico-check-green{display:block;width:28px;height:28px;flex-shrink:0;background:var(--green-50) url('data:image/svg+xml,<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.8671 1.47516L5.40846 12.1275L0.141846 6.82154L1.79789 5.17777L5.21434 8.61978L12.0398 0.0241699L13.8671 1.47516Z" fill="%236BA73A"/></svg>') no-repeat center center;border-radius:var(--bs-border-radius-pill)}
ul.marker-check-green.space8 li{margin-bottom:.5rem}
.ico-check-success{display:block;width:28px;height:28px;background:var(--success-100) url('data:image/svg+xml,<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.8671 1.47516L5.40846 12.1275L0.141846 6.82154L1.79789 5.17777L5.21434 8.61978L12.0398 0.0241699L13.8671 1.47516Z" fill="%23079455"/></svg>') no-repeat center center;border-radius:var(--bs-border-radius-pill)}

.radius-2xl{border-radius:var(--radius-2xl, 16px)}

div.picomp::before,div.picomp::after{content:attr(data-label1);position:absolute;left:12px;top:50%;transform:translateY(-50%);padding:8px;border-radius:0;background:rgba(255,255,255,.4);color:#fff;display:block;z-index:3;transition:all .5s linear}
div.picomp::after{content:attr(data-label2);position:absolute;left:auto;right:12px;background:rgba(107,167,58,.4)}
div.picomp div.thumb{position:absolute;left:var(--position);top:0;width:1px;background:#fff;height:100%;display:block;z-index:3;border:1px solid #fff}
div.picomp div.thumb::after{content:'';position:absolute;left:0;top:50%;transform:translate3d(-50%, -50%, 0);width:50px;height:50px;display:block;z-index:4;border-radius:var(--bs-border-radius-pill);background:#fff url('data:image/svg+xml,<svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.4391 16.9395L19.3785 10.0002L12.4391 3.06077L14.5604 0.939453L22.5604 8.9395L23.6211 10.0002L22.5604 11.0608L14.5604 19.0608L12.4391 16.9395ZM11.5605 16.9395L4.62118 10.0002L11.5605 3.06082L9.43921 0.939503L1.4392 8.9395L0.37854 10.0001L1.4392 11.0608L9.4392 19.0608L11.5605 16.9395Z" fill="%2380C341"/></svg>') no-repeat center center}

.carousel-indicators [data-bs-target]{height:5px;border:none;border-radius:var(--bs-border-radius-pill)}
.carousel-overlay{background:rgba(0, 0, 0, .4);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.carousel-control-unattached{height:48px;display:inline-grid;grid-template-columns:48px auto 48px;align-items:center;z-index:2;gap:1.5rem;margin-right:auto}
.carousel-control-unattached .carousel-indicators{position:static;margin:0}
.carousel-control-unattached .carousel-control-prev,.carousel-control-unattached .carousel-control-next{position:static;width:auto;opacity:1}

.container{padding-left:2rem;padding-right:2rem}
.container.px-2{padding-left:.5rem;padding-right:.5rem}

@media (max-width:768px){
.container,.container.px-2,.py-sm-16,.px-sm-16{padding-left:1rem;padding-right:1rem}
.container-nopadding-mobile{padding-left:0;padding-right:0}
.nav-buttons-border-top button,.nav-buttons.text-center.nav-buttons-border-top button{padding:16px 24px;text-align:left}
.nav-buttons-border-top button::before, .nav-buttons-border-top button.active::before{width:4px;height:100%}
.carousel-control-unattached{margin:auto auto 2rem auto;align-self:end}
.carousel-overlay .container{padding-top:4rem;height:100%}
.carousel-overlay .container .wm-768{height:100%}
}