:root{--united-nations-blue: hsl(125, 56%, 29%);--bright-navy-blue: hsl(133, 53%, 49%);--spanish-gray: hsl(0, 0%, 60%);--black-coral: hsl(225, 8%, 42%);--oxford-blue: hsl(208, 97%, 12%);--yale-blue: hsl(138, 33%, 38%);--blue-ncs: hsl(155, 100%, 36%);--gunmetal: hsl(206, 34%, 20%);--gainsboro: hsl(0, 0%, 88%);--cultured: hsl(0, 0%, 98%);--white: hsl(0, 0%, 100%);--black: hsl(0, 0%, 0%);--onyx: hsl(0, 0%, 25%);--jet: hsl(0, 0%, 20%);--ff-poppins: "Poppins", sans-serif;--ff-montserrat: "Montserrat", sans-serif;--fs-1: calc(20px + 3.5vw) ;--fs-2: calc(18px + 1.6vw) ;--fs-3: calc(16px + .45vw) ;--fs-4: 15px;--fs-5: 14px;--fs-6: 13px;--fs-7: 12px;--fs-8: 11px;--fw-500: 500;--fw-600: 600;--fw-700: 700;--fw-800: 800;--transition: .25s ease-in-out;--section-padding: 60px;--radius-15: 15px;--radius-25: 25px}html{scroll-behavior:smooth}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;outline:none;border:none;text-decoration:none}li{list-style:none}a{text-decoration:none}a,img,span,input,label,button,ion-icon{display:block}input,button{background:none;border:none;font:inherit}button{cursor:pointer}input{width:100%}ion-icon{pointer-events:none}html{font-family:var(--ff-poppins);scroll-behavior:smooth}body{background:var(--white)}.container{padding-inline:15px}.btn{color:var(--white);text-transform:uppercase;font-size:var(--fs-5);border-radius:100px;padding:var(--padding, 8px 18px);border:var(--border-width, 2px) solid transparent;transition:var(--transition)}.btn-primary{background:var(--bright-navy-blue);border-color:var(--bright-navy-blue)}.btn-primary:is(:hover,:focus){background:var(--yale-blue);border-color:var(--yale-blue)}.btn-secondary{border-color:var(--white)}.btn-secondary:is(:hover,:focus){background:#ffffff1a}.h1,.h2,.h3{font-weight:var(--fw-800);font-family:var(--ff-montserrat);text-transform:uppercase}.h1{color:var(--white);font-size:var(--fs-1)}.h2,.h3{color:var(--gunmetal)}.h2{font-size:var(--fs-2)}.h3{font-size:var(--fs-3);font-weight:var(--fw-700)}.section-subtitle{color:var(--bright-navy-blue);font-size:var(--fs-5);text-transform:uppercase;font-family:var(--ff-montserrat);margin-bottom:8px}.section-title{font-size:2rem;margin-bottom:15px}.section-text{color:var(--black-coral);margin-bottom:30px}.card-text{color:var(--black-coral);font-size:var(--fs-5)}.header{position:absolute;top:0;left:0;width:100%;padding-top:61px;z-index:4}.header-top{position:absolute;top:0;left:0;width:100%;transition:var(--transition);border-bottom:1px solid hsla(0,0%,100%,.1);padding-block:15px;z-index:1}.header.active .header-top{position:fixed;background:var(--gunmetal)}.header-top .container{display:flex;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center}.header-top .logo{margin-inline:auto}.header-top .logo img{max-width:100px;max-height:40px}.header-btn-group{justify-self:flex-end;display:flex;align-items:center;gap:10px;color:var(--white)}.nav-open-btn{font-size:30px;color:inherit}.header-bottom{border-bottom:1px solid hsla(0,0%,100%,.1)}.header-bottom .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 7%;top:0;left:0;right:0;position:fixed;z-index:9999}.header .btn{--padding: 4px 20px}.header .navbar{position:absolute;top:350%;right:-100%;width:30rem;height:100vh;background:var(--white);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.navbar.active{right:0}.navbar-top{display:flex;justify-content:space-between;align-items:center;padding:40px 15px}.navbar-top .logo img{width:150px}.nav-close-btn{font-size:20px;color:var(--bright-navy-blue)}.nav-close-btn ion-icon{--ionicon-stroke-width: 80px}.navbar-list{border-top:1px solid hsla(0,0%,0%,.1)}.navbar-list li{border-bottom:1px solid hsla(0,0%,0%,.1)}.navbar-link{padding:15px 20px;color:var(--jet);font-weight:var(--fw-500);font-size:var(--fs-4);transition:var(--transition);text-transform:capitalize}.navbar-link:is(:hover,:focus){color:var(--bright-navy-blue)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--black);opacity:0;pointer-events:none;z-index:2;transition:var(--transition)}.overlay.active{opacity:.7;pointer-events:all}.hero{background-image:url(/assets/hero-BW4w_3DA.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#000000d5;background-blend-mode:overlay;display:grid;place-items:center;min-height:600px;text-align:center;padding-top:125px}.hero-title{margin-bottom:20px;font-size:5rem}.hero-text{color:var(--white);font-size:var(--fs-5);margin-bottom:40px}.btn-group{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.about-us,.about-us-cards{padding:2rem;text-align:center}.about-us-cards h2{font-size:2rem;color:#333}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-template-rows:repeat(3,auto);gap:1.5rem}.card{background-color:#e6f7ff;border:1px solid #cce7ff;border-radius:8px;padding:1rem;box-shadow:0 4px 8px #0000001a;text-align:center}.card-icon{width:50px;height:50px;margin:0 auto 1rem;display:block}.card h3{font-size:1.2rem;margin-bottom:.5rem}.card p{font-size:.95rem;color:#555}.popular{padding-block:20px}.popular-list{justify-content:center}.popular-card{position:relative;overflow:hidden;border-radius:var(--radius-25);height:430px;-webkit-border-radius:var(--radius-25);-moz-border-radius:var(--radius-25);-ms-border-radius:var(--radius-25);-o-border-radius:var(--radius-25)}.popular-card .card-img{height:100%}.popular-card .card-img img{width:100%;height:100%;object-fit:scale-down}.popular-card .card-content{position:absolute;bottom:20px;left:20px;right:20px;background:var(--white);border-radius:var(--radius-25);padding:20px}.popular-card .card-rating{background:var(--bright-navy-blue);color:var(--white);position:absolute;top:0;right:25px;display:flex;align-items:center;gap:1px;transform:translateY(-50%);padding:6px 10px;border-radius:20px;font-size:14px}.popular-card .card-subtitle{color:var(--blue-ncs);font-size:var(--fs-6);text-transform:uppercase;margin-bottom:8px}.popular-card .card-title{margin-bottom:5px;font-size:1rem}.popular-card :is(.card-subtitle,.card-title)>a{color:inherit}.popular .btn{margin-inline:auto}.package{padding-block:var(--section-padding)}.package-list{margin-bottom:40px}.package-list>li:not(:last-child){margin-bottom:30px}.package-card{background:var(--cultured);overflow:hidden;border-radius:15px}.package-card .card-banner{height:250px}.package-card .card-banner img{width:100%;height:100%;object-fit:cover}.package-card .card-content{padding:30px 20px}.package-card .card-title{margin-bottom:15px}.package-card .card-text{line-height:1.6;margin-bottom:20px}.card-meta-list{background:var(--white);max-width:max-content;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:8px;box-shadow:0 0 5px #00000026;border-radius:50px}.card-meta-item{position:relative}.card-meta-item:not(:last-child):after{content:"";position:absolute;top:4px;right:-1px;bottom:4px;width:1px;background:#0000004d}.meta-box{display:flex;justify-content:center;align-items:center;gap:5px;padding-inline:9px;color:var(--black-coral);font-size:var(--fs-8)}.meta-box>ion-icon{color:var(--bright-navy-blue);font-size:13px}.package-card .card-price{background:var(--united-nations-blue);color:var(--white);padding:25px 20px;text-align:center}.package-card .card-price .wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 15px;margin-bottom:10px}.package-card .card-price .reviews{font-size:var(--fs-5)}.package-card .card-rating{display:flex;justify-content:center;align-items:center;gap:1px;font-size:14px}.package-card .price{font-size:2rem;font-family:var(--ff-montserrat);font-weight:var(--fw-800);margin-bottom:20px}.package-card .price span{font-size:var(--fs-7);font-weight:initial}.package .btn{margin-inline:auto}.gallery{padding-block:var(--section-padding)}.gallery-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery-image{width:100%;height:100%;border-radius:var(--radius-15);overflow:hidden}.gallery-image img{width:100%;height:100%;object-fit:cover}.contact-section{text-align:center;padding:2rem}.contact-header p{color:#555;margin-bottom:2rem}.contact-form-card{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:1000px;margin:0 auto}.contact-form-card h3{margin-bottom:1rem;color:#333}.contact-form .form-group{margin-bottom:1.5rem;text-align:left}.contact-form label{display:block;font-weight:700;margin-bottom:.5rem;color:#555}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.contact-form textarea{resize:none;font-family:Poppins,sans-serif}.submit-btn{background-color:var(--bright-navy-blue);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer}.submit-btn:hover{background-color:var(--yale-blue)}.footer-top{background:var(--gunmetal);padding-block:var(--section-padding);color:var(--gainsboro)}.footer-brand{margin-bottom:30px}.footer-brand img{width:180px}.footer-brand .logo{margin-bottom:20px;color:#fff;font-size:1.5rem;font-weight:700}.footer-text{font-size:var(--fs-5);line-height:1.7}.footer-contact{margin-bottom:30px}.contact-title{position:relative;font-family:var(--ff-montserrat);font-weight:var(--fw-500);margin-bottom:30px}.contact-title:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:2px;background:var(--bright-navy-blue)}.contact-text{font-size:var(--fs-5);margin-bottom:15px;max-width:200px}.contact-item{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:10px}.contact-item ion-icon{--ionicon-stroke-width: 40px}.contact-link,address{font-style:normal;color:var(--gainsboro);font-size:var(--fs-5)}.contact-link:is(:hover,:focus){color:var(--white)}.form-text{font-size:var(--fs-5);margin-bottom:20px}.footer-form .input-field{background:var(--white);font-size:var(--fs-5);padding:15px 20px;border-radius:100px;margin-bottom:10px}.footer-form .btn{width:100%}.footer-bottom{--gunmetal: hsl(205, 36%, 17%);background:var(--gunmetal);padding-block:20px;text-align:center}.copyright{color:var(--gainsboro);font-size:var(--fs-5);margin-bottom:10px}.copyright a{color:inherit;display:inline-block}.copyright a:is(:hover,:focus){color:var(--white)}.footer-bottom-list{display:flex;align-items:center;justify-content:center;gap:21px}.footer-bottom-list>li{position:relative}.footer-bottom-list>li:not(:last-child):after{content:"";position:absolute;top:3px;right:-10px;bottom:3px;width:1px;background:#fff3}.footer-bottom-link{color:var(--gainsboro);font-size:var(--fs-7);transition:var(--transition)}.footer-bottom-link:is(:hover,:focus){color:var(--white)}.go-top{position:fixed;bottom:15px;right:15px;width:35px;height:35px;background:var(--bright-navy-blue);color:var(--white);display:grid;place-items:center;font-size:18px;border-radius:6px;box-shadow:0 1px 3px #00000080;opacity:0;transform:translateY(10px);visibility:hidden;transition:var(--transition)}.go-top.active{opacity:.8;transform:translateY(0);visibility:visible}.go-top:is(:hover,:focus){opacity:1}@media (min-width: 580px){.container{max-width:580px;margin-inline:auto}.btn{--fs-5: 16px;--padding: 12px 30px}section:not(.cta) :is(.section-subtitle,.section-title,.section-text){text-align:center}.section-text{margin-bottom:40px}.card-text{--fs-5: 15px}.header{padding-top:83px}.helpline-box .icon-box{padding:14px}.header-top .logo img{max-width:unset}.search-btn{font-size:30px}.nav-open-btn{font-size:40px}.header .btn{--fs-5: 14px;--padding: 6px 20px}.hero{min-height:800px;padding-top:85px}.hero-text{--fs-5: 15px}.btn-group{gap:20px}.popular-card .card-content{right:auto}.footer .container{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-form{grid-column:span 2}.footer-bottom{text-align:left}.copyright{margin-bottom:0}.footer-bottom-list{justify-content:flex-end}}@media (min-width: 768px){:root{--fs-5: 15px}.container{max-width:800px}.section-text{max-width:60ch;margin-inline:auto}.card{padding:.75rem}.card-icon{width:40px;height:40px}.card h3{font-size:1rem}.card p{font-size:.85rem}.popular-list{display:grid;gap:30px;margin-bottom:5px}.popular-list>li:not(:last-child){margin-bottom:0}.popular-card .card-content{right:20px}.package-list{margin-bottom:50px}.package-list>li:not(:last-child){margin-bottom:40px}.package-card{display:grid;grid-template-columns:1.3fr 1.5fr 1fr}.package-card .card-banner{height:100%}.package-card .card-content{padding:40px}.package-card .card-price{display:grid;place-content:center}.package-card .card-price .wrapper{margin-bottom:15px}.gallery{padding-bottom:calc(var(--section-padding * 2))}.gallery-list{grid-template-columns:repeat(3,1fr);gap:20px}.gallery-image{border-radius:var(--radius-25)}.contact-form-card{padding:1.5rem}.submit-btn{width:100%}.form-wrapper{display:flex;justify-content:flex-start;align-items:center;gap:20px}.footer-form .input-field{margin-bottom:0}.footer-form .btn{width:max-content}}@media (min-width: 992px){.container{max-width:1050px}.header.active .header-top{position:unset;background:unset}.nav-open-btn{display:none}.header-bottom{border-bottom:none}.header.active .header-bottom{position:fixed;top:0;left:0;width:100%;background:var(--white);color:var(--onyx);box-shadow:0 2px 5px #00000014;transition:var(--transition)}.header-bottom .container{padding-block:0}.header .navbar{all:unset}.navbar-list{border-top:none;display:flex;justify-content:center;align-items:center}.navbar-list li{border-bottom:none}.navbar-link{color:var(--white);--fs-4: 16px;font-weight:unset;text-transform:uppercase;padding:20px 15px}.header.active .navbar-link{color:var(--onyx)}.header.active .navbar-link:is(:hover,:focus){color:var(--bright-navy-blue)}.header.active .social-link{color:var(--onyx);border-color:#00000026}.overlay{display:none}.hero .container{max-width:740px}.popular-list{place-items:center}.meta-box{--fs-8: 13px}.meta-box>ion-icon{font-size:15px}.footer-top .container{grid-template-columns:repeat(3,1fr);gap:50px}.footer-form{grid-column:unset}.form-wrapper{flex-direction:column}.footer-form .btn{width:100%}}@media (min-width: 1200px){:root{--section-padding: 100px}.container{max-width:1180px}.cards-container{grid-template-columns:repeat(3,1fr)}.header-bottom .container{display:flex;justify-content:center;align-items:center;position:absolute;top:4.5rem}}@media (max-width: 450px){html{font-size:55%}.section-title,.section-subtitle,.section-text{text-align:center;justify-content:center}.header-bottom{border-bottom:none}.header-top{position:fixed}.header-top .logo img{max-width:80px;max-height:40px;margin-left:3rem}.contact-title{font-size:1.5rem}.footer-brand img{width:120px;height:50px}}
