*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f8f8f8}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{position:relative;height:60vh;background:linear-gradient(#00000080,#00000080),url(/images/kaaba-two.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-overlay{position:absolute;inset:0;background:#00000080}.hero-content{position:relative;z-index:2}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#f4d03f}.hero-subtitle{font-size:1.2rem;margin-bottom:.5rem;color:#f4d03f}.hero-description{font-size:1rem;opacity:.9}.how-it-works{padding:80px 0;background-color:#fff;text-align:center}.how-it-works h2{font-size:1rem;color:#b8860b;margin-bottom:10px;font-weight:400}.how-it-works h3{font-size:2.5rem;color:#333;margin-bottom:60px;font-weight:700}.steps-container{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1000px;margin:0 auto}.step-item{text-align:center}.step-icon{width:80px;height:80px;background:linear-gradient(135deg,#f4d03f,#b8860b);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;color:#fff}.step-item h4{font-size:1.2rem;color:#333;font-weight:600}.visa-types{padding:80px 0;background-color:#f8f8f8}.visa-types h2{text-align:center;font-size:2.5rem;color:#333;margin-bottom:60px;font-weight:700}.visa-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:50px}.visa-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.visa-card:hover{transform:translateY(-5px)}.visa-image{height:250px;overflow:hidden}.visa-image img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:1!important;transition:none}.visa-content{padding:30px;text-align:center}.visa-content h4{font-size:1.3rem;color:#333;margin-bottom:0;font-weight:700}.visa-info{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000001a;text-align:center}.visa-info p{font-size:1.1rem;line-height:1.8;color:#555}.eligible-countries{padding:80px 0;background-color:#fff}.eligible-countries h2{text-align:center;font-size:2.5rem;color:#333;margin-bottom:60px;font-weight:700}.countries-section{margin-bottom:50px;text-align:center}.countries-section h3{font-size:1.8rem;color:#b8860b;margin-bottom:20px;font-weight:700}.countries-list{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.country{background:#f8f8f8;color:#333;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:500;border:2px solid transparent;transition:all .3s ease;display:inline-flex;align-items:center}.country:hover{background:linear-gradient(135deg,#f4d03f,#b8860b);color:#fff;border-color:#b8860b}@media (max-width: 768px){.hero-content h1,.how-it-works h3,.visa-types h2,.eligible-countries h2{font-size:2rem}.visa-cards-grid{grid-template-columns:1fr}.steps-container{grid-template-columns:1fr;gap:30px}.countries-list{justify-content:center}}@media (max-width: 480px){.hero-content h1{font-size:1.5rem}.how-it-works h3,.visa-types h2,.eligible-countries h2{font-size:1.8rem}.steps-container{grid-template-columns:1fr}}