.elementor-8545 .elementor-element.elementor-element-33766f5d{--display:flex;--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:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8545 .elementor-element.elementor-element-8aeecf2{--display:flex;--min-height:100px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-8545 .elementor-element.elementor-element-8aeecf2:not(.elementor-motion-effects-element-type-background), .elementor-8545 .elementor-element.elementor-element-8aeecf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-8545 .elementor-element.elementor-element-8aeecf2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8545 .elementor-element.elementor-element-f1f42fd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:030px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8545 .elementor-element.elementor-element-6fa4ac9 .elementor-heading-title{color:#000000;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-8545 .elementor-element.elementor-element-e693cf4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8545 .elementor-element.elementor-element-e693cf4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-8545 .elementor-element.elementor-element-e693cf4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-8545 .elementor-element.elementor-element-e693cf4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-8545 .elementor-element.elementor-element-e693cf4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-8545 .elementor-element.elementor-element-e693cf4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-8545 .elementor-element.elementor-element-e693cf4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-8545 .elementor-element.elementor-element-e693cf4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-8545 .elementor-element.elementor-element-e693cf4{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8545 .elementor-element.elementor-element-e693cf4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8545 .elementor-element.elementor-element-e693cf4 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-8545 .elementor-element.elementor-element-e693cf4 .elementor-icon-list-text{transition:color 0.3s;}.elementor-8545 .elementor-element.elementor-element-cd3da0f > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-8545 .elementor-element.elementor-element-cd3da0f .elementor-heading-title{color:#000000;}.elementor-8545 .elementor-element.elementor-element-c3d5e08 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8545 .elementor-element.elementor-element-c3d5e08 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-8545 .elementor-element.elementor-element-c3d5e08 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-8545 .elementor-element.elementor-element-c3d5e08 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-8545 .elementor-element.elementor-element-c3d5e08 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-8545 .elementor-element.elementor-element-c3d5e08 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-8545 .elementor-element.elementor-element-c3d5e08 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-8545 .elementor-element.elementor-element-c3d5e08 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-8545 .elementor-element.elementor-element-c3d5e08{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8545 .elementor-element.elementor-element-c3d5e08 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8545 .elementor-element.elementor-element-c3d5e08 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-8545 .elementor-element.elementor-element-c3d5e08 .elementor-icon-list-text{transition:color 0.3s;}.elementor-8545 .elementor-element.elementor-element-6822af36{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8545 .elementor-element.elementor-element-6822af36.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8545 .elementor-element.elementor-element-764eacc{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;}.elementor-8545 .elementor-element.elementor-element-20b359e3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}@media(max-width:1024px){.elementor-8545 .elementor-element.elementor-element-6822af36.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-8545 .elementor-element.elementor-element-764eacc{font-size:17px;}}@media(max-width:767px){.elementor-8545 .elementor-element.elementor-element-8aeecf2{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-8545 .elementor-element.elementor-element-56d0955{z-index:9999;}.elementor-8545 .elementor-element.elementor-element-764eacc{font-size:17px;}}@media(min-width:768px){.elementor-8545 .elementor-element.elementor-element-33766f5d{--content-width:1600px;}.elementor-8545 .elementor-element.elementor-element-8aeecf2{--content-width:240px;}.elementor-8545 .elementor-element.elementor-element-6822af36{--width:1200px;}.elementor-8545 .elementor-element.elementor-element-20b359e3{--content-width:160px;}}@media(max-width:1024px) and (min-width:768px){.elementor-8545 .elementor-element.elementor-element-6822af36{--width:1200px;}}/* Start custom CSS for container, class: .elementor-element-33766f5d */.elementor,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
  overflow: visible !important;
}

/* ===== MAIN LAYOUT WRAPPER ===== */
.layout,
.elementor-section,
.elementor-container {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

/* ===== HEADER (FIX OVERLAP ISSUE) ===== */
header,
.elementor-location-header {
  position: relative;
  z-index: 9999;
}

/* ===== SIDEBAR (LEFT) ===== */
.sidebar {
  width: 240px;
  position: sticky;
  top: 0;
  height: 100vh;

  overflow-y: auto;
  overflow-x: hidden;

  background: #f3f3f3;
  padding-top: 10px;

  z-index: 10; /* lower than header */
}

.sidebar,
.lh-sidebar-menu {
  max-height: 100vh;
}

/* ===== MAIN CONTENT ===== */
.main-content {
  min-width: 0;
  flex-grow: 1;
  padding: 0px;
}

/* ===== RIGHT SIDEBAR ===== */
.rightbar {
  width: 160px;
  padding: 0px;
}

/* ===== SIDEBAR MENU LINKS ===== */
.lh-sidebar-menu a {
  display: block;
  padding: 4px 0px;
  color: #333;
  text-decoration: none;
  border-radius: 6px;
  font-size: 14px;
}

.lh-sidebar-menu a:hover {
  background: #ddd;
  width: 100%;
  padding: 5px;
}
/* Active menu item (same as hover) */
.lh-sidebar-menu a.active {
  background: #ddd;
  width: 100%;
  padding: 5px;
  color: black;
}
/* ===== MOBILE TOGGLE BUTTON ===== */
.lh-sidebar-toggle {
  display: none;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  background: #ddd;
  border: none;
  cursor: pointer;
  font-size: 16px;
  border-radius: 6px;
  font-weight: 600;
}

/* ========================= */
/* 📱 TABLET */
/* ========================= */
@media (max-width: 1025px) {

  .rightbar {
    display: none;
    
  }

  .sidebar {
    width: 220px;
    flex-shrink: 0;
  }
  
  .main-content {
    flex-grow: 1;   /* Forces content to take up all remaining space */
    min-width: 0;   /* CRITICAL: Allows flex child to shrink below its content size */
    overflow-x: auto; /* Adds a scrollbar ONLY to the content if a code block is too wide */
  }
}

/* ========================= */
/* 📱 MOBILE */
/* ========================= */
@media (max-width: 767px) {

  /* sidebar becomes normal block */
  .sidebar {
    position: relative;
    height: auto;
    width: 100%;
    overflow: visible !important;
  }

  /* 🔥 STICKY HTML LESSON BUTTON */
  .lh-sidebar-toggle {
    display: block;
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #ddd;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }

  /* menu hidden by default */
  .lh-sidebar-menu {
    display: none;
    max-height: 60vh;
    overflow-y: auto;
  }

  .lh-sidebar-menu.active {
    display: block;
  }
}

/* ===== FIX MOBILE NAV MENU (VERY IMPORTANT) ===== */
.elementor-nav-menu--dropdown {
  position: absolute !important;
  z-index: 10000 !important;
}

/* ===== SMOOTH TRANSITION ===== */
.lh-sidebar-menu {
  transition: all 0.3s ease;
}/* End custom CSS */