body{background-color:#f5f5f5;color:#333;display:flex;flex-direction:column;font-family:Tajawal,sans-serif;margin:0;min-height:100vh}*{box-sizing:border-box}section#faq{min-height:300px}@media (max-width:768px){section#contact .logo img{height:120px}}header{align-items:center;background-color:#036;color:#fff;display:flex;justify-content:space-between;padding:15px 30px;position:sticky;top:0;z-index:1000}header .logo{font-size:1.5rem;font-weight:700}header nav a{border-radius:8px;color:#fff;margin:0 15px;padding:8px 15px;text-decoration:none;transition:background-color .3s,color .3s}header nav a.active,header nav a:hover{background-color:#ffc107;color:#036}header nav a.active{border-bottom:2px solid #ffc107;padding-bottom:5px}section#hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:350px;opacity:1;overflow:hidden;padding:60px 20px;position:relative;text-align:center;transition:opacity 1s ease-in-out}section#hero:before{background:#ffffffd9;content:"";inset:0;position:absolute;z-index:1}section#hero *{position:relative;z-index:2}section#hero h1{color:#036;font-size:2.8rem;margin-bottom:20px}section#hero p{color:#036;font-size:1.2rem;margin-bottom:30px}section#hero .btn{background-color:#ffc107;border:none;border-radius:8px;color:#036;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 25px;text-decoration:none;transition:background-color .3s}section#hero .btn:hover{background-color:#e0a800}section{background-color:#fff;border-bottom:1px solid #ddd;padding:60px 20px;text-align:center}section:nth-of-type(2n){background-color:#f9f9f9}section h2{color:#036;font-size:2rem;margin-bottom:20px}.contact-links a{background-color:#ffc107;border-radius:6px;color:#036;display:inline-block;margin:10px;padding:10px 15px;text-decoration:none;transition:background-color .3s}.contact-links a:hover{background-color:#e0a800}footer{background-color:#036;color:#fff;font-size:.8rem;line-height:1.6;margin-top:auto;padding:15px 20px;text-align:center}@media (max-width:768px){header{align-items:flex-start;flex-direction:column}header nav{margin-top:10px}.feature-cards{align-items:center;flex-direction:column}}.pricing-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.pricing-cards .card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s;width:300px}.pricing-cards .card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.pricing-cards .card-header{background-color:#036;color:#fff;font-size:1.2rem;font-weight:700;padding:15px}.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;font-size:1.8rem;margin-bottom:20px}.pricing-cards .card-body ul{margin-bottom:20px;padding:0 20px;text-align:right}.pricing-cards .card-body ul li{color:#555;font-size:1rem;list-style:none;margin-bottom:10px}.pricing-cards .btn-orange{background-color:#ffc107;border-radius:8px;color:#036;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s}.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-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:20px 0;text-align:center;width:100%}.payment-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.payment-title{color:#036;font-family:Tajawal,sans-serif;font-size:1.4rem;font-weight:700}.payment-icons{display:flex;flex-wrap:wrap;gap:15px}.payment-icons img{background-color:#fff;border-radius:6px;height:60px;-o-object-fit:contain;object-fit:contain;padding:5px;transition:transform .3s ease,box-shadow .3s ease}.payment-icons img:hover{box-shadow:0 4px 10px #0000001a;transform:scale(1.05)}.feature-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.feature-cards .card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:300px;padding:20px;text-align:center;transition:transform .3s;width:calc(25% - 20px)}.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;box-shadow:0 2px 6px #0000000d;margin-bottom:10px;padding:15px;transition:box-shadow .3s}#about-us details:hover{box-shadow:0 4px 12px #0000001a}#about-us summary{align-items:center;color:#036;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:5px}#about-us summary i{color:#ffc107}#about-us details[open] summary:after{color:#036;content:"▲";font-size:.8rem;margin-right:5px}#about-us summary:after{color:#036;content:"▼";font-size:.8rem;margin-right:5px}#about-us ul{list-style:none;margin-top:10px;padding:0}#about-us ul li{font-size:1.05rem;margin-bottom:8px}#about-us ul li i{color:#28a745;margin-left:5px}#value details{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:10px;padding:15px;transition:box-shadow .3s}#value details:hover{box-shadow:0 4px 12px #0000001a}#value summary{align-items:center;color:#036;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:5px}#value summary i{color:#ffc107}#value details[open] summary:after{color:#036;content:"▲";font-size:.8rem;margin-right:5px}#value summary:after{color:#036;content:"▼";font-size:.8rem;margin-right:5px}.btn-orange{background-color:#ffc107;border-radius:8px;color:#036;display:inline-block;font-weight:700;padding:12px 20px;text-decoration:none}.main-nav{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.menu-toggle{background:none;border:none;cursor:pointer;display:none;font-size:24px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}h1,h2,h3{font-size:2rem}@font-face{font-display:swap;font-family:FontAwesome;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-display:swap;font-family:FontAwesomeBrands;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-display:swap;font-family:FontAwesomeRegular;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-display:swap;font-family:FontAwesomeCompatibility;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype")}@media (max-width:768px){.main-nav{background-color:#002b5b;display:none;flex-direction:column;padding:10px}.main-nav.show{display:flex}.menu-toggle{color:#fff;display:inline-block;left:15px;position:absolute;top:15px}.logo{align-items:center;display:flex;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 *!*/