.carousel{margin:0;width:100%;position:relative;padding:0;overflow:hidden;z-index:400}.carousel>input,.carousel .slide label{display:none}.carousel input:checked:nth-of-type(1) ~ .slides{transform:translateX(0%)}.carousel input:checked:nth-of-type(1) ~ .slides label{display:block}.carousel input:checked:nth-of-type(2) ~ .slides{transform:translateX(-100%)}.carousel input:checked:nth-of-type(2) ~ .slides label{display:block}.carousel input:checked:nth-of-type(3) ~ .slides{transform:translateX(-200%)}.carousel input:checked:nth-of-type(3) ~ .slides label{display:block}.carousel .slides{margin:0;padding:0;transition:transform .5s ease-in-out;z-index:600}.carousel .slides .slide{max-height:24rem;width:100%;position:absolute;display:block;top:0;z-index:700}.carousel .slides .slide:nth-of-type(1){transform:translateX(0%)}.carousel .slides .slide:nth-of-type(1) .bg{background-image:url("/static/images/carousel/carousel-2.webp");background-position:center center}.carousel .slides .slide:nth-of-type(2){transform:translateX(100%)}.carousel .slides .slide:nth-of-type(2) .bg{background-image:url("/static/images/carousel/carousel-1.webp")}.carousel .slides .slide:nth-of-type(3){transform:translateX(200%)}.carousel .slides .slide:nth-of-type(3) .bg{background-image:url("/static/images/carousel/carousel-3.webp")}.carousel .slides .slide{width:100%;display:block;position:absolute;padding:0;margin:0}.carousel .slides .slide .bg{background-repeat:no-repeat;background-position:center top;position:relative;background-attachment:fixed;width:100%}.carousel .slides .slide .panel{position:absolute;top:0;color:#ebebeb;padding:0 0 0 0}.carousel .slides .slide .panel>header{display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start}.carousel .slides .slide .panel>header p,.carousel .slides .slide .panel>header h1{font-family:"RobotoSlabRegular",sans-serif;color:#ebebeb;background:rgba(0,0,0,0.4);padding:0.2rem 1rem 0.2rem 1rem;display:inline;color:#ebebeb}.carousel .slides .slide .panel>header h1{flex:1 0 1rem;font-size:modular-scale(8);margin-bottom:2rem}.carousel .slides .slide .panel>header p{flex:1 0 1rem;font-size:modular-scale(3);margin:0.5rem 0 0 0}.carousel .slides .slide>label{cursor:pointer;display:block;z-index:800;position:absolute;top:50%}.carousel .slide-buttons{position:relative;width:100%;z-index:700;background:#2b585d}.carousel .slide-buttons label{color:#ebebeb;cursor:pointer;z-index:800;text-align:center;font-weight:bold}.carousel .slide-buttons label:hover{background:#33c0cd}.carousel .slide-buttons label.active{background:#00828d}@media only screen and (min-width: 834px){.carousel .slides{height:24rem}.carousel .slides .slide .bg{height:24rem;width:100%}.carousel .slides .slide>label{border-width:5px 5px 0 0;border-style:solid;border-color:#fff;width:3rem;height:3rem;margin-top:-1.5rem;opacity:0.8}.carousel .slides .slide>label:nth-of-type(1){transform:rotate(-135deg);left:1.5rem}.carousel .slides .slide>label:nth-of-type(2){transform:rotate(45deg);right:1.5rem}.carousel .slides .slide>label:hover{opacity:1}.carousel .slides .slide .panel{padding:2rem;width:80%;height:20rem;margin:0rem 0 2rem 6rem;left:0}.carousel .slides .slide .panel span{background:rgba(0,0,0,0.5);padding:0.2rem 1rem 0.2rem 1rem}.carousel .slides .slide .panel h1{font-size:modular-scale(8)}.carousel .slide-buttons{display:flex;padding:0 0 0 0;border-bottom:1px #ccc solid;background:#2b585d}.carousel .slide-buttons label{border-right:2px #00828d solid;color:#ebebeb;margin:0 0 0 0px;padding:1rem 1rem;display:inline-block;justify-content:center;align-items:stretch;flex:1 0;text-align:center}.carousel .slide-buttons label:last-child{border-right:0}}@media only screen and (max-width: 834px){.carousel .slides{min-height:20rem}.carousel .slides .slide .bg{min-height:20rem}.carousel .slides .slide .panel{padding:1rem;width:100%;min-height:20rem}.carousel .slides .slide .panel>header h1{font-size:modular-scale(4);margin-bottom:1rem}.carousel .slides .slide .panel>header p{font-size:1.2rem}.carousel .slides .slide>label{display:none}.carousel .slide-buttons{display:block;width:100%;z-index:700;background:#2b585d}.carousel .slide-buttons label{color:#ebebeb;cursor:pointer;padding:0.8rem 0.8rem;display:block;border-bottom:1px #ccc solid;text-align:center}}

