.elementor-626 .elementor-element.elementor-element-40e64f84{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-626 .elementor-element.elementor-element-40e64f84:not(.elementor-motion-effects-element-type-background), .elementor-626 .elementor-element.elementor-element-40e64f84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-626 .elementor-element.elementor-element-1816c841{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;top:-315px;--z-index:999;}.elementor-626 .elementor-element.elementor-element-1816c841.e-con{--align-self:center;}body:not(.rtl) .elementor-626 .elementor-element.elementor-element-1816c841{left:0%;}body.rtl .elementor-626 .elementor-element.elementor-element-1816c841{right:0%;}.elementor-626 .elementor-element.elementor-element-7b501831{--spacer-size:50px;}.elementor-626 .elementor-element.elementor-element-46aa063b{--spacer-size:50px;}.elementor-626 .elementor-element.elementor-element-2d0ecdd6{--spacer-size:50px;}.elementor-626 .elementor-element.elementor-element-769607b8{--spacer-size:50px;}.elementor-626 .elementor-element.elementor-element-5b0b4c31{--spacer-size:50px;}.elementor-626 .elementor-element.elementor-element-404e3be1{--display:flex;--position:absolute;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;top:-101px;}.elementor-626 .elementor-element.elementor-element-404e3be1.e-con{--align-self:center;}body:not(.rtl) .elementor-626 .elementor-element.elementor-element-404e3be1{left:0px;}body.rtl .elementor-626 .elementor-element.elementor-element-404e3be1{right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-626 .elementor-element.elementor-element-6dec49c1 .elementor-repeater-item-059f213 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://ravecourse.com/wp-content/uploads/2025/11/back-view-crowd-fans-watching-live-performance-music-concert-night-copy-space-scaled.jpg);background-size:cover;}.elementor-626 .elementor-element.elementor-element-6dec49c1 .elementor-repeater-item-07dc1c8 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://ravecourse.com/wp-content/uploads/2025/11/rock-band-silhouettes-stage-concert-scaled.jpg);background-size:cover;}.elementor-626 .elementor-element.elementor-element-6dec49c1 .elementor-repeater-item-62ccaec .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://ravecourse.com/wp-content/uploads/2025/11/rock-band-silhouettes-stage-concert-scaled.jpg);background-size:cover;}.elementor-626 .elementor-element.elementor-element-6dec49c1 .elementor-repeater-item-d6c785b .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://ravecourse.com/wp-content/uploads/2025/11/close-up-hand-recording-concert-scaled.jpg);background-size:cover;}.elementor-626 .elementor-element.elementor-element-6dec49c1 .elementor-repeater-item-6858f21 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://ravecourse.com/wp-content/uploads/2025/11/songwriter-taking-notes-paper-compose-new-soundtrack-scaled.jpg);background-size:cover;}.elementor-626 .elementor-element.elementor-element-6dec49c1 .swiper-slide{height:685px;}.elementor-626 .elementor-element.elementor-element-6dec49c1 .swiper-slide-contents{max-width:100%;}.elementor-626 .elementor-element.elementor-element-6dec49c1 .swiper-slide-inner{text-align:center;}:root{--page-title-display:none;}@media(max-width:500px){.elementor-626 .elementor-element.elementor-element-1816c841{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}body:not(.rtl) .elementor-626 .elementor-element.elementor-element-1816c841{left:0px;}body.rtl .elementor-626 .elementor-element.elementor-element-1816c841{right:0px;}.elementor-626 .elementor-element.elementor-element-404e3be1{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;top:-151px;}.elementor-626 .elementor-element.elementor-element-6dec49c1 .swiper-slide{height:400px;}}@media(min-width:501px){.elementor-626 .elementor-element.elementor-element-1816c841{--content-width:500px;}.elementor-626 .elementor-element.elementor-element-404e3be1{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-1816c841 */.elementor-626 .elementor-element.elementor-element-1816c841 {
    z-index: 100;
    padding: 20px 0;
    position: relative;
    display: flex;
    gap: 25px;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 30px;
}

.elementor-626 .elementor-element.elementor-element-1816c841 .dot-perfect {
    width: 18px !important;
    height: 18px !important;
    background: rgba(255,255,255,0.5) !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    position: relative !important;
    z-index: 3 !important;
    flex-shrink: 0 !important;
}

.elementor-626 .elementor-element.elementor-element-1816c841 .dot-perfect:hover {
    background: #fff !important;
    transform: scale(1.6) !important;
    box-shadow: 0 0 20px rgba(255,255,255,0.7) !important;
}

.elementor-626 .elementor-element.elementor-element-1816c841 .dot-perfect.active {
    background: #fff !important;
    transform: scale(1.8) !important;
    box-shadow: 0 0 30px #fff, 0 0 50px rgba(255,255,255,0.5) !important;
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-6dec49c1 */.elementor-626 .elementor-element.elementor-element-6dec49c1 {
    margin-top: 250px !important;
    padding: 0 10% !important;
}
.elementor-626 .elementor-element.elementor-element-6dec49c1 .swiper-slide-active {
    height: var(--active-height) !important;
    transform: scale(1.1) !important;
    z-index: 10 !important;
}


.elementor-626 .elementor-element.elementor-element-6dec49c1 .swiper-slide {
    opacity: 0.7 !important;
    transform: scale(0.85) !important;
    transition: all 0.6s ease !important;
    border-radius: 25px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
}

.elementor-626 .elementor-element.elementor-element-6dec49c1 .swiper-slide-active {
    opacity: 1 !important;
    transform: scale(1.15) !important;
    z-index: 10 !important;
    box-shadow: 0 40px 120px rgba(0,0,0,0.8) !important;
}
.elementor-626 .elementor-element.elementor-element-6dec49c1 {
    margin-top: 250px !important;
    padding: 0 10% !important;
}
.elementor-626 .elementor-element.elementor-element-6dec49c1 .swiper-slide {
    opacity: 0.7 !important;
    transform/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-404e3be1 */.elementor-626 .elementor-element.elementor-element-404e3be1 {
    margin-top: 0 !important;
    padding: 50px !important;
    background: transparent !important;
    height: 600px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 40px !important;
    overflow-x: auto !important;
    opacity: 1 !important;
}

.elementor-626 .elementor-element.elementor-element-404e3be1 ~ .slides .swiper-slide {
    opacity: 0.7 !important;
    transform: scale(0.85) !important;
    transition: all 0.6s ease !important;
    border-radius: 25px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
}

.elementor-626 .elementor-element.elementor-element-404e3be1 ~ .slides .swiper-slide-active {
    opacity: 1 !important;
    transform: scale(1.15) !important;
    z-index: 10 !important;
    box-shadow: 0 40px 120px rgba(0,0,0,0.8) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40e64f84 */Add to Container CSS:
@media (max-width: 768px) {
    .elementor-626 .elementor-element.elementor-element-40e64f84 .slide-card { width: 300px !important; height: 420px !important; }
    .elementor-626 .elementor-element.elementor-element-40e64f84 { gap: 20px !important; padding: 0 5% !important; }
}/* End custom CSS */