@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}.App{font-family:Tajawal,serif;text-align:center}.NavbarItems{background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 30px;box-shadow:0 5px 15px #00000040;width:95%;height:80px;border-radius:13px;position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999}.navbar-logo{color:#222;font-size:2rem;cursor:pointer}.nav-menu{display:grid;grid-template-columns:repeat(6,auto);gap:10px;list-style:none;align-items:center}.nav-links{text-decoration:none;color:#222;font-size:1.2rem;font-weight:600;padding:.7rem 1rem;white-space:nowrap}.nav-links i{padding-right:10px}.nav-links:hover{background-color:#01959a;color:#fff;border-radius:4px;transition:all .2s ease-in-out}.menu-icons{display:none}@media screen and (max-width: 850px){.NavbarItems{z-index:99}.nav-menu{display:flex;flex-direction:column;justify-content:flex-start;background:#fff;width:100%;height:auto;position:absolute;top:0;left:-100%;opacity:0;align-items:stretch;padding:80px 0 30px;margin:0;transition:.3s ease-in-out;border-radius:13px}.nav-menu.active{left:0;opacity:1;z-index:-1;transition:.3s ease-in-out}.nav-links{display:block;width:100%;font-size:1.2rem;padding:2rem 0}.nav-links:hover{background-color:#01959a;transition:none}.menu-icons{display:block;cursor:pointer}.menu-icons i{font-size:1.2rem;color:#222}}.hero{width:100%;height:100vh;position:relative}.hero-mid{width:100%;height:70vh;position:relative}.hero-mid h1{padding-top:4rem!important}img{width:100%;height:100%;object-fit:cover}.hero-text{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%}.hero-text h1{font-size:4rem;font-weight:800;background-color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:1.8rem;color:#fff;padding:.5rem 0 2rem}.hero-text .show{text-decoration:none;background-color:#fff;padding:1rem 2rem;border-radius:6px;font-size:1.1rem;font-weight:700;letter-spacing:2px;color:#222}.hero-text .hide{display:none}@media screen and (max-width: 555px){.hero-text h1{padding:10px 20px}.hero-text p{font-size:1.4rem;padding:0 0 2rem}.hero-text .show{padding:.6rem 1.1rem;border-radius:6px;font-size:1rem}}.destination{margin:4rem 6rem}.destination h1{font-size:3rem}.destination p{font-size:1.3rem;font-weight:500;color:#4d4949}.first-desc{display:flex;align-items:center;justify-content:space-between;margin-top:4.5rem}.first-desc-reverse{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;margin-top:4.5rem;margin-bottom:4.5rem}.desc-text{width:45%;text-align:start;font-size:1.1rem}.desc-text h2{padding-bottom:1rem}.desc-text p{padding-bottom:1rem;font-size:1.5rem}.image{position:relative;width:50%;display:flex;justify-content:space-between;z-index:-99}.image img{width:49%;height:350px;object-fit:cover;border-radius:6px;box-shadow:-1px 1px 62px -18px #00000030}.image img:nth-child(2){position:absolute;top:-10%;right:0}@media screen and (max-width: 850px){.destination{margin:4rem 2rem}.first-desc,.first-desc-reverse{display:flex;flex-direction:column;margin-top:2.5rem}.desc-text{width:100%}.image{width:100%;margin:1.8rem 0}.image img{height:250px}}.trip{margin:4rem 6rem;color:#2a2a2a}.trip h1{font-size:3rem;padding-top:2rem}.trip p{font-size:1.5rem}.trip-card{margin-top:3rem;display:flex;justify-content:space-between}.t-card{width:32%;text-align:start;box-shadow:0 5px 25px 2px #0000001c;border-radius:7px;cursor:pointer;padding:1rem .8rem}.t-image{height:200px;overflow:hidden;border-radius:7px}.t-image img{width:100%;height:100%;transition:.3s ease-in-out;border-radius:7px}.t-image:hover img{transform:scale(1.3)}.t-card h4{font-size:1.3rem;padding:.9rem 0 .2rem}@media screen and (max-width: 850px){.trip{margin:4rem 2rem}.trip-card{margin-top:3rem;display:flex;flex-direction:column;justify-content:space-between}.t-card{width:100%;margin-bottom:1.5rem}}.footer{padding:4rem 6rem;background-color:#000;color:#fff}.top{display:flex;align-items:center;text-align:start;justify-content:space-between;flex-wrap:wrap}.top i{color:#fff;font-size:2rem;margin-left:1rem}.top i:hover{color:#01959a}.low{padding-top:2rem;text-align:start;display:flex;justify-content:space-between;flex-wrap:wrap}.low div{display:flex;flex-direction:column}.low h4{font-size:1.3rem;padding:1rem 0 .8rem}.low a{text-decoration:none;color:#fafafa;padding-bottom:.4rem;font-size:1.1rem}@media screen and (max-width: 850px){.footer{padding:4rem 2rem}.footer i{margin:1rem 1rem 0 0}.low div{width:50%}}.about-container{margin:4rem 6rem;text-align:start;padding:3rem;background:#f8f8f8;border-radius:10px;box-shadow:0 5px 15px #0000001a;direction:rtl;text-align:right}.about-section{background:#fff;padding:2rem;margin-bottom:2rem;border-radius:8px;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease-in-out}.about-section:hover{transform:translateY(-5px)}.about-container h1{padding-bottom:1rem;color:#2a2a2a;font-size:2.5rem;font-weight:700;border-bottom:3px solid #01959a;display:inline-block;padding-bottom:.5rem}.about-container p{padding:1.5rem;line-height:1.8;font-size:1.1rem;color:#555;border:2px solid #01959a;border-right:5px solid #01959a;border-left:none;border-radius:8px;background:#fff;box-shadow:0 3px 10px #0000000d;transition:.3s ease-in-out;text-align:right}.about-container p:hover{background:#01959a;color:#fff;border-color:#01959a}@media screen and (max-width: 850px){.about-container{margin:4rem 2rem;padding:2rem}.about-section{padding:1.5rem}.about-container h1{font-size:2rem}.about-container p{font-size:1rem}}.service-container{margin:4rem 6rem;text-align:center;padding:3rem;background:#f8f8f8;border-radius:10px;box-shadow:0 5px 15px #0000001a}.service-container h1{font-size:3rem;font-weight:700;color:#2a2a2a;border-bottom:3px solid #01959a;display:inline-block;padding-bottom:.5rem;margin-bottom:1rem}.service-container p{font-size:1.5rem;color:#555;margin-bottom:2rem}.service-cards{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.service-card{width:48%;background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 12px #0000000d;border:2px solid #01959a;border-left:5px solid #01959a;transition:transform .3s ease-in-out,background .3s ease-in-out}.service-card:hover{transform:translateY(-5px);background:#01959a;color:#fff}.service-card h2{font-size:1.8rem;margin-bottom:.5rem}.service-card p{font-size:1.5rem;line-height:1.6}@media screen and (max-width: 850px){.service-container{margin:4rem 2rem;padding:2rem}.service-cards{flex-direction:column;align-items:center}.service-card{width:100%}}.form-container{margin:4rem 6rem;color:#2a2a2a;text-align:center}.form-container form{padding-top:3rem;display:flex;flex-direction:column;width:50%;margin:auto}.form-container input,.form-container textarea{font-size:1rem;padding:1rem;margin-bottom:2rem;border-radius:.3rem;border:1px solid #2a2a2a;background:#f9f9f9;transition:all .3s ease-in-out}.form-container input:focus,.form-container textarea:focus{outline:none;border-color:#01959a;box-shadow:0 0 8px #ff5a5f4d}.form-container textarea{resize:none;height:150px;overflow-y:auto}.form-container button{background:gray;color:#fff;font-size:1.1rem;font-weight:700;padding:1rem;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease-in-out,transform .2s}.form-container button:hover{background:#000;transform:translateY(-2px)}.form-container button:active{transform:scale(.98)}@media screen and (max-width: 850px){.form-container{margin:4rem 2rem}.form-container form{padding-top:2rem;width:90%}}