.elementor-kit-714{--e-global-color-primary:#3E3E3E;--e-global-color-secondary:#F07E00;--e-global-color-text:#09203F;--e-global-color-accent:#FC9E33;--e-global-color-c82f58f:#2B2B2B;--e-global-color-0ecb08b:#005B9C;--e-global-color-eda4551:#F0F0F0;--e-global-typography-primary-font-family:"Helvetica";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Helvetica";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Helvetica";--e-global-typography-accent-font-weight:500;}.elementor-kit-714 button,.elementor-kit-714 input[type="button"],.elementor-kit-714 input[type="submit"],.elementor-kit-714 .elementor-button{background-color:var( --e-global-color-secondary );color:var( --e-global-color-eda4551 );}.elementor-kit-714 button:hover,.elementor-kit-714 button:focus,.elementor-kit-714 input[type="button"]:hover,.elementor-kit-714 input[type="button"]:focus,.elementor-kit-714 input[type="submit"]:hover,.elementor-kit-714 input[type="submit"]:focus,.elementor-kit-714 .elementor-button:hover,.elementor-kit-714 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-eda4551 );}.elementor-kit-714 e-page-transition{background-color:#FFBC7D;}.elementor-kit-714 a{font-size:18px;font-weight:700;}.elementor-kit-714 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-714 h1{font-size:48px;font-weight:700;}.elementor-kit-714 h2{font-size:38px;font-weight:700;}.elementor-kit-714 h3{font-size:32px;font-weight:700;}.elementor-kit-714 h4{font-size:26px;font-weight:700;}.elementor-kit-714 h5{font-size:22px;font-weight:600;}.elementor-kit-714 h6{font-size:16px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Sidebar Container ===== */
.llms-syllabus-wrapper {
	background: #f3f4f6;
	padding: 3px;
	border-radius: 12px;
}
body .llms-syllabus-wrapper .llms-section-title {
    
background:#f3f4f6;
}

/* ===== Module Title ===== */
.llms-section-title {
	font-size: 15px;
	font-weight: 600;
	background: #ffffff;
	padding: 14px 16px;
	border-radius:0px;
	margin-bottom: 5px;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
}

.llms-section-title:hover {
	color: #f07e00 !important;
}
.llms-section-title.active {
	color:  #f07e00 !important;
}

/* ===== Accordion Arrow ===== */
.llms-section-title::after {
	content: "▾";
	position: absolute;
	right: 16px;
	transition: transform 0.2s ease;
}

.llms-section-title.active::after {
	transform: rotate(180deg);
}

/* ===== Lessons ===== */
.llms-lesson-preview {
	margin-left: 4px;
	border-radius: 6px;
	transition: all 0.2s ease;
}

.llms-lesson-preview-row {
	padding: 10px 12px;
	border-radius: 6px;
}

/* Hover */
.llms-lesson-preview:hover {
	background: #f07e00;
}

/* Active Lesson */
.llms-lesson-preview.current-lesson {
	background: #fff3e0;
	border-left: 4px solid #f97316;
}

/* Hide Favorites */
.llms-lesson-meta {
	display: none;
}

/* Counter */
.llms-lesson-counter {
	font-size: 12px;
	color: #9ca3af;
}

/* Sticky Sidebar */
.elementor-widget-llms_course_syllabus_widget {
	position: sticky;
	top: 20px;
}

/* Remove old arrow */
.llms-section-title::after {
	content: "";
	width: 8px;
	height: 8px;
	border-right: 2px solid #6b7280;
	border-bottom: 2px solid #6b7280;
	transform: rotate(45deg);
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -4px;
	transition: all 0.3s ease;
}

.llms-section-title.active::after {
	transform: rotate(-135deg);
	margin-top: -2px;
}

/* Better lesson layout */
.llms-lesson-preview-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}

/* Make lesson titles cleaner */
.llms-lesson-title {
	font-weight: 500;
	color: #374151;
}

