/* header_v2.css - Professional Custom Styles */

:root {
  /* Design Tokens as Variables */
  --blue: #2d4ba0;
  --cyan: #00aeef;
  --yellow: #ffc20e;
  --dark: #1a2e63;
}

 body {
  font-family: 'Cairo', sans-serif;
  scroll-behavior: smooth;
}
.industrial-gradient {
  background: linear-gradient(135deg, #2d4ba0 0%, #1a2e63 100%);
}
.accent-gradient {
  background: linear-gradient(90deg, #2d4ba0 0%, #00aeef 100%);
}
/* Custom scrollbar for better aesthetics */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #2d4ba0;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #1a2e63;
}

.hover\:text-brand-cyan:hover {
    --tw-text-opacity: 1;
    color: rgb(0 174 239 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:bg-brand-cyan:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 239 / var(--tw-bg-opacity, 1));
}
.text-brand-cyan {
    --tw-text-opacity: 1;
    color: rgb(0 174 239 / var(--tw-text-opacity, 1));
}

html[dir="rtl"] .d-rtl{
display: block;
}
html[dir="rtl"] .d-ltr{
display: none;
}
html[dir="ltr"] .d-rtl{
display: none;
}
html[dir="ltr"] .d-ltr{
display: block;
}

.masonry-item { break-inside: avoid; margin-bottom: 1.5rem; display: inline-block; width: 100%; }
.gallery-hidden { display: none; }

.faq-answer {
    max-height: 0;
    overflow: hidden;
}
.faq-item.active .faq-answer {
    max-height: 300px; /* Adjust based on content */
    padding-bottom: 1.5rem;
}
.faq-item.active .chevron-icon {
    transform: rotate(180deg);
    color: #00aeef;
}
.faq-item.active {
    border-color: rgba(0, 174, 239, 0.2);
    box-shadow: 0 10px 15px -3px rgba(45, 75, 160, 0.05);
}

.job-card.active {
    border-color: #00aeef;
    box-shadow: 0 20px 25px -5px rgba(0, 174, 239, 0.1);
    background-color: white;
}