:root {--sefety-orange_10: hsla(196, 100%, 50%, 0.1);--sefety-orange: hsl(206, 80%, 62%);--sonic-silver: hsl(220, 1%, 48%);--gunmetal_10: hsla(217, 21%, 16%, 0.1);--davys-gray: hsl(220, 2%, 31%);--light-gray: hsl(0, 0%, 80%);--gunmetal: hsl(217, 21%, 16%);--cultured: hsl(0, 0%, 95%);--black_40: hsla(0, 0%, 0%, 0.4);--black_25: hsla(0, 0%, 0%, 0.25);--black_15: hsla(0, 0%, 0%, 0.15);--white: hsl(0, 0%, 100%);--snow: hsl(210, 20%, 96%);--ff-jost: 'Jost', sans-serif;--fs-1: 3.8rem;--fs-2: 2.2rem;--fs-3: 2rem;--fs-4: 1.8rem;--fs-5: 1.4rem;--fw-600: 600;--fw-500: 500;--section-padding: 80px;--shadow-1: 0px 2px 15px hsla(0, 0%, 0%, 0.05);--shadow-2: -10px 10px 40px -2px hsla(217, 21%, 16%, 0.05);--radius-pill: 500px;--radius-circle: 50%;--radius-4: 4px;--transition-1: 0.25s ease;--transition-2: 0.5s ease;--cubic-in: cubic-bezier(0.51, 0.03, 0.64, 0.28);--cubic-out: cubic-bezier(0.33, 0.85, 0.4, 0.96);}html[lang="ar"] body {direction: rtl;text-align: right;}*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;}li {list-style: none;}a, img, span, button, ion-icon {display: block;}a {color: inherit;text-decoration: none;}img {height: auto;}button {background: none;border: none;font: inherit;cursor: pointer;}ion-icon {pointer-events: none;}html {font-family: var(--ff-jost);font-size: 10px;scroll-behavior: smooth;}body {background-color: var(--white);color: var(--davys-gray);font-size: 1.6rem;line-height: 1.7;}body.active {overflow: hidden;}:focus-visible {outline-offset: 4px;}::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {background-color: hsl(0, 0%, 98%);}::-webkit-scrollbar-thumb {background-color: hsl(0, 0%, 80%);}::-webkit-scrollbar-thumb:hover {background-color: hsl(0, 0%, 70%);}.container {padding-inline: 15px;}.section {padding-block: var(--section-padding);overflow: hidden;}.h1, .h2, .h3, .h4 {color: var(--gunmetal);line-height: 1.3;}.h1, .h2 {font-size: var(--fs-1);}.h3 {font-size: var(--fs-2);}.h3, .h4 {font-weight: var(--fw-600);}.h4 {font-size: var(--fs-3);}.section-title .span {display: inline-block;color: var(--sefety-orange);}.section-text {font-size: var(--fs-3);}.btn {background-color: var(--bg, var(--gunmetal));color: var(--color, var(--white));padding: var(--padding, 10px 20px);border: 2px solid var(--border-color, var(--gunmetal));border-radius: var(--radius-4);transition: var(--transition-1);}.btn-primary {--bg: var(--sefety-orange);--color: var(--white);--border-color: var(--sefety-orange);}.btn-primary:is(:hover, :focus) {--bg: transparent;--color: var(--sefety-orange);}.btn-secondary:is(:hover, :focus) {--bg: var(--sefety-orange);--border-color: var(--sefety-orange);}.btn-outline {--bg: transparent;--color: var(--sefety-orange);--border-color: var(--sefety-orange);--padding: 10px 28px;font-weight: var(--fw-500);}.btn-outline:is(:hover, :focus) {--color: var(--white);--bg: var(--sefety-orange);}.has-shape {position: relative;z-index: 1;}.shape {position: absolute;z-index: -1;}.w-100 {width: 100%;}.title-wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;gap: 30px;margin-block-end: 60px;}.grid-list {display: grid;gap: 30px;}.card-text {font-size: var(--fs-4);}.btn-link{display: flex;align-items: center;gap: 5px;color: var(--gunmetal);font-weight: var(--fw-500);transition: var(--transition-1);}.btn-link:is(:hover, :focus){color: var(--sefety-orange);}.img-holder{aspect-ratio: var(--width) / var(--height);background-color: var(--light-gray);}.img-cover{width: 100%;height: 100%;object-fit: cover;transition: var(--transition-2);}.hover\:underline{display: inline;background-image: linear-gradient(to right, var(--gunmetal),var(--gunmetal));background-repeat: no-repeat;max-width: max-content;background-position-y: bottom;background-size: 0 2px;transition: var(--transition-2);}.hover\:underline:is(:hover, :focus){background-size: 100% 2px;}.header {position: absolute;top: 0;left: 0;width: 100%;padding-block: 25px;z-index: 4;}.header.active {position: fixed;background-color: var(--white);box-shadow: var(--shadow-1);transform: translateY(-100%);animation: slideIn 0.5s ease forwards;}@keyframes slideIn {0% {transform: translateY(-100%);}100% {transform: translateY(0);}}.header .container {display: flex;justify-content: space-around;align-items: center;}.nav-open-btn {background-color: var(--gunmetal_10);color: var(--gunmetal);font-size: 20px;padding: 10px;border-radius: var(--radius-circle);transition: var(--transition-1);right: 20px;}.nav-open-btn ion-icon {--ionicon-stroke-width: 50px;}.nav-open-btn:is(:hover, :focus) {background-color: var(--sefety-orange);color: var(--white);}.navbar {position: fixed;top: 0;left: -450px;width: calc(100% - 70px);max-width: 450px;height: 100vh;background-color: var(--cultured);z-index: 1;visibility: hidden;transition: 0.25s var(--cubic-in);}.navbar.active {transform: translate(450px);visibility: visible;transition: 0.5s var(--cubic-out);}.navbar-title {color: var(--black_40);text-align: center;padding: 12px;border-block-end: 1px solid var(--black_15);}.navbar-item {border-block-end: 1px solid var(--black_15);}.navbar-link {color: var(--gunmetal);padding: 15px 30px;transition: var(--transition-1);}.navbar-link:is(:hover, :focus) {color: var(--sefety-orange);}.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: var(--black_25);opacity: 0;transition: var(--transition-1);pointer-events: none;}.overlay.active {pointer-events: all;opacity: 1;}header[dir="rtl"] .container {flex-direction: row-reverse;}.hero {padding-block-start: calc(var(--section-padding) + 90px);}.hero .container {display: grid;gap: 40px;}.hero .section-text {margin-block: 25px 40px;}.hero-banner .w-100 {max-width: 70%;margin-inline: auto;}.hero .shape {bottom: -10px;left: 10px;}.section.media {padding: 50px 50;background-color: #f9f9f9;}.media .container {max-width: 1200px;margin: 0 auto;padding: 20px;}.media .title-wrapper {text-align: center;margin-bottom: 30px;}.media .media-content {display: flex;flex-direction: column;gap: 20px;justify-content: center;}.media .media-item {flex: 1 1 100%;max-width: 100%;}.media .media-title {font-size: 1.5rem;margin-bottom: 10px;}.media video, .media audio {width: 100%;border-radius: 8px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);max-height: 225px;}.media .poster-item,.audio-item {display: flex;align-items: center;gap: 30px;max-width: 460px;margin: 20px;}.media .video-item{display: flex;align-items: center;gap: 30px;max-width: 460px;margin: 20px;}.media .media-poster {width: 80%;border-radius: 8px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.image img {width: 20%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}.podcast {display: flex;align-items: center;margin-bottom: 20px;}.podcast-image {width: 100px;height: 100px;margin-right: 20px;border-radius: 8px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.podcast-details {flex: 1;width: 400px;}.podcast-title {font-size: 1.2rem;margin-bottom: 10px;}.audio-item audio {width: 100%;}@media (max-width: 768px) {.media .media-content {flex-direction: column;}.media .media-item {max-width: 100%;}.media .poster-item, .audio-item, .video-item {max-width: 100%;flex-direction: column;}.media .media-poster {width: 100%;}.podcast-details {max-width: 80%;padding: 30px;}}.service {background-color: var(--snow);}.service .section-text {margin-block-end: 20px;}.service-card {background-color: var(--white);padding: 50px 30px;border-radius: var(--radius-4);box-shadow: var(--shadow-2);}.service-card .card-title {margin-block: 35px 20px;transition: var(--transition-1);}.service-card .card-title:is(:hover, :focus) {color: var(--sefety-orange);}.service .shape-2 {display: none;}.service .shape-1 {bottom: 0;left: -50px;}.about{background-color: var(--snow);}.about .container{display: grid;gap: 50px;}.about-banner .w-100{max-width: 90%;}.about .shape{top: -25px;right: -5px;}.about .section-text{font-size: unset;margin-block: 30px 40px;}.about .btn{max-width: max-content;}.team .section-title {margin-block-end: 30px;font-size: 2.5rem;text-align: center;}.project-list {display: flex;flex-wrap: wrap;gap: 60px;}.project-card .card-banner {margin-block-end: 35px;}.project-card .img-holder {overflow: hidden;}.project-card:is(:hover, :focus-within) .img-cover {transform: scale(1.2);}.project-card .card-content {display: flex;justify-content: space-between;align-items: center;gap: 25px;}.project-card .h3 {--fs-2: 2.4rem;margin-block-end: 4px;}.project-card .card-tag {font-size: var(--fs-4);}.project-card .card-link {color: var(--gunmetal);font-size: 22px;padding: 14px;border-radius: var(--radius-circle);transform: rotate(-45deg);transition: var(--transition-1);}.project-card .card-link:is(:hover, :focus) {background-color: var(--sefety-orange_10);color: var(--sefety-orange);}.container {max-width: 1200px;margin: 0 auto;padding: 0 1rem;}.title-wrapper {text-align: center;margin-bottom: 2rem;}.section-title .span {color: #4A90E2;}.grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;}.card-bg-image-section {position: relative;overflow: hidden;border-radius: 0.5rem;transition: transform 0.3s ease;box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);text-align: center;padding: 1rem;}.card-bg-image-section:hover {transform: scale(1.03);}.flex {display: flex;justify-content: center;align-items: center;overflow: hidden;}.team-img {width: 100%;height: 24rem;object-fit: cover;margin: 1rem;border-radius: 0.5rem;}.team .card-content {padding: 1rem;text-align: center;display: flex;flex-direction: column;}.team .card-title {font-size: 1.8rem;color: #333;}.card-position {font-size: 1.6rem;color: #444;}.social-links {margin: 2rem 0;display: flex;justify-content: center;gap: 1rem;}.card-bio{font-size: 1.5rem;color: #666;}.social-icon {color: #000;transition: color 0.3s;}.social-icon:hover {color: #4A90E2;}.btn-modal {margin-top: 0.5rem;padding: 0.5rem 1rem;color: #4278b2;border-radius: 0.3rem;cursor: pointer;transition: background-color 0.3s ease;}.btn-modal:hover {border: 1px solid #4278b2;}.modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;}.modal-content {background-color: #fff;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;max-width: 600px;position: relative;}.close {color: #aaa;float: right;font-size: 28px;font-weight: bold;}.close:hover, .close:focus {color: black;text-decoration: none;cursor: pointer;}.modal-body {text-align: center;}.modal-img {width: 100%;height: auto;margin-bottom: 20px;}.modal-title {font-size: 1.8em;margin-bottom: 1rem;}.modal-position {font-size: 1em;color: #777;}.modal-content .modal-text {width: 60%;}.modal-bio {margin-top: 20px;}.modal-navigation {display: flex;justify-content: space-between;margin-top: 20px;}.nav-btn {background-color: transparent;color: gray;border: none;font-size: 24px;cursor: pointer;}.nav-btn:hover {color: #ccc;}.blog .grid-list{gap: 50px;}.blog-card .card-banner{position: relative;overflow: hidden;}.blog-card .card-banner:is(:hover, :focus) .img-cover{transform: scale(1.2);}.blog-card .card-tag{position: absolute;bottom: 10px;right: 10px;background-color: var(--white);color: var(--gunmetal);font-size: var(--fs-5);font-weight: var(--fw-500);text-transform: uppercase;padding: 4px 10px;border-radius: var(--radius-pill);transition: var(--transition-1);}.blog-card .card-tag:is(:hover, :focus){background-color: var(--sefety-orange);color: var(--white);}.blog-card:is(.meta-list, .meta-item){display: flex;align-items: center;}.blog-card .meta-list{column-gap: 20px;flex-wrap: wrap;margin-block: 25px 15px;}.blog-card .meta-item{column-gap: 5px;}.blog-card .meta-item-text{color: var(--sonic-silver);}.blog-card .h3 {--fs-2:2.8rem}.blog-card .btn-link{font-size: var(--fs-4);margin-block-start: 20px;}.partners-section {padding: 50px 0;text-align: center;}.partners-headline {font-size: 2.5em;margin-bottom: 20px;}.partners-paragraph {font-size: 1.2em;margin-bottom: 40px;max-width: 700px;margin-left: auto;margin-right: auto;}.partners-logos {display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}.partner-logo {width: 150px;height: auto;object-fit: contain;}.flex-container {display: flex;justify-content: center;}.full-width {width: 40%;margin-left: 24rem;}.contact-form {background-color: white;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);border-radius: 0.5rem;padding: 2rem;width: 100%;max-width: 62rem;margin: 2rem auto;display: flex;flex-direction: column;justify-content: space-around;}.contact-form h2 {font-size: 2rem;color: #333;margin-bottom: 1.5rem;text-align: center;}.contact-form-fields {display: flex;flex-direction: column;gap: 1.5rem;}.input-field {width: 100%;padding: 0.75rem;border: 1px solid #ddd;border-radius: 0.25rem;transition: border-color 0.3s ease;color: #333;}.input-field:focus {background-color: #f1f6f7;border-color: #3b82f6;outline: none;}.submit-container {display: flex;justify-content: center;}.submit-button {margin-top: 0.5rem;padding: 0.5rem 1rem;border-radius: 0.3rem;cursor: pointer;transition: background-color 0.3s ease;}.footer{color: var(--gunmetal);}.footer-top{display: grid;gap: 30px;border-block: 1px solid var(--light-gray);}.footer-link{font-size: var(--fs-4);transition: var(--transition-1);}.footer-link:is(:hover, :focus){color: var(--sefety-orange);}.footer-brand .footer-link:not(:last-of-type){margin-block: 30px 15px;}.social-list{display: flex;gap: 15px;margin-block-start: 25px;}.social-link{font-size: 20px;transition: var(--transition-1);}.social-link:is(:hover, :focus){color: var(--sefety-orange);}.footer-list .footer-link{padding-block: 5px;}.footer-list-title{margin-block-end: 20px;}.copyright{padding-block: 35px;text-align: center;}@media (min-width: 575px) {:root{--fs-1: 5rem;}.container{max-width: 540px;width: 100%;margin-inline: auto;}.hero-banner .w-100 {max-width: 100%;}.hero .shape{bottom: 0;left: -50px;}.service .grid-list{grid-template-columns: 1fr 1fr;column-gap: 25px;}.project-list > * {min-width: 100%;}.footer-top {grid-template-columns: 1fr 1fr;}}@media (min-width: 768px) {.container {max-width: 720px;}.grid-list {grid-template-columns: 1fr 1fr;}.hero .container {grid-template-columns: 1fr 0.8fr;align-items: center;}.service .title-wrapper > * {max-width: calc(50% - 30px);align-items: flex-start;}.service .section-text {margin-block: 0;}.about .container {grid-template-columns: 1fr 1fr;align-items: center;}.project-list > * {min-width: calc(50% - 30px);width: calc(50% - 30px);}}@media (min-width: 992px) {:root{--fs-1: 6.5rem;--section-padding: 120px;}.container{max-width: 960px;}.h2{--fs-1: 5.5rem}.section-text{--fs-3: 2.4rem;}.btn{--padding: 10px 32px;font-weight: var(--fw-500);}.btn-secondary{--padding: 14px 32px}.footer-top{grid-template-columns: 1fr 0.7fr 0.7fr 0.7fr;}}@media (min-width: 1200px) {:root{--fs-1: 8rem;}.container{max-width: 1140px;}.h2{--fs-1: 7.2rem;}.grid-list{grid-template-columns: repeat(3, 1fr);}.nav-open-btn, .navbar-title{display: none;}.header .btn{display: block;}.navbar, .navbar.active{all: unset;margin-block-start: auto;}.navbar-list{display: flex;}.navbar-item{border: none;}.navbar-link{text-transform: uppercase;font-weight: var(--fw-500);}.service .grid-list{grid-template-columns: repeat(4, 1fr);}.team .title-wrapper > div {width: 75%;}.project-list > * {min-width: calc(33.33% - 40px);width: calc(33.33% - 40px);}.project-list > *:is(:first-child, :nth-child(2)){width: calc(50% - 30px);}}@media (min-width: 640px) {.grid {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 768px) {.grid {grid-template-columns: repeat(3, 1fr);}}@media (min-width: 1024px) {.grid {grid-template-columns: repeat(4, 1fr);}}@media (max-width: 768px) {.full-width {display: none;}.contact-form{width: 100%;}.header .container {flex-direction: row;justify-content: space-between;}.nav-open-btn{margin: 15px;}.modal {width: 90%;height: auto;}}