@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:"Poppins",sans-serif}:root{--PrimaryColor:hsl(199, 100%, 33%);--SecondaryColor:hsl(187, 85%, 43%);--gradientColor:linear-gradient(to right, hsl(187, 85%, 43%), hsl(199,100%,33%));--whiteColor:hsl(0, 0%, 100%);--blackColor:hsl(201, 33%, 16%);--textColor:hsl(240, 4%, 36%);--whiteColorDream:hsl(0, 0%, 93%);--greyText:rgb(190, 190, 190);--inputColor:rgb(239, 239, 239);--bodyColor:rgb(240, 240, 246);--cardBG:rgb(225, 225, 235);--cardBG:rgb(255, 255, 255)}html{scroll-behavior:smooth}a{text-decoration:none}li{list-style:none}.section{padding:4rem 0 2rem}.container{padding-left:1.5rem;padding-right:1.5rem}.icon{font-size:2rem;cursor:pointer}.flex{display:flex;align-items:center}.grid{display:grid;align-items:center}.btn{padding:.6rem 1.5rem;background:var(--gradientColor);border-radius:3rem;border:none;outline:none;cursor:pointer}.btn a{color:var(--whiteColor);font-weight:500}.btn:hover{background:var(--SecondaryColor)}.img,video{width:100%;height:auto}input{font-size:100%}body{background:var(--bodyColor)}@media screen and (min-width:1240px){.container{width:80%!important;margin:auto!important}.section{padding:6rem 0 4rem}}@media screen and (min-width:2560px){body{zoom:1.7}}.header{position:fixed;display:flex;align-items:center;justify-content:space-between;background:var(--whiteColorDream);width:100%;padding:1rem;z-index:1000;box-shadow:0 2px 4px rgba(2,15,29,.242)}.header .logo{color:var(--blackColor);font-weight:600;cursor:pointer;align-items:center;justify-content:center}.header .logo .icon{font-size:25px;color:var(--PrimaryColor);transform:translate(5px)}@media screen and (max-width:768px){.header .navBar{position:absolute;background:var(--whiteColorDream);height:-webkit-max-content;height:max-content;width:80%;padding:1rem;border-radius:1rem;top:-500rem;left:50%;transform:translate(-50%);z-index:2000;box-shadow:0 2px 4px rgba(2,15,29,.904);transition:.4s ease-in-out}.header .navBar .navList{flex-direction:column;justify-content:center;width:100%;margin:auto;padding:.5rem 0}.header .navBar .navList .navItem{padding:.5rem 0}.header .navBar .navList .navItem .navLink{color:var(--textColor);font-size:.9rem;font-weight:600}.header .navBar .navList .navItem .navLink:hover{color:var(--PrimaryColor)}.header .navBar .navList .btn{margin-top:1rem}.header .navBar .navList .btn a{font-weight:600;color:var(--whiteColor)}.header .navBar .closeNavbar{position:absolute;top:1rem;right:1.5rem;color:var(--PrimaryColor)}.header .navBar .closeNavbar:hover{color:var(--SecondaryColor)}.header .activeNavBar{top:7rem}}.header .toggleNavbar .icon{font-size:25px;color:var(--PrimaryColor)}.header .toggleNavbar:hover{color:var(--SecondaryColor)}@media screen and (min-width:769px){.toggleNavbar,.closeNavbar{display:none}.header{padding:1.5rem 2rem}.header .navBar .navList{display:flex;align-items:center;justify-content:center;flex-direction:row}.header .navBar .navList .navItem .navLink{color:var(--textColor);padding:0 .45rem;font-size:.9rem;font-weight:500}.header .navBar .navList .navItem .navLink:hover{color:var(--PrimaryColor)}.header .navBar .navList .btn{margin-left:1rem}.header .navBar .navList .btn a{color:var(--whiteColor);font-weight:500}}@media screen and (min-width:960px){.header .navBar .navList .navItem{padding:0 .7rem}}@media screen and (min-width:1240px){.header{padding:1rem 8.5rem}}.home{width:100%;position:relative;display:flex;align-items:center;justify-content:center;margin:auto}.home .overlay{position:absolute;height:100%;width:100%;background:#2f6a7f;top:0;bottom:0;z-index:1;mix-blend-mode:hard-light}.home .video{position:absolute;top:0;bottom:0;height:100%;width:100%;object-fit:cover}.home .homeContent{height:100%;width:100%;height:-webkit-max-content;height:max-content;padding:8rem 1.5rem 3rem;display:flex;row-gap:3rem;flex-direction:column;align-items:stretch;justify-content:center;margin:auto;color:var(--whiteColor);z-index:1}.home .homeContent .textDiv{padding:2rem 0}.home .homeContent .textDiv .smallText{font-size:13px;text-transform:uppercase}.home .homeContent .textDiv .homeTitle{position:relative;font-size:1.8rem}.home .homeContent .cardDiv{position:relative;padding:2rem 1rem;background:var(--whiteColor);border-radius:10px;gap:1rem}.home .homeContent .cardDiv label{display:block;color:var(--textColor);padding-bottom:10px;font-size:13px;font-weight:500}.home .homeContent .cardDiv .label_total{justify-content:space-between;align-items:center}.home .homeContent .cardDiv .label_total .total{color:var(--textColor);font-size:18px;padding-bottom:10px}.home .homeContent .cardDiv .input{height:40px;padding:0 1rem;background:var(--inputColor);border-radius:3rem;padding:.5rem 1.5rem}.home .homeContent .cardDiv .input input{background:none;border:none;outline:none;width:100%;font-size:13px;font-weight:500}.home .homeContent .cardDiv .input input::placeholder{font-size:13px}.home .homeContent .cardDiv .input .icon{font-size:18px;color:var(--PrimaryColor)!important;margin-left:10rem}.home .homeContent .cardDiv .input .input[type=range]{background:blue}.home .homeContent .cardDiv .searchOptions{position:absolute;background:var(--gradientColor);width:-webkit-max-content;width:max-content;bottom:-.7rem;column-gap:.8rem;padding:5px 1rem;border-radius:3rem;left:50%;transform:translate(-50%);justify-content:center;cursor:pointer}.home .homeContent .cardDiv .searchOptions:hover{background:var(--PrimaryColor)}.home .homeContent .cardDiv .searchOptions .icon{font-size:18px}.home .homeContent .cardDiv .searchOptions span{font-size:13px}.home .homeContent .homeFooterIcons{width:100%;justify-content:space-between}.home .homeContent .homeFooterIcons .icon{font-size:20px;margin:0 5px;color:var(--whiteColor);font-weight:600}.home .homeContent .homeFooterIcons .icon:hover{color:var(--PrimaryColor)}@media screen and (min-width:500px){.home .homeContent .textDiv .smallText{font-size:16px}.home .homeContent .textDiv .homeTitle{position:relative;font-size:2.3rem;width:-webkit-max-content;width:max-content}.home .homeContent .textDiv .homeTitle:after{position:absolute;content:"";background:var(--SecondaryColor);height:5px;width:145px;right:0;bottom:0;z-index:-1}.home .homeContent .cardDiv{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:660px){.home .homeContent .cardDiv{padding:2rem 1rem;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:940px){.home{height:80vh}}@media screen and (min-width:1240px){.home{height:95vh}.home .homeContent{padding-left:0;padding-right:0}.home .homeContent .cardDiv{padding:2rem 1rem;grid-template-columns:repeat(3,1fr)}.home .homeContent .cardDiv .input{margin-bottom:1rem}.home .homeContent .cardDiv .searchOptions{bottom:-1rem;padding:8px 1rem}.home .homeContent .cardDiv .searchOptions span{font-style:17px}}.main{width:100%;padding:2rem 0}.main .secTitle .title{position:relative;width:-webkit-max-content;width:max-content;color:var(--textColor);margin:1rem 0;z-index:2}.main .secTitle .title:after{position:absolute;content:"";background:var(--SecondaryColor);height:5px;width:120px;right:0;bottom:0;z-index:-1}.main .secContent{justify-content:center;gap:1.5rem}.main .secContent .singleDestination{height:100%;display:grid;row-gap:10px;padding:1rem;border-radius:10px;align-items:center;background:var(--cardBG);box-shadow:0 2px 4px rgba(140,140,141,.549);overflow:hidden}.main .secContent .singleDestination:hover{background:var(--cardHover);box-shadow:1 4px 4px rgba(140,140,141,.549);transition:.3s ease}.main .secContent .singleDestination .imageDiv{height:180px;width:100%;overflow:hidden}.main .secContent .singleDestination .imageDiv img{height:100%;width:100%;object-fit:cover;transition:2s ease}.main .secContent .singleDestination .imageDiv:hover img{transform:scale(1.1)}.main .secContent .singleDestination .cardInfo{padding:1rem}.main .secContent .singleDestination .cardInfo .destTitle{color:var(--blackColor);font-size:18px}.main .secContent .singleDestination .cardInfo .name{color:var(--textColor);font-weight:400;font-size:14px}.main .secContent .singleDestination .fees{width:100%;justify-content:space-between;padding:1rem;margin:1rem 0;border-top:1.5px solid var(--greyText);border-bottom:1.5px solid var(--greyText)}.main .secContent .singleDestination .fees .grade{color:var(--textColor);max-width:100%;line-height:20px;display:flex;align-items:center;justify-content:center}.main .secContent .singleDestination .fees .grade small{text-align:center;background:var(--gradientColor);border-radius:1rem;color:var(--whiteColor);padding:1px 10px;font-size:10px}.main .secContent .singleDestination .fees .price{font-size:2rem;color:var(--blackColor)}.main .secContent .singleDestination .desc{font-size:13.5px;color:var(--textColor);font-weight:500}.main .secContent .singleDestination .btn{margin-top:1rem;color:var(--whiteColor);font-weight:600;justify-content:space-between;gap:.5rem}.main .secContent .singleDestination .btn .icon{align-self:center;font-size:18px}@media screen and (min-width:500px){.title{font-size:1.5rem}.title:after{width:155px!important}.secContent{grid-template-columns:repeat(2,1fr)}.secContent .singleDestination{height:auto}}@media screen and (min-width:840px){.secContent{grid-template-columns:repeat(3,1fr)}.secContent .singleDestination{height:auto}}.footer{width:100%;position:relative;padding:2rem 0;display:flex;align-items:center;justify-content:center;margin:auto}.footer .videoDiv{position:absolute;height:100%;width:100%}.footer .videoDiv video{height:100%;object-fit:cover}.footer .videoDiv:after{content:"";position:absolute;background:rgba(10,84,107,.307);top:0;bottom:0;right:0;left:0;mix-blend-mode:multiply}.footer .secContent{width:100%;height:-webkit-max-content;height:max-content;padding:2rem initial;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:auto;row-gap:2rem;z-index:100}.footer .secContent .contactDiv{justify-content:space-between;flex-direction:column;gap:1rem}.footer .secContent .contactDiv .text small{font-size:13px;font-weight:400;color:var(--whiteColor)}.footer .secContent .contactDiv .text h2{color:var(--whiteColor);font-size:1.8rem}.footer .secContent .contactDiv .inputDiv{width:100%;flex-direction:column;gap:1rem}.footer .secContent .contactDiv .inputDiv input{width:100%;padding:.5rem .6rem;border-radius:3rem;border:1px solid var(--whiteColor);outline:none;background:transparent;color:var(--whiteColor)}.footer .secContent .contactDiv .inputDiv input::placeholder{color:var(--whiteColor);opacity:.6}.footer .secContent .contactDiv .inputDiv .btn{width:100px;justify-content:center;color:var(--whiteColor);font-weight:500;gap:.5rem}.footer .secContent .contactDiv .inputDiv .btn .icon{font-size:18px}.footer .secContent .footerCard{position:relative;padding:1rem 1rem 4rem;gap:2rem;border-radius:1rem;background:var(--bodyColor);width:100%;justify-content:center;flex-direction:column;align-items:flex-start;overflow:hidden}.footer .secContent .footerCard .footerIntro{flex-basis:50%;justify-content:center;align-items:flex-start;flex-direction:column;row-gap:.5rem}.footer .secContent .footerCard .logoDiv .logo{color:var(--blackColor);font-weight:600}.footer .secContent .footerCard .logoDiv .logo .icon{font-size:25px;color:var(--PrimaryColor);margin-right:10px}.footer .secContent .footerCard .footerParagraph{font-size:13px;color:var(--textColor)}.footer .secContent .footerCard .footerSocials{column-gap:.5rem}.footer .secContent .footerCard .footerSocials .icon{color:var(--blackColor);font-size:20px}.footer .secContent .footerCard .footerSocials .icon:hover{color:var(--PrimaryColor)}.footer .secContent .footerCard .footerLinks{flex-basis:50%;width:100%;gap:1rem;grid-template-columns:repeat(2,1fr);justify-content:space-between}.footer .secContent .footerCard .footerLinks .LinkGroup .groupTitle{display:block;font-weight:600;color:var(--blackColor);margin-bottom:.5rem}.footer .secContent .footerCard .footerLinks .LinkGroup .footerList{font-size:15px;color:var(--textColor);transition:.3s ease-in-out}.footer .secContent .footerCard .footerLinks .LinkGroup .footerList .icon{font-size:15px;color:var(--greyText)}.footer .secContent .footerCard .footerLinks .LinkGroup .footerList:hover{color:var(--PrimaryColor);transform:translate(7px)}.footer .secContent .footerCard .footerLinks .LinkGroup .footerList:hover .icon{color:var(--SecondaryColor)}.footer .secContent .footerCard .footerDiv{flex-direction:column;position:absolute;bottom:0;left:0;right:0;background:var(--SecondaryColor);padding:.5rem 2rem}.footer .secContent .footerCard .footerDiv small{font-size:10px;color:var(--whiteColor)}@media screen and (min-width:500px){.footer .secContent .footerCard .footerLinks{grid-template-columns:repeat(3,1fr);padding-bottom:1rem}.footer .secContent .footerCard .footerDiv{justify-content:space-between;flex-direction:row}.footer .secContent .footerCard .footerDiv small{font-size:14px;color:var(--whiteColor)}}@media screen and (min-width:600px){.footer .secContent .contactDiv{flex-direction:row;justify-content:space-between}.footer .secContent .contactDiv .inputDiv{width:-webkit-max-content;width:max-content;flex-direction:row;justify-content:flex-start}.footer .secContent .contactDiv .inputDiv input{width:60%}.footer .secContent .contactDiv .inputDiv .btn{width:-webkit-max-content;width:max-content}}@media screen and (min-width:840px){.footer{padding:5rem 0}.footer .secContent .footerCard{flex-direction:row}.footer .secContent .footerCard .footerLinks{grid-template-columns:repeat(3,1fr);padding-bottom:1rem}}@media screen and (min-width:1024px){.footer .secContent .footerCard{padding:3rem 1rem}.footer .secContent .footerCard .footerIntro .footerParagraph{font-size:15px;color:var(--textColor)}.footer .secContent .footerCard .footerIntro .footerSocials{column-gap:.5rem}.footer .secContent .footerCard .footerIntro .footerSocials .icon{color:var(--textColor);font-size:25px}.footer .secContent .footerCard .footerIntro .footerSocials .icon:hover{color:var(--PrimaryColor)}.footer .secContent .footerCard .footerLinks .LinkGroup .footerList{font-size:16px;padding:5px 0}}