:root{--box-height:18rem;--box-width:20rem;--border-radius:0.5rem}.box{height:18rem;height:var(--box-height);width:20rem;width:var(--box-width);border-radius:.5rem;border-radius:var(--border-radius);position:relative;transition:all .3s ease-in-out;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.box:hover{-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer}.variant-1{border-bottom:5px solid #006e7f;color:#006e7f}.variant-2{border-bottom:5px solid #5c07e6;color:#5c07e6}.variant-3{border-bottom:5px solid #275adb;color:#275adb}.img-container{aspect-ratio:16/9;object-fit:cover;border-top-left-radius:.5rem;border-top-left-radius:var(--border-radius);border-top-right-radius:.5rem;border-top-right-radius:var(--border-radius);height:180px}.text-position-center{display:flex;flex-direction:column;justify-content:center;height:calc(18rem - 180px)}@media only screen and (max-width:500px){.sm-mb-1{margin-bottom:1rem}}.text-bg{color:#27606c;font-weight:700}.height-3{height:3rem}.border-1{border-top:1px solid #000}.nav-center-element{display:flex;justify-content:center}.flex-item{display:flex;justify-content:space-between}.logout-box{display:none;position:absolute;top:1.5rem;right:0;height:-webkit-max-content;height:max-content;width:-webkit-max-content;width:max-content;padding:.5rem;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);z-index:10000;color:#000}.btn-nav{border:none;padding:.2rem .6rem;margin-left:.5rem;background-color:#27606c;border-radius:.2rem}.btn-nav:hover{background-color:#fff;color:#27606c}.btn-nav:hover .btn-nav-logout{color:#27606c}.btn-nav-logout{text-decoration:none;color:#fff}.btn-nav-logout:hover{color:#fff}.email-label{text-align:center;margin-bottom:.5rem}.navlink{color:#fff}.navlink:hover{cursor:pointer}.mobile-navbar{display:none}.mobile-navbar-menu{display:none;transition:display .3s ease-in-out}.mobile-navbar-menu-list{display:flex;flex-direction:column;list-style:none}.text-white{color:#fff}.text-white.active{background:hsla(0,0%,100%,.17);padding:1rem}.text-black{color:#000}.nav-dropdown{position:relative}.nav-dropdown:hover{cursor:pointer}.nav-dropdown-menu,.nav-dropdown-submenu,.nav-dropdown-submenu-2{display:none;list-style:none;height:-webkit-max-content;height:max-content;width:-webkit-max-content;width:max-content;background-color:#fff;position:absolute;padding:.5rem;box-shadow:0 2px 5px 0 rgba(0,0,0,.5);border-radius:.3rem;z-index:1}.nav-dropdown-submenu,.nav-dropdown-submenu-2{left:100%;top:0}.menu:hover .nav-dropdown-submenu,.nav-dropdown:hover .nav-dropdown-menu,.submenu:hover .nav-dropdown-submenu-2,.toggle-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-label{font-size:smaller}.menu,.submenu{border-radius:.3rem;padding:.5rem .5rem .2rem;position:relative}h6{text-decoration:none;color:#000}.menu:hover,.submenu:hover{background-color:#e4e4e4}@media only screen and (max-width:750px){.navbar{display:none}.mobile-navbar{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1rem;color:#fff}.mobile-navbar-menu{position:absolute;top:3rem;left:0;height:-webkit-max-content;height:max-content;width:100%;color:#000;z-index:10}.mobile-navbar-menu-label{flex:1 1;padding:.5rem 0}.nav-center-element{display:block}.fullname{display:none}}.dropdown{position:relative;display:inline-block;font-weight:500}.dropdown__menu{display:none;position:absolute;min-height:-webkit-max-content;min-height:max-content;min-width:12rem;padding:.5rem;background-color:#fff;border-radius:.3rem;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;transition:min-width 5s}.dropdown__nesteditems{display:flex;flex-direction:column}.dropdown__nesteditem>ul{list-style:none;padding:0}.dropdown__label:hover{cursor:pointer}.dropdown:hover .dropdown__menu{display:flex}.dropdown__item:hover,.dropdown__nesteditem:hover{cursor:pointer}.input-radio{-webkit-appearance:none;appearance:none}.dropdown__item{padding:0 1rem}.dropdown__item,.dropdown__nesteditem-label{line-height:2rem;height:2rem;min-width:12rem}.dropdown__nesteditem-label{padding-left:1rem}.dropdown__item:hover,.dropdown__nesteditem-label:hover{background-color:#ddd}.slide-right-animation{-webkit-animation:slide-right-animation .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right-animation .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-right-animation{0%{-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-right-animation{0%{-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.instruction__container{height:calc(100vh - 3rem);overflow-y:scroll;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.instruction__fullpage{height:calc(100vh - 3rem);scroll-snap-align:start;padding:1rem;display:grid;place-items:center}.instruction__img{height:28rem}.instruction__label-group{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.instruction__circle{border:1px solid rgba(0,60,78,.719);width:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.instruction__circle,.instruction__title{background-color:rgba(156,193,201,.3843137254901961);color:#003c4e;height:2rem}.instruction__title{line-height:calc(2rem - 2px);padding:0 .5rem;font-weight:500;border-radius:.3rem;border:1px solid rgba(0,60,78,.479)}.instruction__layout-title{text-align:center;margin-top:1rem}.instruction__layout-box{flex-direction:row}.instruction__group,.instruction__layout-box{display:flex;grid-gap:2rem;gap:2rem;justify-content:center}.instruction__group{flex-direction:column;align-items:center;height:20rem;margin-top:1rem}.instruction__btn,.instruction__group-btn{display:flex;grid-gap:.5rem;gap:.5rem}.instruction__btn{padding:.5rem 1rem;transition:.3s;border-radius:.2rem;border:1px solid #27606c;color:#27606c}.instruction__btn:hover{background-color:#27606c;color:#fff}
/*# sourceMappingURL=main.0ae5956c.chunk.css.map */