.component.slideout-menu-component{background:#fff;color:#034a54;height:100vh;overflow-y:auto;padding:16px 30px 40px;position:fixed;right:-655px;top:0;transition:right .5s,left .5s;width:650px;z-index:5000}.component.slideout-menu-component.open{box-shadow:-96px 0 27px 0 transparent,-61px 0 25px 0 rgba(0,0,0,.01),-35px 0 21px 0 rgba(0,0,0,.05),-15px 0 15px 0 rgba(0,0,0,.09),-4px 0 8px 0 rgba(0,0,0,.1);right:0;transition:right .5s,left .5s,box-shadow .5s}.component.slideout-menu-component .slideout-menu-header{border-bottom:2px solid #c8c8c6;padding-bottom:12px}.component.slideout-menu-component .slideout-menu-header .slideout-menu-duration{color:#000}.component.slideout-menu-component .slideout-menu-header .menu-close-wrapper{text-align:right}.component.slideout-menu-component .slideout-menu-header .menu-close-wrapper .menu-close{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:flex-end}@media (max-width:991px){.component.slideout-menu-component .slideout-menu-header .menu-close-wrapper .menu-close{gap:8px}}.component.slideout-menu-component .slideout-menu-header .menu-close-wrapper .menu-close .icon{font-size:18px}.component.slideout-menu-component .product-price{align-items:center;background:#2ebfa6;border-radius:5px;display:inline-flex;font-size:12px;font-weight:500;line-height:1.4;padding:1px 8px}.component.slideout-menu-component .slideout-menu-body .slide-menu-body-title{color:#034a54;font-size:14px;font-weight:600;margin-bottom:16px}.component.slideout-menu-component .slideout-menu-body .date-cards{display:flex;flex-direction:column;gap:8px}@media (max-width:991px){.component.slideout-menu-component .slideout-menu-body .date-cards{gap:8px}}.component.slideout-menu-component .slideout-menu-body .date-cards .date-card{background:#f7f7f7;border-radius:30px;line-height:1.4;padding:20px 16px 20px 24px}.component.slideout-menu-component .slideout-menu-body .date-cards .date-card .date-card-details .date-card-date{font-size:16px;font-weight:500}.component.slideout-menu-component .slideout-menu-body .date-cards .date-card .date-card-details .date-card-time{font-size:12px;font-weight:500;margin-bottom:12px}.component.slideout-menu-component .slideout-menu-body .date-cards .date-card .date-card-details .date-card-location{align-items:center;border:1px solid #2d3648;border-radius:5px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:2px 8px}@media (max-width:991px){.component.slideout-menu-component .slideout-menu-body .date-cards .date-card .date-card-details .date-card-location{gap:8px}}.component.slideout-menu-component .slideout-menu-body .date-cards .date-card .date-card-details .date-card-location .icon{color:#034a54}.component.slideout-menu-component .slideout-menu-body .date-cards .date-card .select-course-btn{background:#000;color:#fff;gap:8px}.component.slideout-menu-component .slideout-menu-body .addon-cards{display:flex;flex-direction:column;gap:8px}@media (max-width:991px){.component.slideout-menu-component .slideout-menu-body .addon-cards{gap:8px}}.component.slideout-menu-component .slideout-menu-body .addon-cards .addon-card{background:#f7f7f7;border-radius:30px;line-height:1.4;padding:16px 16px 16px 24px}.component.slideout-menu-component .slideout-menu-body .addon-cards .addon-card .addon-card-details .addon-name{font-size:16px;font-weight:500}.component.slideout-menu-component .slideout-menu-body .addon-cards .addon-card .addon-card-details .addon-price{color:#034a54;font-size:18px;font-weight:500}.component.slideout-menu-component .slideout-menu-body .addon-cards .addon-card .info-icon{color:#034a54;cursor:pointer;font-size:20px}.component.slideout-menu-component .slideout-menu-body .addon-cards .addon-card .add-btn{gap:8px}.component.slideout-menu-component.addon-menu-component{background:#e6e6e6;z-index:6000}.component.slideout-menu-component.addon-menu-component .slideout-menu-header{border:none}.component.slideout-menu-component.addon-menu-component .slideout-menu-header .addon-title{font-family:Graphit Regular,Roboto,sans-serif;font-size:32px;font-weight:400;line-height:48px}@media (max-width:991px){.component.slideout-menu-component.addon-menu-component .slideout-menu-header .addon-title{font-size:18px;line-height:28px}}.component.slideout-menu-component.addon-menu-component .addon-menu-content h2{font-family:Graphit Regular,Roboto,sans-serif;font-size:24px;font-weight:400;line-height:34px}@media (max-width:991px){.component.slideout-menu-component.addon-menu-component .addon-menu-content h2{font-size:16px;line-height:22px}}.component.slideout-menu-component.addon-menu-component .addon-menu-content h3,.component.slideout-menu-component.addon-menu-component .addon-menu-content h4,.component.slideout-menu-component.addon-menu-component .addon-menu-content h5,.component.slideout-menu-component.addon-menu-component .addon-menu-content h6{font-family:Graphit Medium,Roboto,sans-serif;font-size:18px;font-weight:500;line-height:25px}@media (max-width:991px){.component.slideout-menu-component.addon-menu-component .addon-menu-content h3,.component.slideout-menu-component.addon-menu-component .addon-menu-content h4,.component.slideout-menu-component.addon-menu-component .addon-menu-content h5,.component.slideout-menu-component.addon-menu-component .addon-menu-content h6{font-size:14px;line-height:18px}}.component.slideout-menu-component.addon-menu-component .addon-menu-content p{font-family:Roboto,sans-serif;font-size:18px;line-height:32px;margin-bottom:25px}@media (max-width:991px){.component.slideout-menu-component.addon-menu-component .addon-menu-content p{font-size:14px;line-height:32px}}.addon-info-menu-overlay,.slideout-menu-overlay{background:rgba(0,0,0,.2);height:100%;left:0;position:fixed;top:0;width:100%;z-index:4090}.addon-info-menu-overlay{z-index:5090}@media (max-width:767px){.component.slideout-menu-component{padding:16px;right:-100%;width:100%}}
