*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

	  :root {
	    --bg: #ebd49a;
	    --bg-dark: #a07840;
	    --bg-darker: #2d4a19;
	    --text: #303f2a;
	    --text-light: #303f2a;
	    --gold: #d4a843;
	    --gold-light: #ebd49a;
	    --white: #fff9f0;
	    --border: rgba(100,60,0,0.25);
	    --shadow: 0 4px 24px rgba(80,40,0,0.18);
	  }
      
      

	  .alomran-navbar {
	    z-index: 1000;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    background-image: url("../../images/bg.png");
	    box-shadow: var(--shadow);
	    background-size: 100% 100%;
	    height: 100px;
	  }

	  .alomran-nav-container {
	    max-width: 1280px;
	    margin: 0 auto;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding: 0 20px;
	    gap: 12px;
	  }

	  /* ===== LOGO ===== */
	  .alomran-logo {
	    display: flex;
	    align-items: center;
	    gap: 10px;
	    text-decoration: none;
	    flex-shrink: 0;
	  }

	  .alomran-logo-text { display: flex; flex-direction: column; line-height: 1.1; margin-top: 10px; }
	  .alomran-logo-sub { font-size: 16px; color: var(--text-light); font-weight: 500; }
	  .alomran-logo-main { font-size: 35px; font-weight: 700; color: var(--text); }

	  .alomran-logo-divider {
	    width: 2px; height: 45px;
	    background: var(--border);
	    margin: 0 8px; flex-shrink: 0;
	  }

	  /* ===== MENU ===== */
	  .alomran-nav-menu {
	    display: flex; align-items: center;
	    justify-content: center;
	    list-style: none; gap: 2px;
	    flex: 1; flex-wrap: nowrap;
	    margin-bottom: 0px;
	  }

	  .alomran-nav-item { position: relative; }

	  .alomran-nav-link {
	    display: flex; align-items: center; gap: 5px;
	    padding: 8px 10px;
	    color: var(--text);
	    text-decoration: none;
	    font-size: 16px; font-weight: 700;
	    border-radius: 6px;
	    transition: background 0.2s;
	    white-space: nowrap;
	    cursor: pointer;
	    border: none; background: none;
	  }

	  .alomran-nav-link:hover,
	  .alomran-nav-item:hover > .alomran-nav-link { background: rgba(45, 74, 25, 0.12); }

	  .alomran-nav-link i.alomran-arrow { font-size: 10px; transition: transform 0.25s; }
	  .alomran-nav-item:hover > .alomran-nav-link i.alomran-arrow { transform: rotate(-180deg); }

	  /* ===== DROPDOWN ===== */
	  .alomran-dropdown {
	    position: absolute;
	    top: calc(100% + 8px);
	    right: 0;
	    background: rgba(28,48,16,0.92);
	    border: 1px solid var(--border);
	    border-top: 3px solid var(--bg-darker);
	    border-radius: 0 0 10px 10px;
	    box-shadow: 0 8px 30px rgba(80,40,0,0.18);
	    min-width: 200px;
	    opacity: 0; visibility: hidden;
	    transform: translateY(-8px);
	    transition: all 0.22s ease;
	    z-index: 999;
	    list-style: none;
	  }

	  .alomran-nav-item:hover .alomran-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }

	  .alomran-dropdown li a {
	    display: flex; align-items: center; gap: 10px;
	    padding: 11px 18px;
	    color: var(--white);
	    text-decoration: none;
	    font-size: 16px;
	    border-bottom: 1px solid rgba(255,255,255,0.08);
	    transition: background 0.15s, padding-right 0.15s;
	  }

	  .alomran-dropdown li:last-child a { border-bottom: none; }
	  .alomran-dropdown li a:hover { background: #4a6a2a; padding-right: 24px; }
	  .alomran-dropdown li a i { color: var(--gold-light); font-size: 13px; width: 16px; text-align: center; flex-shrink: 0; }

	  /* ===== LOGIN DROPDOWN ===== */
	  .alomran-login-btn {
	    display: flex; align-items: center; gap: 6px;
	    padding: 7px 14px;
	    background: none;
	    color: var(--text);
	    border: none;
	    border-radius: 6px;
	    font-size: 16px; font-weight: 700;
	    cursor: pointer;
	    transition: background 0.2s;
	    white-space: nowrap;
	  }

	  .alomran-logout-link {
	    display: flex; align-items: center; gap: 6px;
	    padding: 7px 14px;
	    color: var(--text);
	    text-decoration: none;
	    font-size: 16px; font-weight: 700;
	    border-radius: 6px;
	    transition: background 0.2s;
	    white-space: nowrap;
	  }

	  .alomran-logout-link:hover,
	  .alomran-login-btn:hover { background: rgba(45,74,25,0.12); }

	  .alomran-login-dropdown {
	    position: absolute;
	    top: calc(100% + 10px);
	    right: 0;
	    width: 320px;
	    background: var(--white);
	    border: 1px solid var(--border);
	    border-top: 3px solid var(--bg-darker);
	    border-radius: 0 0 12px 12px;
	    box-shadow: 0 12px 40px rgba(80,40,0,0.22);
	    opacity: 0; visibility: hidden;
	    transform: translateY(-8px);
	    transition: all 0.25s ease;
	    z-index: 1001;
	    overflow: hidden;
	  }

	  .alomran-nav-item:hover .alomran-login-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }

	  .alomran-login-panels { padding: 20px; }

	  .alomran-login-panel h4 {
	    font-size: 18px; font-weight: 700;
	    color: var(--text);
	    margin-bottom: 16px;
	    padding-bottom: 10px;
	    border-bottom: 1px solid var(--border);
	    display: flex; align-items: center; gap: 8px;
	  }

	  .alomran-login-form-grid {
	    display: grid;
	    grid-template-columns: auto 1fr;
	    align-items: center;
	    gap: 10px 14px;
	  }

	  .alomran-login-form-grid label {
	    font-size: 14px; font-weight: 500;
	    color: var(--text);
	    white-space: nowrap;
	    text-align: right;
	  }

	  .alomran-login-form-grid input {
	    padding: 8px 12px;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    font-size: 13px; color: var(--text);
	    background: #fff;
	    direction: rtl; outline: none;
	    transition: border 0.2s;
	    width: 100%;
	  }

	  .alomran-login-form-grid input:focus { border-color: var(--bg-darker); }

	  .alomran-btn-login {
	    padding: 8px 20px;
	    background: #f5f0e8;
	    color: var(--text);
	    border: 1px solid #bbb;
	    border-radius: 4px;
	    font-size: 14px; font-weight: 500;
	    cursor: pointer;
	    transition: background 0.2s;
	    display: flex; align-items: center; gap: 6px;
	    justify-self: end;
	  }

	  .alomran-btn-login:hover { background: #e8dfc8; }

	  /* ===== SEARCH ===== */
	  .alomran-nav-search {
	    display: flex; align-items: center;
	    flex-direction: row-reverse;
	    background: rgba(0,0,0,0.1);
	    border: 1px solid var(--border);
	    border-radius: 6px;
	    overflow: hidden; flex-shrink: 0;
	  }

	  .alomran-nav-search input {
	    background: none; border: none; outline: none;
	    padding: 7px 12px;
	    font-size: 13px; color: var(--text);
	    width: 140px; direction: rtl;
	  }

	  .alomran-nav-search input::placeholder { color: var(--text-light); }

	  .alomran-nav-search button {
	    background: var(--bg-darker); border: none;
	    padding: 7px 13px;
	    color: white; cursor: pointer;
	    font-size: 14px;
	    font-weight: 500;
	    transition: background 0.2s; white-space: nowrap;
	  }

	  .alomran-nav-search button:hover { background: #1e3210; }

	  /* ===== HAMBURGER ===== */
	  .alomran-hamburger {
	    display: none; background: none; border: none;
	    cursor: pointer; padding: 8px;
	    color: var(--text); font-size: 26px; flex-shrink: 0;
	  }

	  /* ===== OVERLAY ===== */
	  .alomran-overlay {
	    display: none; position: fixed; inset: 0;
	    background: rgba(0,0,0,0.5);
	    z-index: 1099; opacity: 0; transition: opacity 0.3s;
	  }
	  .alomran-overlay.active { opacity: 1; }

	  /* ===== MOBILE SIDEBAR ===== */
	  .alomran-sidebar {
	    position: fixed; top: 0; right: -320px;
	    width: 300px; height: 100vh;
	    background: var(--bg); z-index: 1100;
	    display: flex; flex-direction: column;
	    transition: right 0.32s cubic-bezier(0.4,0,0.2,1);
	    box-shadow: -4px 0 24px rgba(0,0,0,0.25);
	    overflow-y: auto;
	  }

	  .alomran-sidebar.open { right: 0; }

	  .alomran-sidebar-header {
	    display: flex; align-items: center; justify-content: space-between;
	    padding: 16px 18px;
	    background: var(--bg-darker); border-bottom: 2px solid var(--gold);
	    flex-shrink: 0;
	  }

	  .alomran-sidebar-header span {
	    font-size: 20px; font-weight: 700; color: white;
	  }

	  .alomran-sidebar-close {
	    background: none; border: none; color: white;
	    font-size: 22px; cursor: pointer; padding: 4px 8px; border-radius: 4px;
	    transition: background 0.15s;
	  }
	  .alomran-sidebar-close:hover { background: rgba(255,255,255,0.1); }

	  .alomran-sidebar-login { border-bottom: 1px solid var(--border); flex-shrink: 0; }

	  .alomran-sidebar-login-toggle {
	    display: flex; align-items: center; justify-content: space-between;
	    padding: 13px 18px;
	    background: none; border: none; width: 100%;
	    color: var(--text); font-size: 15px; font-weight: 500;
	    cursor: pointer;
	    transition: background 0.15s; text-align: right;
	  }

	  .alomran-sidebar-login-toggle:hover { background: rgba(0,0,0,0.06); }
	  .alomran-sidebar-login-toggle .link-left { display: flex; align-items: center; gap: 10px; }
	  .alomran-sidebar-login-toggle .link-left i { color: var(--bg-darker); font-size: 15px; width: 20px; text-align: center; }

	  .alomran-sidebar-login-body {
	    max-height: 0; overflow: hidden;
	    transition: max-height 0.35s ease;
	    background: rgba(0,0,0,0.04);
	  }

	  .alomran-sidebar-login-body.open { max-height: 400px; }
	  .alomran-sidebar-login-inner { padding: 16px 18px; }

	  .alomran-m-form-row { margin-bottom: 10px; }
	  .alomran-m-form-row label { display: block; font-size: 12px; color: var(--text-light); margin-bottom: 4px; }

	  .alomran-m-form-row input {
	    width: 100%; padding: 8px 10px;
	    border: 1px solid var(--border); border-radius: 5px;
	    font-size: 13px; color: var(--text);
	    background: var(--white); direction: rtl; outline: none;
	  }

	  .alomran-m-btn-login {
	    width: 100%; padding: 9px;
	    background: var(--bg-darker); color: var(--gold-light);
	    border: none; border-radius: 6px;
	    font-size: 14px; font-weight: 500;
	    cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px;
	  }

	  .alomran-sidebar-search {
	    padding: 14px 18px; border-bottom: 1px solid var(--border); flex-shrink: 0;
	  }

	  .alomran-sidebar-search-inner {
	    display: flex; background: rgba(0,0,0,0.1);
	    border: 1px solid var(--border); border-radius: 6px; overflow: hidden;
	  }

	  .alomran-sidebar-search-inner input {
	    flex: 1; background: none; border: none; outline: none;
	    padding: 9px 12px; font-size: 13px; color: var(--text); direction: rtl;
	  }

	  .alomran-sidebar-search-inner input::placeholder { color: var(--text-light); }

	  .alomran-sidebar-search-inner button {
	    background: var(--bg-darker); border: none;
	    padding: 9px 14px; color: white;
	    cursor: pointer; font-size: 13px; font-weight: 500;
	  }

	  .alomran-sidebar-nav { list-style: none; padding: 8px 0; flex: 1; }
	  .alomran-sidebar-nav > li { border-bottom: 1px solid var(--border); }
	  .alomran-sidebar-nav > li:last-child { border-bottom: none; }

	  .alomran-sidebar-nav-link {
	    display: flex; align-items: center; justify-content: space-between;
	    padding: 13px 18px; color: var(--text);
	    text-decoration: none; font-size: 15px; font-weight: 500;
	    cursor: pointer; background: none; border: none; width: 100%;
	    transition: background 0.15s; text-align: right;
	  }

	  .alomran-sidebar-nav-link:hover { background: rgba(0,0,0,0.08); }
	  .alomran-sidebar-nav-link .link-left { display: flex; align-items: center; gap: 10px; }
	  .alomran-sidebar-nav-link .link-left i { color: var(--bg-darker); font-size: 15px; width: 20px; text-align: center; }

	  .alomran-arrow-icon { font-size: 12px; transition: transform 0.25s; color: var(--text-light); flex-shrink: 0; }
	  .alomran-sidebar-nav-link.open .alomran-arrow-icon { transform: rotate(-90deg); }

	  .alomran-sidebar-submenu {
	    list-style: none; max-height: 0; overflow: hidden;
	    background: rgba(0,0,0,0.08); transition: max-height 0.3s ease;
	  }

	  .alomran-sidebar-submenu.open { max-height: 600px; }

	  .alomran-sidebar-submenu li a {
	    display: flex; align-items: center; gap: 10px;
	    padding: 10px 18px 10px 30px; color: var(--text-light);
	    text-decoration: none; font-size: 14px;
	    border-bottom: 1px solid rgba(0,0,0,0.05);
	    transition: background 0.15s, color 0.15s;
	  }

	  .alomran-sidebar-submenu li:last-child a { border-bottom: none; }
	  .alomran-sidebar-submenu li a:hover { background: rgba(0,0,0,0.07); color: var(--text); }
	  .alomran-sidebar-submenu li a i { color: var(--bg-darker); font-size: 13px; width: 16px; flex-shrink: 0; }

	  /* ===== RESPONSIVE ===== */
	  @media (max-width: 1280px){
	  	.alomran-nav-search input{
	  		width: 60px;
	  	}
	  }
	  @media (max-width: 1199px) {
	    .alomran-nav-menu, .alomran-nav-search { display: none; }
	    .alomran-hamburger { display: flex; }
	    .alomran-overlay { display: block; }
	    .alomran-logo-sub { display: none; }
	  }

	  @media (max-width: 400px) {
	    .alomran-logo-main { font-size: 20px; }
	  }


.banner-header {
      position: relative;
      background-image: url(../../images/headerbg.webp);
      background-position: center;
      background-size:cover;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      background-repeat: no-repeat;
      padding: 100px 0 100px 0;
    }
    .banner-header .bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
    }
    .banner-content {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 4px;
      padding: 2% 5%;
      text-align: center;
    }
    .emblem-svg {
      width: 5%;
      min-width: 38px;
      max-width: 58px;
      margin-bottom: 4px;
    }
    .text-main {
      width:100%;
      max-width: 680px;
      min-width: 200px;
    }
    .text-sub {
      width: 100%;
      max-width: 500px;
      min-width: 150px;
      margin-top: 2px;
    }
    .text-badge {
      width: 100%;
      max-width: 360px;
      min-width: 120px;
      margin-top: 10px;
    }
    .banner-tree{
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding-bottom: 20px;
    }
    .banner-tree .tree{
      width: 60px;
      height: autp;
    }
    .banner-tree .tree-side-right{
      transform: rotate(180deg);
      width: 150px;
      height: auto;
    }
    .banner-tree .tree-side-left{
      width: 150px;
      height: auto;
    }
    .divider img{
      width: 100%;
      max-width: 400px;
      margin-top: 20px;
    }
    .banner-text3{
      margin-top: 10px;
    }

    /* ===== MARQUEE BAR ===== */
    .marquee-bar {
      
     /* height: 60px;
      overflow: hidden;
      display: flex;
      align-items: center;
      direction: rtl;
      background-image: url("../../images/marquee.webp");
      background-size: 100% 100%;*/
    }
    .marquee-bar-bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: fill;
    }
    .marquee-label {
      position: relative;
      z-index: 2;
      color: #d4af5a;
      padding: 0 90px 0 14px;
      height: 100%;
      display: flex;
      align-items: center;
      gap: 7px;
      font-size: 14px;
      font-weight: 700;
      white-space: nowrap;
      border-left: 1.5px solid #b8942a;
      flex-shrink: 0;
    }
    .marquee-track {
      position: relative;
      z-index: 2;
      flex: 1;
      overflow: hidden;
      height: 100%;
      display: flex;
      align-items: center;
    }
    .marquee-inner {
      display: flex;
      align-items: center;
      white-space: nowrap;
      animation: scroll-rtl 32s linear infinite;
    }
    .marquee-item {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 0 26px;
      font-size: 13px;
      color: #e8d5a0;
      border-right: 1px solid rgba(212,175,90,0.3);
    }
    .marquee-item i {
      color: #c9a84c;
      font-size: 14px;
      flex-shrink: 0;
    }
    .sep {
      color: #b8942a;
      padding: 0 2px;
      font-size: 16px;
      opacity: 0.6;
    }

   	.header_center_img{
   		margin: 30px 0;
   	}
    @keyframes scroll-rtl {
      0%   { transform: translateX(0); }
      100% { transform: translateX(50%); }
    }
    @media screen and (min-width: 1400px){
    	.banner-header {
    		min-height: auto;
    	}
    	.marquee-bar{
    		height: 70px;
    	}
    	.marquee-label{
    		padding: 0 110px 0 14px;
    	}
    }
    @media screen and (max-width: 1024px){
      .banner-header {
        min-height: auto;
        padding: 100px 0;
      }
      .banner-content{
        max-width: 650px;
      }
    @media screen and (max-width: 991px){
      
      .marquee-bar{
        height: 50px;
      }
      .banner-header{
        background-size: cover;
      }
      

    }
    @media screen and (max-width: 767px){
      .marquee-bar{
        height: 40px;
      }
      .marquee-label{
        padding: 0 50px 0 14px;
      }
      .banner-content{
        max-width: 300px;
      }
    }