/* Rofane Academy legacy LMS visual bridge */
:root{--system_primery_color:#1d9fc5!important;--system_primery_gredient1:#1d9fc5!important;--system_primery_gredient2:#117f9e!important;--system_secendory_color:#243848!important;--system_secendory_gredient1:#243848!important;--system_secendory_gredient2:#172733!important;--system_border_color:#dce6ea!important}
body{color:#172733}.theme_btn,.theme_btn_mini,.theme_btn.small_btn,.header__common_btn,.small_btn2,.small_btn3{background:#1d9fc5!important;background-image:none!important;border-color:#1d9fc5!important;color:#fff!important;box-shadow:none!important}.theme_btn:hover,.theme_btn_mini:hover,.header__common_btn:hover{background:#117f9e!important;background-image:none!important;color:#fff!important}.gradient_border:before,.gradient_border:after{background:#1d9fc5!important;background-image:none!important}.lms_tabmenu .nav-item .nav-link.active,.lms_tabmenu .nav-item .nav-link:hover{background:#1d9fc5!important;background-image:none!important;border-color:#1d9fc5!important;color:#fff!important}.course__details_head .meta .meta_item.highlight{background:#1d9fc5!important;background-image:none!important}.course__details_head{background-color:#172733!important}.course__details .course_tabs,.course_tabs{background:#fff!important}.course__details .course_tabs .nav-link{border-radius:5px!important}.course__details .course__details_sidebar{box-shadow:0 12px 36px rgba(23,39,51,.08)!important;border:1px solid #dce6ea!important}.course__details .course__details_sidebar .theme_btn{border-radius:5px!important}.course__details .course__details_sidebar .course_sidebar_info li svg path{stroke:#1d9fc5!important}.course__details .course__details_sidebar .course_sidebar_info li{color:#42545e!important}.course__details .course_overview_description h4{color:#172733!important}.course__details .course_overview_description{color:#52636d!important}.course__details .course__details_content{background:#fff!important}.course__details .course_tabs_wrapper{background:#eef8fb!important}.course__details .course__details_sidebar .price{color:#172733!important}#back-top a{background:#1d9fc5!important;background-image:none!important}.nice-select.open,.nice-select:active,.nice-select:focus{border-color:#1d9fc5!important}.primary_input:focus,.primary_input_field:focus{border-color:#1d9fc5!important}
/* course player */
.header_area{background:#fff!important;border-bottom:1px solid #dce6ea!important;box-shadow:none!important}.header_area .header__wrapper{background:#fff!important}.course_fullview_wrapper{background:#fff!important}.course_fullview_wrapper .course__play_warp{background:#fff!important;border-left:1px solid #dce6ea!important}.course__play_warp .play_warp_header{border-bottom:1px solid #dce6ea!important}.course__play_warp .theme_according .accordion-item{border:0!important;border-bottom:1px solid #dce6ea!important}.course__play_warp .theme_according .accordion-button{background:#f7fafb!important;background-image:none!important;color:#172733!important;box-shadow:none!important}.course__play_warp .theme_according .accordion-button:not(.collapsed){background:#eaf7fb!important;color:#117f9e!important}.course__play_warp .curriculam_list .curriculam_single .curriculam_left .curriculam_title,.course__play_warp .curriculam_list .curriculam_single .curriculam_left .curriculam_title a{color:#243848!important}.course__play_warp .curriculam_list .curriculam_single.active{background:#eef8fb!important}.course__play_warp .curriculam_list .curriculam_single.active .curriculam_title,.course__play_warp .curriculam_list .curriculam_single.active .curriculam_title a{color:#117f9e!important}.course__play_warp .primary_checkbox .checkmark{border-color:#1d9fc5!important}.course__play_warp .primary_checkbox input:checked~.checkmark{background:#1d9fc5!important}.lmsSwitch_toggle input:checked+.slider{background:#1d9fc5!important}.progress .progress-bar{border-color:#1d9fc5!important}.floating-title{background:#fff!important;color:#172733!important}.course_fullview_wrapper .video_iframe{background:#0d151a!important}.course_fullview_wrapper .mobile_text{color:#172733!important}
/* Replace old purple SVG fallback colours where CSS variables are respected */
svg stop[stop-color="#660AFB"],svg stop[stop-color="#BF37FF"]{stop-color:#1d9fc5!important}

/* Rofane logout links must submit Laravel's POST /logout route. */
.rofane-logout-form {
    display: block;
    margin: 0;
    padding: 0;
}

.rofane-logout-link {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

/* ============================================================
   Rofane Academy 2026 - course detail visual system
   Brings legacy LMS screens into the public website identity.
   ============================================================ */
body{font-family:Manrope,Arial,sans-serif!important;background:#fff;color:#142220}
/* Website header inside legacy LMS */
.site-header{font-family:Manrope,Arial,sans-serif!important;position:sticky!important;top:0!important;z-index:1000!important;background:#fff!important}
.site-header .topline{background:#142220!important;color:#dce8e4!important}
.site-header .navrow{height:84px!important;max-width:none!important}
.site-header .brand img{width:116px!important;height:58px!important;object-fit:contain!important}
.site-header .navrow nav a{color:#142220!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important}
.site-header .navrow nav a:hover,.site-header .navrow nav a.active{color:#0d4f44!important;border-bottom-color:#ee7047!important}
.site-header .auth .button{background:#ee7047!important;border-color:#ee7047!important;color:#fff!important;border-radius:0!important}
.site-header .auth .button:hover{background:#d95c36!important;border-color:#d95c36!important}

/* Course hero */
.course__details_head{background-color:#0b1f1b!important;background-image:linear-gradient(90deg,rgba(9,27,24,.96),rgba(9,27,24,.82))!important;padding:74px 0 210px!important;min-height:500px!important;color:#fff!important}
.course__details_head:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,27,24,.92),rgba(9,27,24,.64) 58%,rgba(9,27,24,.34));pointer-events:none}
.course__details_head>.container{position:relative;z-index:1}
.course__details_head .location,.course__details_head .location span{color:#bce7d5!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.14em!important}
.course__details_head .title{font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(44px,4.4vw,70px)!important;line-height:1.04!important;letter-spacing:-.025em!important;max-width:850px!important;margin:18px 0 26px!important;color:#fff!important}
.course__details_head .category_item a{color:#dce8e4!important;text-decoration:none!important;border-bottom:1px solid rgba(188,231,213,.55)!important}
.course__details_head .meta{margin-top:30px!important}
.course__details_head .meta .meta_item{background:rgba(255,255,255,.96)!important;color:#142220!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:0!important;min-height:52px!important;box-shadow:none!important}
.course__details_head .meta .meta_item.highlight{background:#ee7047!important;color:#fff!important;border-color:#ee7047!important}

/* Main detail area */
.course__details{background:#f4f7f4!important;padding-bottom:90px!important}
.course__details>.container{position:relative;margin-top:-150px!important;z-index:4}
.course__details .details_shadow{border:1px solid #dfe5e0!important;box-shadow:0 20px 55px rgba(20,34,32,.09)!important;border-radius:0!important;overflow:hidden!important}
.course__details .course_tabs{padding:0 26px!important;border-bottom:1px solid #dfe5e0!important;background:#fff!important}
.course__details .lms_tabmenu{gap:2px!important}
.course__details .lms_tabmenu .nav-item .nav-link{background:transparent!important;color:#5f6d69!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;padding:22px 18px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase!important}
.course__details .lms_tabmenu .nav-item .nav-link:hover{color:#0d4f44!important;background:#f7faf7!important;border-bottom-color:#bce7d5!important}
.course__details .lms_tabmenu .nav-item .nav-link.active{background:transparent!important;color:#0d4f44!important;border-bottom-color:#ee7047!important}
.course__details .course_tab_content{padding:42px 44px 50px!important}
.course__details .course_overview_description h4,.course__details .details_title h4,.course__details .tab-content h4{font-family:"Playfair Display",Georgia,serif!important;color:#142220!important;font-weight:700!important;letter-spacing:-.02em!important}
.course__details .course_overview_description{color:#5f6d69!important;font-size:15px!important;line-height:1.85!important}
.course__details .course_overview_description .single_overview>div{margin-bottom:24px}
.course__details .table-responsive{color:#5f6d69!important;line-height:1.8!important}

/* Course purchase card */
.course_sidebar{background:#fff!important;border:1px solid #dfe5e0!important;box-shadow:0 22px 60px rgba(20,34,32,.12)!important;border-radius:0!important;overflow:hidden!important}
.course_sidebar .video_screen{height:285px!important;background-size:cover!important;background-position:center!important;background-color:#e8f5ef!important}
.course_sidebar .sidebar__widget{padding:32px!important}
.course_sidebar .sidebar__title h3{font-family:"Playfair Display",Georgia,serif!important;color:#142220!important;font-size:36px!important}
.course_sidebar .theme_btn,.course_sidebar .theme_btn_mini{background:#ee7047!important;border-color:#ee7047!important;color:#fff!important;border-radius:0!important;min-height:52px!important;font-weight:800!important}
.course_sidebar .theme_btn:hover,.course_sidebar .theme_btn_mini:hover{background:#d95c36!important;border-color:#d95c36!important}
.course_sidebar .course_sidebar_info{border-top:1px solid #dfe5e0!important;margin-top:24px!important;padding-top:18px!important}
.course_sidebar .course_sidebar_info li{color:#5f6d69!important;border-color:#edf0ed!important}
.course_sidebar .course_sidebar_info li svg path{stroke:#0d4f44!important}
.course_sidebar a{color:#0d4f44}

/* Curriculum, reviews and Q&A */
.course__details .theme_according .accordion-item{border:1px solid #dfe5e0!important;border-radius:0!important;margin-bottom:10px!important;overflow:hidden!important}
.course__details .theme_according .btn-link{background:#f7faf7!important;color:#142220!important;text-decoration:none!important}
.course__details .curriculum_meta li,.course__details .curriculum_meta_accordion li{color:#5f6d69!important}
.course__details .expand_all_btn{color:#0d4f44!important;font-weight:800!important}
.course__details .feedmak_stars i,.course__details .star_icon i{color:#ee7047!important}
.course__details .progress-bar{background:#0d4f44!important}

/* One exact banner height across every redesigned public inner page. */
.inner-hero,.inner-hero.academy-hero,.inner-hero.courses-hero,.inner-hero.org-hero,.inner-hero.about-hero,.inner-hero.contact-hero{height:540px!important;min-height:540px!important;max-height:540px!important}
.inner-hero .inner-hero-content{padding:72px 0 64px!important}

@media(max-width:1199px){.course__details_head{padding-bottom:90px!important}.course__details>.container{margin-top:0!important;padding-top:35px!important}.course_sidebar{margin-bottom:25px!important}}
@media(max-width:920px){.site-header .navrow{height:72px!important}.course__details_head{min-height:430px!important;padding:60px 0!important}.course__details .course_tab_content{padding:30px 24px 38px!important}.inner-hero,.inner-hero.academy-hero,.inner-hero.courses-hero,.inner-hero.org-hero,.inner-hero.about-hero,.inner-hero.contact-hero{height:500px!important;min-height:500px!important;max-height:500px!important}}
@media(max-width:650px){.course__details_head .title{font-size:42px!important}.course__details_head .meta{gap:8px!important}.course__details .course_tabs{padding:0 10px!important;overflow-x:auto!important}.course__details .lms_tabmenu{flex-wrap:nowrap!important;min-width:max-content!important}.course__details .lms_tabmenu .nav-item .nav-link{padding:17px 12px!important}.course_sidebar .video_screen{height:220px!important}.inner-hero,.inner-hero.academy-hero,.inner-hero.courses-hero,.inner-hero.org-hero,.inner-hero.about-hero,.inner-hero.contact-hero{height:460px!important;min-height:460px!important;max-height:460px!important}}

/* ============================================================
   Rofane Academy course page integration fix
   2026-09-14
   The course screen now uses the exact public-site header shell,
   removes legacy top offsets and prevents tab content clipping.
   ============================================================ */
.rofane-course-page{
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    color:#142220!important;
    overflow-x:hidden;
}

/* Match the Home page header exactly. */
.rofane-course-page .site-header{
    position:sticky!important;
    inset:auto!important;
    top:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    z-index:1000!important;
    background:#fff!important;
    border-bottom:1px solid transparent!important;
    box-shadow:none!important;
}
.rofane-course-page .site-header.scrolled{
    border-color:var(--line)!important;
    box-shadow:0 8px 25px rgba(20,34,32,.07)!important;
}
.rofane-course-page .site-header .topline{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
    background:var(--ink)!important;
}
.rofane-course-page .site-header .topline .shell{
    width:var(--shell)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:8px 0!important;
}
.rofane-course-page .site-header .navrow{
    width:var(--shell)!important;
    max-width:none!important;
    height:84px!important;
    min-height:84px!important;
    margin:0 auto!important;
    padding:0!important;
    gap:28px!important;
}
.rofane-course-page .site-header .brand{
    margin:0!important;
    padding:0!important;
}
.rofane-course-page .site-header .brand img{
    width:116px!important;
    height:58px!important;
    object-fit:contain!important;
}
.rofane-course-page .site-header .navrow nav{
    display:flex!important;
    align-items:center!important;
    gap:25px!important;
    margin-left:auto!important;
}
.rofane-course-page .site-header .navrow nav a{
    padding:31px 0!important;
    margin:0!important;
    border:0!important;
    border-bottom:2px solid transparent!important;
    color:var(--ink)!important;
    line-height:20px!important;
    font-size:13px!important;
    font-weight:700!important;
    background:transparent!important;
}
.rofane-course-page .site-header .navrow nav a:hover,
.rofane-course-page .site-header .navrow nav a.active{
    color:var(--green)!important;
    border-bottom-color:var(--orange)!important;
}
.rofane-course-page .site-header .auth{
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    margin:0!important;
}
.rofane-course-page .site-header .auth .button{
    padding:11px 16px!important;
    min-height:auto!important;
    background:var(--orange)!important;
    border-color:var(--orange)!important;
    color:#fff!important;
}

/* There must never be a blank legacy header area above the Rofane header. */
.rofane-course-page .rofane-course-main,
.rofane-course-page #main{
    margin:0!important;
    padding:0!important;
}
.rofane-course-page .header_area,
.rofane-course-page .header_wrapper,
.rofane-course-page .main_menu,
.rofane-course-page .header_top_area{
    margin-top:0!important;
    padding-top:0!important;
}

/* Course hero begins directly beneath the Home-page header. */
.rofane-course-page .course__details_head{
    margin:0!important;
    padding:72px 0 190px!important;
    min-height:500px!important;
}
.rofane-course-page .course__details_head .container,
.rofane-course-page .course__details>.container{
    max-width:1180px!important;
    width:calc(100% - 40px)!important;
    padding-left:0!important;
    padding-right:0!important;
}
.rofane-course-page .course__details_head .row,
.rofane-course-page .course__details>.container>.row{
    margin-left:0!important;
    margin-right:0!important;
}
.rofane-course-page .course__details_head .row>[class*="col-"],
.rofane-course-page .course__details>.container>.row>[class*="col-"]{
    padding-left:12px!important;
    padding-right:12px!important;
}

/* Main course body: no clipped headings and no legacy sticky tab overlap. */
.rofane-course-page .course__details{
    padding:0 0 90px!important;
    background:#f5f7f4!important;
}
.rofane-course-page .course__details>.container{
    margin-top:-142px!important;
    padding-top:0!important;
}
.rofane-course-page .course_tabs.gradient,
.rofane-course-page .course__details .course_tabs{
    position:relative!important;
    top:auto!important;
    z-index:1!important;
    margin:0!important;
    padding:0 26px!important;
    border-bottom:1px solid var(--line)!important;
}
.rofane-course-page .course__details .course_tab_content{
    padding:48px 44px 56px!important;
    overflow:visible!important;
}
.rofane-course-page .course__details .tab-content,
.rofane-course-page .course__details .tab-pane,
.rofane-course-page .course_overview_description,
.rofane-course-page .single_overview{
    overflow:visible!important;
    min-height:0!important;
}
.rofane-course-page .course_overview_description h4,
.rofane-course-page .course__details .tab-content h4{
    margin-top:0!important;
    padding-top:0!important;
    line-height:1.18!important;
}
.rofane-course-page .single_overview>h4:not(:first-child){
    margin-top:48px!important;
}
.rofane-course-page .single_overview .row,
.rofane-course-page .single_overview .table-responsive{
    overflow:visible!important;
}
.rofane-course-page .course__details .details_shadow{
    overflow:visible!important;
}

/* Keep the sidebar aligned without obscuring course content. */
.rofane-course-page .course_sidebar{
    top:132px!important;
    margin-top:-350px!important;
}
.rofane-course-page .course_sidebar .video_screen{
    min-height:285px!important;
}

/* Public footer must keep the same home-page styling even after LMS CSS. */
.rofane-course-page footer{
    background:#091513!important;
    color:#c5d3cf!important;
    padding:75px 0 25px!important;
    margin:0!important;
}
.rofane-course-page footer .footer-grid{
    width:var(--shell)!important;
    margin:0 auto!important;
}

@media(max-width:1199px){
    .rofane-course-page .course__details_head{padding:62px 0 72px!important;min-height:420px!important}
    .rofane-course-page .course__details>.container{margin-top:0!important;padding-top:36px!important}
    .rofane-course-page .course_sidebar{position:relative!important;top:auto!important;margin-top:0!important}
}
@media(max-width:920px){
    .rofane-course-page .site-header .topline{display:none!important}
    .rofane-course-page .site-header .navrow{height:72px!important;min-height:72px!important}
    .rofane-course-page .site-header .navrow nav,
    .rofane-course-page .site-header .auth{display:none!important}
    .rofane-course-page .site-header.open nav{display:flex!important}
    .rofane-course-page .site-header.open .auth{display:flex!important}
    .rofane-course-page .course__details_head .container,
    .rofane-course-page .course__details>.container{width:calc(100% - 30px)!important}
    .rofane-course-page .course__details .course_tab_content{padding:36px 26px 44px!important}
}
@media(max-width:650px){
    .rofane-course-page .course__details_head{padding:48px 0 58px!important;min-height:auto!important}
    .rofane-course-page .course__details_head .title{font-size:42px!important}
    .rofane-course-page .course__details .course_tabs{padding:0 8px!important;overflow-x:auto!important}
    .rofane-course-page .course__details .lms_tabmenu{flex-wrap:nowrap!important;min-width:max-content!important}
    .rofane-course-page .course__details .course_tab_content{padding:30px 20px 38px!important}
}

/* Rofane Consulting visual system sync - 2026-09-16 */
:root{--rofane-corporate-bg:#00151d;--rofane-corporate-panel:#031c25;--rofane-corporate-cyan:#20c8ed;--rofane-corporate-cyan-soft:#82eaff;--rofane-corporate-line:rgba(80,206,235,.18)}
.course_details_area,.course__details,.course_content,.course_details_main,.lms-course-shell{background:var(--rofane-corporate-bg)!important}
.course_details_area .theme_btn,.course_details_area .primary-btn,.course_details_area .btn_1,.course_details_area .cart_store_btn,.course_details_area [class*="btn"]{border-color:var(--rofane-corporate-cyan)!important}
.course_details_area .theme_btn,.course_details_area .primary-btn,.course_details_area .cart_store_btn{background:var(--rofane-corporate-cyan)!important;color:#00151d!important}
.course_details_area a:hover,.course_details_area .nav-link.active,.course_details_area .active{color:var(--rofane-corporate-cyan-soft)!important}


/* Rofane Consulting brighter LMS sync - 2026-09-16 */
.rofane-course-page{background:#032431!important;color:#f8fcfd!important}
.rofane-course-page .site-header{background:rgba(2,24,32,.97)!important;border-bottom:1px solid rgba(88,222,249,.20)!important}
.rofane-course-page .site-header .topline{display:block!important;background:#062b37!important;color:#dff7fb!important;border-bottom:1px solid rgba(88,222,249,.18)!important}
.rofane-course-page .site-header .topline .shell{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.rofane-course-page .site-header .topline a{color:#8feeff!important;font-weight:600!important}
.rofane-course-page .site-header .brand{border:0!important;box-shadow:none!important;overflow:hidden!important;height:70px!important}
.rofane-course-page .site-header .brand:before,.rofane-course-page .site-header .brand:after{display:none!important;content:none!important}
.rofane-course-page .site-header .brand img{width:218px!important;height:70px!important;object-fit:cover!important;object-position:center 51%!important;filter:invert(1) hue-rotate(155deg) saturate(1.75) brightness(1.48) contrast(1.08)!important;mix-blend-mode:screen!important}
.rofane-course-page .site-header .navrow nav a,.rofane-course-page .site-header .auth .text-link{color:#f8fcfd!important}
.rofane-course-page .site-header .navrow nav a:hover,.rofane-course-page .site-header .navrow nav a.active{color:#8feeff!important;border-bottom-color:#29d9ff!important}
.rofane-course-page .site-header .auth .button{background:linear-gradient(135deg,#29d9ff,#7beaff)!important;border-color:#29d9ff!important;color:#001820!important}
.rofane-course-page .course__details_head{background:#032431!important;background-image:linear-gradient(90deg,rgba(3,36,49,.94),rgba(6,47,61,.80))!important}
.rofane-course-page .course__details{background:#062f3d!important}
.rofane-course-page .course__details>.container,.rofane-course-page .course__details .details_shadow,.rofane-course-page .course__details .course_tab_content{background:#f8fbfc!important;color:#172733!important}
.rofane-course-page .course_sidebar{background:#fff!important;border-color:#d9e9ee!important}
.rofane-course-page footer{background:#021c26!important;color:#c4d7dc!important}
@media(max-width:920px){.rofane-course-page .site-header .topline{display:block!important}.rofane-course-page .site-header .topline .shell{min-height:34px!important;font-size:11px!important}}

/* Remove every legacy separator around the Rofane logo in LMS/course headers. */
.rofane-course-page .site-header .navrow > .brand,
.rofane-course-page .site-header .brand,
.site-header .brand {
    border:0!important;
    border-right:0!important;
    border-left:0!important;
    border-inline-start:0!important;
    border-inline-end:0!important;
    outline:0!important;
    box-shadow:none!important;
}
.rofane-course-page .site-header .navrow > .brand::before,
.rofane-course-page .site-header .navrow > .brand::after,
.rofane-course-page .site-header .brand::before,
.rofane-course-page .site-header .brand::after {
    content:none!important;
    display:none!important;
}