/* Active lesson improved */
.llms-lesson-preview.current-lesson {
	background: #fff7ed;
	border-left: 4px solid #f97316;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* Hover improvement */
.llms-lesson-preview:hover {
	background: #f1f5f9;
}

/* Counter style cleaner */
.llms-lesson-counter {
	background: #e5e7eb;
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 11px;
}

/* Make lesson row relative for icon positioning */
.llms-lesson-preview-row {
	position: relative;
	padding-left: 36px;
}

/* Default circle (incomplete lesson) */
.llms-lesson-preview::before {
	content: "";
	width: 14px;
	height: 14px;
	border: 2px solid #d1d5db;
	border-radius: 50%;
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
}

/* Completed lesson */
.llms-lesson-preview.is-complete::before {
	content: "✓";
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	color: #fff;
	background: #f07e00;
	border: none;
	font-weight: bold;
}

/* Current lesson override */
.llms-lesson-preview.current-lesson::before {
	border-color: #f97316;
}

/* Hover polish */
.llms-lesson-preview:hover::before {
	border-color: #9ca3af;
}
.fa, .fas {
    font-family: 'FontAwesome';
    font-weight: 900;
}
.llms-lesson-button-wrapper {
    width: 100%;
    display: block;
    clear: both;
    text-align: center;
    padding: 0px;
    background-color: #f07e00;
}

/* Hide lesson count badge (1 of 3) */
body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-counter {
    line-height: 1.75;
    margin-bottom: 0;
    font-size: inherit;
    display: none;
}
.llms-lesson-preview .llms-lesson-meta {
    display: none ! IMPORTANT;
}
.llms-form-field {
    float: left;
    padding: 0px;
    position: relative;
    width: 100%;
}
.llms-button-primary {
    background: #f07e00;
}


/* Smooth transition */
#layout-wrapper {
  display: flex;
  transition: all 0.3s ease;
}

#main-content {
  transition: width 0.3s ease;
}

#sidebar-column {
  transition: width 0.3s ease, margin 0.3s ease;
}

/* Collapsed state */
.sidebar-collapsed #sidebar-column {
  width: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

.sidebar-collapsed #main-content {
  width: 100% !important;
}

  
  #main-content {
    width: 100% !IMPORTANT;
  }

  /* Hide toggle button if you want auto collapsed without user click */
  /* #sidebar-toggle { display: none; } */
}


@media (max-width: 767px) {
    .elementor-2477 .elementor-element.elementor-element-61ed70f1 {
        --width: 100% !important;
        --justify-content: center;
        --align-items: stretch;
        --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    }
}

.llms-lesson-button-wrapper {
    text-align: center;
    padding: 4px 7px;
    background: #f07e00;
    color: white;
    font-weight: 600;
}

.llms-lesson-button-wrapper form,
.llms-lesson-button-wrapper button {
    width: 100%;
}

#ai-tutor-panel {
  position: fixed;
  top: 0;
  right: -420px; /* Hide off screen */
  width: 420px;
  height: 100%;
  background: #ffffff;
  box-shadow: -2px 0 15px rgba(0,0,0,0.15);
  transition: right 0.3s ease;
  z-index: 99999;
  display: flex;
  flex-direction: column;
}

#ai-tutor-panel.active {
  right: 0; /* Slide in */
}

.ai-header {
  padding: 16px;
  background: #f3f4f6;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}

.ai-body {
  flex: 1;
}

body .elementor-button.elementor-size-sm, body .elementor-button.elementor-size-xs, body .elementor-button.elementor-size-md, body .elementor-button.elementor-size-lg, body .elementor-button.elementor-size-xl, body .elementor-button {
   padding-right: 20px;
    padding-left: 20px;
}
@media (max-width: 768px) {

  /* Stack layout vertically */
  #layout-wrapper {
    flex-direction: column;
  }

  /* Main content full width */
  #main-content {
    width: 100% !important;
    order: 1;
  }

  /* Sidebar moves below */
  #sidebar-column {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 0 !important;
    order: 2;
  }

}/* End custom CSS */