/* Header Styles */
.itimaar header.header-itimaar {padding: 15px 0; position: absolute; width: 100%; top: 0; z-index: 1000; transition: all 0.3s ease;}
.itimaar header.header-itimaar.sticky, .itimaar header.header-itimaar.fixedInner {position: fixed; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.3); animation: slideDown 0.3s ease;}

@keyframes slideDown {from {transform: translateY(-100%); } to {transform: translateY(0); }}

.itimaar header.header-itimaar .header-container {max-width: 1750px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; align-items: center;}
.itimaar header.header-itimaar .header-container .logo-section {display: flex; align-items: center; gap: 25px;}
.itimaar header.header-itimaar .header-container .hamburger {background: none; display:none !important; border: none; color: #fff; font-size: 24px; cursor: pointer; padding: 5px;}
.itimaar header.header-itimaar.sticky .header-container .hamburger svg path,
.itimaar header.header-itimaar.fixedInner .header-container .hamburger svg path{fill: #313131;}
.itimaar header.header-itimaar .header-container .logo-section .logo {text-decoration: none;}
.itimaar header.header-itimaar .header-container .navmiddle ul {list-style: none; display: flex; gap: 30px; align-items: center; margin:0px; font-size: 16px; font-weight: 300;}
.itimaar header.header-itimaar .header-container .navmiddle a {color: #fff; text-decoration: none; transition: color 0.3s;}
.itimaar header.header-itimaar.sticky .header-container .navmiddle a {color: #313131;}
.itimaar header.header-itimaar .header-container .navmiddle a:hover {color: #DAA520;}
.itimaar header.header-itimaar .header-container .header-right {display: flex; align-items: center; gap: 20px;}
.itimaar header.header-itimaar .header-container .header-right a img{filter: invert(1) brightness(100);}
.itimaar header.header-itimaar.sticky .header-container .header-right a img,
.itimaar header.header-itimaar.fixedInner .header-container .header-right a img{filter: unset;}
.itimaar header.header-itimaar .header-container .header-right .phone {color: #fff; text-decoration: none; font-size: 18px; font-weight: 700; display: flex; align-items: center; gap: 5px;}
.itimaar header.header-itimaar.sticky .header-container .header-right .phone,
.itimaar header.header-itimaar.fixedInner .header-container .header-right .phone {color: #B61B65;}
.itimaar header.header-itimaar .header-container .header-right .support_customer {display: none !important; width: 38px; height: 38px; border-radius: 10px; border: 1px solid #fff; text-align: center; line-height: 32px; display: flex;align-items: center; justify-content: center;}
.itimaar header.header-itimaar.sticky .header-container .header-right .support_customer,
.itimaar header.header-itimaar.fixedInner .header-container .header-right .support_customer { border: 1px solid #B61B65;}
.itimaar header.header-itimaar .header-container .header-right .book-btn {background: #E7B963; color: #78006E; padding: 6px 20px; border-radius: 10px; font-weight: 500; height: 38px; text-decoration: none; transition: background 0.3s;}
.itimaar header.header-itimaar .header-container .header-right .book-btn:hover {background: #f0bc5c;}




/* Side Menu */
.side-menu {position: fixed; left: -300px; top: 0; width: 300px; height: 100%; background: #72166c;
    background: -moz-linear-gradient(top, #72166c 0%, #490b42 101%);
    background: -webkit-linear-gradient(top, #72166c 0%, #490b42 101%);
    background: linear-gradient(to bottom, #72166c 0%, #490b42 101%); z-index: 2000; transition: left 0.3s ease; overflow-y: auto;}
.side-menu.active {left: 0;}
.side-menu .menu-header {display: flex; justify-content: space-between; align-items: center; padding: 20px; background: rgba(0, 0, 0, 0.2); border-bottom: 1px solid #864946;}
.side-menu .menu-header .menu-logo {color: #fff; font-size: 24px; font-weight: bold;}
.side-menu .menu-header .close-menu {background: none; border: none; color: #fff; font-size: 28px; cursor: pointer;}
.side-menu nav ul {flex-direction: column; padding: 20px; gap: 0;}
.side-menu nav li {width: 100%; border-bottom: 1px solid rgba(255,255,255,0.1); position: relative;}
.side-menu nav a {display: block; padding: 12px 0; color: #fff !important; font-size: 14px; font-weight:300; opacity: 0.8;}
.side-menu nav a:hover {opacity:1;}
.menu-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1999; display: none;}
.menu-overlay.active {display: block;}
.side-menu .accordion-toggle:after {font-family: FontAwesome; content: "\f107"; font-size: 12px; color: #fff; position: absolute; right: 0px; top: 15px; pointer-events: none;}
.side-menu .accordion-toggle.active:after {font-family: FontAwesome; content: "\f106"; }
.side-menu .sub-sect.accordion-content ul{padding: 0 0 20px 15px;}
img.desk-logo {display: block;}
img.mobile-logo {display: none;}

@media (max-width: 1240px) {
  .itimaar header.header-itimaar .header-container .logo-section{ min-width: auto;}
}
/* Responsive Design */
@media (max-width: 1024px) {
    .itimaar header.header-itimaar .header-container .hamburger {display: block; }  
    .itimaar header.header-itimaar .header-container .navmiddle {display: none; }  
    .itimaar header.header-itimaar .header-container .header-right{ gap: 12px;} 
    .itimaar header.header-itimaar .header-container .header-right .book-btn {padding: 9px 8px; font-size: 13px;}
    .itimaar header.header-itimaar .header-container .header-right .book-btn span{font-weight: 600; font-size: 13px;} 
}

@media (max-width: 640px) {
    .itimaar header.header-itimaar{ padding: 10px 0;}
    /* .itimaar header.header-itimaar .header-container .header-right .book-btn {padding: 6px; border-radius: 20px 20px 0; font-weight: 300; height: 36px; text-align: center; font-size: 11px; line-height: 13px; text-transform: uppercase; width: 65px;}
    .itimaar header.header-itimaar .header-container .header-right .book-btn span{font-weight: 400; font-size: 13px;} */
    /* .itimaar .stats-section .stats-grid {grid-template-columns: 1fr; }  */
    .itimaar header.header-itimaar .header-container .logo-section .logo{ max-width: 150px;} 
    .itimaar header.header-itimaar .header-container .logo-section .logo img{ max-width: 100%;}
    img.desk-logo {display: none; width: 145px;}
    img.mobile-logo {display: block;}
}
@media (max-width: 479px) {
    .itimaar header.header-itimaar .header-container .header-right .phone{ font-size: 16px; border: 1px solid #fff; padding: 9px; border-radius: 10px; width: 38px;  height: 38px;}
    .itimaar header.header-itimaar.sticky .header-container .header-right .phone,
    .itimaar header.header-itimaar.fixedInner .header-container .header-right .phone{border: 1px solid #B61B65;}
    .itimaar header.header-itimaar .header-container .logo-section{ gap: 10px;}
    .itimaar header.header-itimaar .header-container .header-right .phone span{ display: none;}
}