.elementor-kit-17{--e-global-color-primary:#0D5442;--e-global-color-primary_hover:#117159;--e-global-color-secondary:#EF4123;--e-global-color-secondary_hover:#EDB245;--e-global-color-text:#666666;--e-global-color-accent:#000000;--e-global-color-lighter:#999999;--e-global-color-border:#e5e5e5;--e-global-typography-primary-font-family:"Cairo";--e-global-typography-secondary-font-family:"Cairo";--e-global-typography-text-font-family:"Cairo";--e-global-typography-accent-font-family:"Cairo";font-family:"Cairo", Sans-serif;}.elementor-kit-17 button,.elementor-kit-17 input[type="button"],.elementor-kit-17 input[type="submit"],.elementor-kit-17 .elementor-button{background-color:var( --e-global-color-primary );font-size:14px;font-weight:700;text-transform:capitalize;line-height:20px;color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:15px 30px 15px 30px;}.elementor-kit-17 button:hover,.elementor-kit-17 button:focus,.elementor-kit-17 input[type="button"]:hover,.elementor-kit-17 input[type="button"]:focus,.elementor-kit-17 input[type="submit"]:hover,.elementor-kit-17 input[type="submit"]:focus,.elementor-kit-17 .elementor-button:hover,.elementor-kit-17 .elementor-button:focus{background-color:var( --e-global-color-primary_hover );}.elementor-kit-17 e-page-transition{background-color:#FFBC7D;}.elementor-kit-17 a{font-family:"Cairo", Sans-serif;}.elementor-kit-17 h1{font-family:"Cairo", Sans-serif;}.elementor-kit-17 h2{font-family:"Cairo", Sans-serif;}.elementor-kit-17 h3{font-family:"Tajawal", Sans-serif;}.elementor-kit-17 h4{font-family:"Cairo", Sans-serif;}.elementor-kit-17 h5{font-family:"Cairo", Sans-serif;}.elementor-kit-17 h6{font-family:"Cairo", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1290px;}.e-con{--container-max-width:1290px;}.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 */<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="UTF-8">
  <title>Sidebar Menu</title>
  <style>
    body {
      margin: 0;
      font-family: Arial, sans-serif;
    }

    /* Sidebar container */
    .sidebar {
      height: 100vh;              /* Full height */
      width: 220px;               /* Sidebar width */
      position: fixed;            /* Stay fixed on left */
      top: 0;
      left: 0;
      background-color: #2c3e50;  /* Dark background */
      padding-top: 20px;
    }

    /* Sidebar links */
    .sidebar a {
      display/* End custom CSS */