body{font-family:Tajawal,sans-serif;margin:0;background-color:#f5f5f5;color:#333;display:flex;flex-direction:column;min-height:100vh}*{box-sizing:border-box}section#faq{min-height:300px}@media (max-width: 768px){section#contact .logo img{height:120px}}header{background-color:#036;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}header .logo{font-size:1.5rem;font-weight:700}header nav a{color:#fff;text-decoration:none;margin:0 15px;padding:8px 15px;border-radius:8px;transition:background-color .3s,color .3s}header nav a:hover,header nav a.active{background-color:#ffc107;color:#036}header nav a:hover{background-color:#ffc107;color:#036}header nav a.active{border-bottom:2px solid #FFC107;padding-bottom:5px}section#hero{position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;text-align:center;opacity:1;transition:opacity 1s ease-in-out}section#hero:before{content:"";position:absolute;inset:0;background:#ffffffd9;z-index:1}section#hero *{position:relative;z-index:2}section#hero h1{font-size:2.8rem;margin-bottom:20px;color:#036}section#hero p{font-size:1.2rem;margin-bottom:30px;color:#036}section#hero .btn{background-color:#ffc107;color:#036;padding:12px 25px;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:background-color .3s}section#hero .btn:hover{background-color:#e0a800}section{padding:60px 20px;text-align:center;background-color:#fff;border-bottom:1px solid #ddd}section:nth-of-type(2n){background-color:#f9f9f9}section h2{font-size:2rem;color:#036;margin-bottom:20px}.stats-container{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin-top:30px}.stats-container .stat{background-color:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-width:150px}.stats-container .stat h2{font-size:2rem;color:#28a745;margin:0}.stats-container .stat p{margin:5px 0 0;color:#555}.video-wrapper iframe{width:80%;height:400px;border-radius:12px;border:none}.contact-links a{display:inline-block;margin:10px;padding:10px 15px;background-color:#ffc107;color:#036;border-radius:6px;text-decoration:none;transition:background-color .3s}.contact-links a:hover{background-color:#e0a800}footer{background-color:#036;color:#fff;padding:15px 20px;text-align:center;font-size:.8rem;line-height:1.6;margin-top:auto}@media (max-width: 768px){header{flex-direction:column;align-items:flex-start}header nav{margin-top:10px}.feature-cards,.stats-container{flex-direction:column;align-items:center}.video-wrapper iframe{width:100%;height:250px}}.pricing-cards{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:30px}.pricing-cards .card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;width:300px;overflow:hidden;transition:transform .3s,box-shadow .3s}.pricing-cards .card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.pricing-cards .card-header{background-color:#036;color:#fff;padding:15px;font-size:1.2rem;font-weight:700}.pricing-cards .card-header.bg-warning{background-color:#ffc107;color:#036}.pricing-cards .card-header.bg-dark{background-color:#333;color:#fff}.pricing-cards .card-body{padding:20px;text-align:center}.pricing-cards .card-body h2{color:#036;margin-bottom:20px;font-size:1.8rem}.pricing-cards .card-body ul{text-align:right;padding:0 20px;margin-bottom:20px}.pricing-cards .card-body ul li{list-style:none;margin-bottom:10px;font-size:1rem;color:#555}.pricing-cards .btn-orange{background-color:#ffc107;color:#036;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:700;transition:background-color .3s;display:inline-block}.pricing-cards .btn-orange:hover{background-color:#e0a800;color:#036}.shake-on-hover{display:inline-block;transition:transform .3s}.shake-on-hover:hover{animation:shake .5s;animation-iteration-count:1}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}#contact1{background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;padding:20px 0;width:100%}.payment-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px}.payment-title{font-size:1.4rem;font-weight:700;color:#036;font-family:Tajawal,sans-serif}.payment-icons{display:flex;flex-wrap:wrap;gap:15px}.payment-icons img{height:60px;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease,box-shadow .3s ease;background-color:#fff;padding:5px;border-radius:6px}.payment-icons img:hover{transform:scale(1.05);box-shadow:0 4px 10px #0000001a}.feature-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.feature-cards .card{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;width:calc(25% - 20px);max-width:300px;text-align:center;transition:transform .3s}.feature-cards .card:hover{transform:translateY(-5px)}@media (max-width: 1200px){.feature-cards .card{width:calc(33.33% - 20px)}}@media (max-width: 768px){.feature-cards .card{width:calc(50% - 20px)}}@media (max-width: 480px){.feature-cards .card{width:100%}}#about-us details{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:10px;box-shadow:0 2px 6px #0000000d;transition:box-shadow .3s}#about-us details:hover{box-shadow:0 4px 12px #0000001a}#about-us summary{cursor:pointer;font-weight:700;color:#036;font-size:1.2rem;display:flex;align-items:center;gap:5px}#about-us summary i{color:#ffc107}#about-us details[open] summary:after{content:"▲";font-size:.8rem;margin-right:5px;color:#036}#about-us summary:after{content:"▼";font-size:.8rem;margin-right:5px;color:#036}#about-us ul{list-style:none;padding:0;margin-top:10px}#about-us ul li{margin-bottom:8px;font-size:1.05rem}#about-us ul li i{color:#28a745;margin-left:5px}#value details{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:10px;box-shadow:0 2px 6px #0000000d;transition:box-shadow .3s}#value details:hover{box-shadow:0 4px 12px #0000001a}#value summary{cursor:pointer;font-weight:700;color:#036;font-size:1.2rem;display:flex;align-items:center;gap:5px}#value summary i{color:#ffc107}#value details[open] summary:after{content:"▲";font-size:.8rem;margin-right:5px;color:#036}#value summary:after{content:"▼";font-size:.8rem;margin-right:5px;color:#036}.progress-bar-outer{height:10px;background-color:#e9ecef;border-radius:8px;overflow:hidden}.progress-bar-inner{height:100%;background-color:#28a745;transition:width .5s ease-in-out}.progress-text{font-size:.8rem;color:#555;margin-top:5px}.btn-orange{background-color:#ffc107;color:#036;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:700;display:inline-block}.main-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.menu-toggle{display:none;background:none;font-size:24px;border:none;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3{font-size:2rem}@font-face{font-family:FontAwesome;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype");font-display:swap}@font-face{font-family:FontAwesomeBrands;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype");font-display:swap}@font-face{font-family:FontAwesomeRegular;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");font-display:swap}@font-face{font-family:FontAwesomeCompatibility;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");font-display:swap}@media (max-width: 768px){.main-nav{display:none;flex-direction:column;background-color:#002b5b;padding:10px}.main-nav.show{display:flex}.menu-toggle{display:inline-block;position:absolute;top:15px;left:15px;color:#fff}.logo{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%}}/*!*@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');*!*//*!* Hero Section *!*//*!* Stats *!*//*!* Video *!*//*!* Contact *!*//*!* Footer *!*//*!* Media Queries *!*//*!* Pricing Cards *!*//*!* Shake on Hover *!*//*!* Payment Section *!*//*!* Feature Cards *!*//*!* About Us + Value *!*/