@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,serif}.App{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:#151516;font-size:2rem;cursor:pointer}.nav-menu{display:grid;grid-template-columns:repeat(6,auto);grid-gap:10px;list-style:none;align-items:center;transition:all .3s ease-in-out}.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}.nav-links-mobile{display:none}button{padding:.5rem 1rem;white-space:nowrap;border-radius:.3rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:.2s ease-in-out}button:hover{background-color:#151516;color:#fff}.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-color:#fff;width:100%;height:auto;position:absolute;top:90px;left:-100%;opacity:0;align-items:stretch;padding:80px 0 30px;margin:0;z-index:-1;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;text-align:center}.nav-links:hover{background:#01959a;transition:none}button{display:none}.nav-links-mobile{display:block;text-align:center;padding:1.5rem;margin:auto;border-radius:4px;width:80%;background-color:#01959a;text-decoration:none;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:2px}.menu-icons{display:block;cursor:pointer}.menu-icons{font-size:1.2rem;color:#222}}.hero{width:100%;height:100vh;position:relative;align-items:center;justify-content:center}.hero-mid{width:100%;height:70vh;position:relative}.hero-mid h1{padding-top:10rem!important}img{width:100%;height:100%;object-fit:cover}.hero-text{text-align:center;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;color:#fff}.hero-text h1{font-family:Georgia,serif;font-size:60px;line-height:1.8;color:#e3f7ec;text-transform:uppercase;letter-spacing:2px;text-align:center;text-shadow:3px 3px 5px rgba(0,0,0,.3);padding:20px;border-radius:10px}.hero-text p{font-size:1.3rem;margin-bottom:1.5rem;padding:.5rem .2rem 0}.hero-text .show{text-decoration:none;background:#fff;padding:1rem 2rem;border-radius:6px;font-size:1.1rem;font-weight:700;letter-spacing:2px;color:#222;transition:background-color .3s ease,transform .3s ease}.hero-text .hide{display:none}.hero-text .show:hover{background-color:#f0f0f0;transform:scale(1.05)}@media screen and (max-width: 555px){.hero-text h1{padding:1.1rem}.hero-text p{font-size:1.1rem;padding:0 0 2rem}.hero-text .show{padding:.6rem 1.1rem;border-radius:6px;font-size:1rem}}.destination{margin:4rem 6rem}.destination .heading{font-size:3.5rem;font-family:Georgia,serif;font-weight:700;text-align:center;color:#1a1a2e;text-shadow:3px 3px 6px rgba(0,0,0,.4),0 0 10px rgba(255,255,255,.3);margin:30px auto;padding:10px;background:linear-gradient(135deg,#fff,#d4e157);border-radius:15px;box-shadow:0 4px 15px #0003;display:inline-block}.destination .heading span{color:#d50000;font-style:italic;text-shadow:2px 2px 4px rgba(255,87,34,.5)}.first-des{display:flex;align-items:flex-start;justify-content:space-between;margin-top:4.5rem;gap:2rem}.des-text{background:linear-gradient(135deg,#f7f7f7,#e7f0f7);padding:20px;border-radius:10px;box-shadow:0 4px 15px #0003;max-width:500px;margin:0;text-align:justify;flex:1}.des-text h2{font-family:Georgia,serif;font-size:2.5rem;text-align:center;color:#2b2d42;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:15px}.des-text p{font-family:Arial,sans-serif;font-size:1.1rem;line-height:1.8;color:#333}.des-text p:first-letter{font-size:2rem;font-weight:700;color:#2b2d42;margin-right:5px;float:left}.image{position:relative;width:100%;display:flex;justify-content:space-between;gap:1.8rem;flex:2}.image img{width:950px;height:685px;object-fit:cover;border-radius:6px}@media screen and (max-width:850px){.destination{margin:4rem 2rem}.first-des,.first-des-reverse{display:flex;flex-direction:column-reverse;margin-top:4.5rem}.des-text{width:50%}.image{width:100%;margin:1.8rem 0}.image img{height:250px}}.destinations-list{padding:50px 20px;background-color:#f9f9f9;text-align:center}.destinations-list .heading{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:30px}.destinations-list .box-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.destinations-list .box{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;width:300px;transition:transform .3s,box-shadow .3s}.destinations-list .box:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0003}.destinations-list .box .image{height:200px;overflow:hidden}.destinations-list .box .image img{width:100%;height:100%;object-fit:cover}.destinations-list .box .content{padding:20px}.destinations-list .box .content h3{font-size:1.5rem;color:#444;margin-bottom:10px}.destinations-list .box .content p{font-size:1rem;color:#666;line-height:1.6}@media (max-width: 768px){.destinations-list .box-container{flex-direction:column;align-items:center}.destinations-list .box{width:90%}}.footer .btn.btn-social{margin-right:5px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:var(--light);font-weight:400;border:1px solid #FFFFFF;border-radius:35px;transition:.3s}.footer .btn.btn-social:hover{color:var(--primary)}.footer .btn.btn-link{display:block;margin-bottom:5px;padding:0;text-align:left;color:#fff;font-size:15px;font-weight:400;text-transform:capitalize;transition:.3s}.footer .btn.btn-link:before{position:relative;content:"";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:10px}.footer .btn.btn-link:hover{letter-spacing:1px;box-shadow:none}.footer .copyright{padding:25px 0;font-size:15px;border-top:1px solid rgba(256,256,256,.1)}.footer .copyright a{color:var(--light)}.footer .footer-menu a{margin-right:15px;padding-right:15px;border-right:1px solid rgba(255,255,255,.1)}.footer .footer-menu a:last-child{margin-right:0;padding-right:0;border-right:none}