*{margin:0;padding:0;box-sizing:border-box}:root{font-size:62.5%}body{font-family:Montserrat,sans-serif;background-color:#f4f4f4;position:relative;background-image:url(/assets/Component-3fd7b14c.png);background-attachment:fixed;background-position:center;background-size:cover}.header{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2em;background-image:url(/assets/desert-g90c39977a_1920-cb0b1fc7.jpg);background-position:center;background-size:cover;color:#fff;z-index:0;box-shadow:0 0 20px #000}.header:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:-1}.header .fa-arrow-left{position:absolute;left:0;top:0;padding:1em;font-size:3em}.header a{text-decoration:none;color:#fff}.header__title{padding:.5em;font-family:Dancing Script,cursive;font-size:4rem;font-weight:700;text-align:center}.header__wrapper{display:flex;justify-content:flex-start;max-width:1170px;width:100%}.header__input{display:flex;justify-content:center;flex-wrap:wrap;row-gap:1em;min-width:200px;max-width:600px}.header__input--label{padding:.5em 3em;font-size:1.6rem;text-align:center}.header__input--box{padding:.5em 1em;border-radius:10px;border:none;width:80%;box-shadow:0 0 10px #000}.header__input--btn{margin-left:1em;padding:.7em 1.5em;border-radius:10px;border:none;background-color:#eae017;text-transform:uppercase;box-shadow:0 0 10px #000;cursor:pointer;font-weight:700;font-size:1rem;transition:background-color .2s}.header__input--btn:hover{background-color:#c4ba07}.header__input--btn:disabled{background-color:#767673}main{padding:1em;max-width:1400px;margin:0 auto}.content{position:relative;top:0;left:0;width:100%}.content .content-box{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;row-gap:15em;column-gap:3em}.content .content-box .image-box{position:relative;display:flex;flex-direction:column;justify-content:space-between;background-image:url(/assets/photo2-7ae756d4.jpg);background-position:center;background-size:contain;background-repeat:no-repeat;height:475px;width:250px;transition:box-shadow 1.2s;border-radius:15px;overflow:hidden}.content .content-box .image-box .shadow{position:absolute;top:0;left:0;background-color:#0003;width:100%;height:100%;z-index:1;border-radius:15px;opacity:0;transition:opacity 2.5s}.content .content-box .image-box .shadow.active{opacity:1}.content .content-box .image-box__item{position:relative;max-width:600px;min-width:200px;transition:transform 1s}.content .content-box .image-box__item img{width:100%;object-fit:cover;filter:drop-shadow(0 0 15px rgba(0,0,0,.8));border-radius:15px}.content .content-box .image-box__item .image-box-text{position:absolute;top:60%;left:50%;padding:1em;transform:translate(-50%,-50%);width:100%;font-size:1.2rem;font-weight:400;text-align:center;text-transform:uppercase;background-color:#00000080;letter-spacing:3px;color:#fff}.content .content-box .image-box__item.one{transform:translateY(50%);z-index:1}.content .content-box .image-box__item.one.active{transform:translateY(0)}.content .content-box .image-box__item.three{transform:translateY(-50%)}.content .content-box .image-box__item.three.active{transform:translateY(0)}.content .content-box .image-box.active{box-shadow:0 0 15px #000}.content .content-box .trip-box{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-self:baseline;max-height:750px;max-width:500px;min-width:200px;width:100%}.content .content-box .trip-box__item{padding:1em;border-bottom:1px solid rgba(0,0,0,.5)}.content .content-box .trip-box__item:last-child{border-bottom:none}.content .content-box .trip-box__item .trip-box-text{display:flex;justify-content:space-between;padding:.5em 1em;margin-bottom:.5em;text-transform:uppercase;font-size:1.6rem;letter-spacing:2px;text-align:center;background-color:#0009;border-radius:3px;color:#fff}.content .content-box .trip-box__item .trip-box-text i{cursor:pointer}.content .content-box .trip-box__item .trip-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:2em}.content .content-box .trip-box__item .trip-info img{width:200px;height:150px;object-fit:cover}.content .content-box .trip-box__item .trip-info .trip-details{display:flex;flex-direction:column;justify-content:space-between;height:90%;font-size:1.4rem}.content .content-box .trip-box__item .trip-info .trip-details h4,.content .content-box .trip-box__item .trip-info .trip-details p{width:200px;padding:.5em}.content .content-box .trip-box__item .trip-info .trip-details h4 span{text-transform:uppercase}.content .content-box .trip-box__item .trip-info .trip-details a{margin-top:1em;border-bottom:1px solid rgba(0,0,0,.4);position:relative;text-decoration:none;color:#000;transition:color .3s;z-index:0;text-align:center}.content .content-box .trip-box__item .trip-info .trip-details a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#0009;transform:scaleY(0);transition:transform .3s;transform-origin:bottom;z-index:-1}.content .content-box .trip-box__item .trip-info .trip-details a:hover:after{transform:scaleY(1)}.content .content-box .trip-box__item .trip-info .trip-details a:hover{color:#fff}.content .content-box .trip-box .trip-heading{position:absolute;top:-120px;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100px;padding:2.5em;background-image:linear-gradient(-20deg,#f3fade 0%,#dccdc8 100%);border-radius:12px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;text-align:center;text-transform:uppercase}.content .content-box .trip-box .trip-heading a{position:relative;padding:.7em 1em .4em;text-decoration:none;font-size:1.3rem;cursor:pointer;color:#875a10}.content .content-box .trip-box .trip-heading a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-bottom:1px solid rgb(135,90,16);transform:scaleX(0);transition:transform .3s}.content .content-box .trip-box .trip-heading a:hover:after{transform:scaleX(.7)}.content .content-box .trip-items{background-color:#fff;border-radius:3px;padding:1em;overflow-y:auto;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.form{display:flex;justify-content:space-between}.form form{position:absolute;display:flex;flex-direction:column;min-width:230px;max-width:280px;height:900px;border-radius:25px;box-shadow:0 0 10px #000;background-color:#eaeaea;z-index:10;transition:transform .5s;transform:translate(0)}.form form .drag-icon{position:absolute;top:50%;right:-25px;display:flex;justify-content:center;align-items:center;width:25px;height:100px;background-color:#aaa8a8;border-top-right-radius:25px;border-bottom-right-radius:25px;box-shadow:#909395 3px 3px 6px inset,#85848480 -3px -3px 6px 1px inset;cursor:pointer}.form form .drag-icon i{padding:.2em;font-size:3rem;color:#ddd}.form form .form-header{padding-top:1em}.form form .form-item{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:1em;height:550px}.form form .photo{width:100%;height:200px}.form form .photo img{width:100%;height:100%;object-fit:cover}.form form label{padding:.7em;text-transform:uppercase;font-size:1.4rem}.form form input{padding:.5em 2em;width:100%;max-width:250px;font-size:1.4rem;border-radius:15px;border:none;box-shadow:0 0 3px #0006}.form form a{width:100%;display:flex;justify-content:center;align-items:center;text-decoration:none;cursor:default}.form form .form-btn{position:relative;align-self:center;margin:1.5em;padding:.7em 2.5em;width:250px;border:none;background:#fff;border-radius:15px;text-transform:uppercase;box-shadow:0 0 3px #0006;cursor:pointer;overflow:hidden;z-index:0}.form form .form-btn:after{content:"";position:absolute;top:-2px;left:-2px;width:110%;height:110%;transform:scaleX(0);transform-origin:right;transition:transform .3s;background-color:#17e1a1;z-index:-1}.form form .form-btn:hover:after{transform:scaleX(1);transform-origin:left}.form form .form-btn:disabled{background-color:#ddd;cursor:default}.form form .form-btn:disabled:after{background-color:#ddd;transform:none}.form form .progres-box{position:relative;display:flex;justify-content:space-between;align-self:stretch;margin:0 auto;padding:2em 0;width:80%;z-index:0}.form form .progres-box .progres-bar,.form form .progres-box:before{position:absolute;top:50%;left:0;transform:translateY(-50%);background-color:#bababb;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;z-index:-1}.form form .progres-box:before{content:"";width:100%;height:2px}.form form .progres-box .progres-bar{width:25%;height:4px;background-color:#35b4ef;transition:width .5s}.form form .progres-box .progres-step{display:flex;justify-content:center;align-items:center;background-color:#eeb9b9;border-radius:50%;width:30px;height:30px;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px}.form form .progres-box .progres-step.active{position:relative;background-color:#17e1a1}.form form .progres-box .progres-step.active:before{content:"";position:absolute;width:100%;height:100%;border:1px solid rgb(29,222,93);border-radius:50%;opacity:0;animation:glow .8s ease .3s 1}.form form .place-box{display:flex;flex-direction:column;align-items:center;gap:1em;overflow-y:auto;width:100%;min-height:30%;padding:1em;background-color:#f8f8f8;text-align:center;box-shadow:#00000042 0 2px 4px inset}.form form .place-box h4{margin-top:1em;text-transform:uppercase;font-size:1.3rem}.form form .place-item{display:flex;flex-direction:column;align-items:center;width:300px;padding:1.5em;border-bottom:1px solid rgba(0,0,0,.5);border-radius:6px;box-shadow:0 1px 3px #25201f4d;transition:.3s}.form form .place-item:hover{box-shadow:0 3px 13px #25201f4d}.form form .place-item.active{background-color:#b6eec7;box-shadow:0 3px 13px #395c43cc;border-bottom:1px solid rgba(0,0,0,0);border-radius:6px}.form form .place-header{font-size:1.7rem;padding-bottom:1em}.form form .place-img{width:200px;height:170px;object-fit:cover}.form form .rank-box{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1em}.form form .place-rank{font-size:1.3rem;padding:1em}.form form .place-rank i{margin-right:.5em}.form form .place-details{font-size:1.2rem}.form form .place-details i{margin-right:.5em}.form form .place-btn{padding:.5em 1em;font-size:1.4rem;background-color:#17e1a1;border-radius:10px;border:none;transition:background-color .3s;cursor:pointer}.form form .place-btn.saved{background-color:#e3795f}.form form .place-btn:hover{background-color:#1ec28e}.form form .place-btn.saved:hover{background-color:#df5b3a}.form form .place-btn:disabled{background-color:#ddd;cursor:default}.form form .input-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.form form.active{transform:translate(-100%)}.finish{position:relative;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:2em;padding:10em 2em;background-image:url(/assets/plane1-50812d7f.jpg);background-position:center;background-size:cover;height:100vh;z-index:0;text-align:center;overflow:hidden}.finish h1,.finish h2{color:#fff;font-size:3rem}.finish a{text-transform:uppercase;text-decoration:none}.finish a h2{font-size:4rem;color:#17e1a1}.finish a h2:hover{color:#14b582}.finish:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:-1}.trip-page{position:relative;color:#fff;background-image:url(/assets/travel-948c9edc.jpg);background-position:center;background-size:cover;background-attachment:fixed;min-height:100vh;z-index:0}.trip-page:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:-1}.trip-page a{color:#fff}.trip-page .fa-arrow-left{position:absolute;left:0;top:0;padding:1em;font-size:3em}.trip-page-header{padding:1em;width:100%;text-align:center;font-size:3rem;font-weight:700;background-color:#0009;text-transform:uppercase;font-family:Dancing Script;color:#f3fade}.trip-page-title{font-size:3rem;padding:1em}.trip-page-date{font-size:2rem}.trip-page .img-box{max-width:400px;width:100%;min-height:300px;border-radius:15px;overflow:hidden;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.trip-page .img-box img{object-fit:cover;width:100%;height:300px;filter:drop-shadow(0 0 5px #000)}.trip-page .main-info{display:flex;flex-direction:row;flex-wrap:wrap;gap:3em 4em;justify-content:center;align-items:center;padding:2em;text-align:center}.trip-page .main-info-text{display:flex;flex-direction:column;align-items:center;min-height:280px;color:#000;background-color:#bce5efe6;border-radius:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;align-items:start;padding:1em 3em}.trip-page .main-info-text .bolder{font-weight:bolder}.trip-page .main-info-text .bolder.city{font-weight:bolder;text-transform:uppercase}.trip-page .main-info h2{align-self:center;text-transform:uppercase;padding:2em 2em 1em;font-size:1.8rem;border-bottom:1px solid rgba(0,0,0,.4)}.trip-page .main-info p{padding:1em;font-size:1.6rem;text-align:left}.trip-page .main-info .weather{display:flex;flex-direction:column;align-items:center;padding:0 5em;min-height:280px;color:#000;background-color:#bce5efe6;border-radius:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;justify-content:space-around;min-height:250px;min-width:280px;margin:0 15em}.trip-page .main-info .weather h3{margin-top:1em;padding:1.5em 1em 1em;text-transform:uppercase;font-size:1.4rem;border-bottom:1px solid rgba(0,0,0,.4)}.trip-page .main-info .weather-box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1em;padding:3em 0}.trip-page .main-info .weather-item{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1em;padding:1em;min-width:150px}.trip-page .main-info .weather-item .weather-date{margin-bottom:1em;padding:.5em 0;font-size:1.4rem;width:100%;text-align:center;border-bottom:1px solid rgba(0,0,0,.4)}.trip-page .main-info .weather-item img{object-fit:contain}.trip-page .main-info .weather-item p{padding:.5em}.trip-page .main-info .attraction{display:flex;flex-direction:column;align-items:center;min-height:280px;color:#000;background-color:#bce5efe6;border-radius:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;overflow-x:auto;align-items:flex-start;padding:1em}.trip-page .main-info .attraction h3{margin:1em 0 0 2em;padding:1.5em 1em .5em;text-transform:uppercase;font-size:1.4rem;border-bottom:1px solid rgba(0,0,0,.4)}.trip-page .main-info .attraction-box{display:flex;padding:1em}.trip-page .main-info .attraction-box .attraction-item{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;padding:1em;max-height:400px;width:100%;max-width:320px;border-radius:5px;overflow-y:auto;box-shadow:#00000042 0 2px 4px inset;background-color:#8ddff480}.trip-page .main-info .attraction-box .attraction-item .attraction-heading{font-size:1.6rem;margin-bottom:1em}.trip-page .main-info .attraction-box .attraction-item img{max-width:250px;min-height:180px;object-fit:cover}.trip-page .main-info .attraction-box .attraction-item .rank-box{display:flex;flex-wrap:wrap;justify-content:center}.trip-page .main-info .attraction-box .attraction-item .rank-box .place-rank{padding-top:1em;font-size:1.4rem}.trip-page .main-info .attraction-box .attraction-item .rank-box .place-rank i{margin-right:.5em}.trip-page .main-info .attraction-box .attraction-item a{padding:.7em 1em;font-size:1.4rem;text-decoration:none;color:#000;background-color:#eae017;border-radius:25px;box-shadow:0 0 4px #000;transition:background-color .3s}.trip-page .main-info .attraction-box .attraction-item a:hover{background-color:#c4ba07}.trip-page .main-info .attraction-box .attraction-item .attraction-description{padding-top:2em}.trip-page .main-info .attraction-box .attraction-item .attraction-description h4{font-size:1.3rem}.trip-page .main-info .attraction-box .attraction-item .attraction-description p{text-align:left;font-size:1.3rem}.trip-page .main-info .attraction-box .attraction-item .attraction-description p.empty{text-align:center}.map-container{height:100%;width:100vw}.places-container{width:300px}.info-window{display:flex;flex-direction:column;justify-content:center;align-items:center}.info-window .info-rank-box{display:flex;gap:1em;margin-top:1em}.info-window h3{margin-bottom:.5em;width:200px}.info-window img{width:200px;height:150px;object-fit:cover}footer{background-color:#000000b3}footer div{padding:1.5em}footer p{padding:.5em;font-size:1.2rem;text-align:center;color:#fff}@keyframes glow{0%{opacity:100%;transform:scale(1)}to{opacity:0%;transform:scale(2.2)}}@media (min-width: 1167px){.trip-box{top:200px}}@media (min-width: 992px){.header__title{margin-bottom:1em}.header__input{margin:0 0 7em}.header__input--label{font-size:2rem}.header__input--btn{font-size:1.3rem}.content{top:-50px}}@media (min-width: 600px){.form form{width:100%;max-width:370px}.content .content-box .image-box{height:1100px;width:auto}.content .content-box .image-box__item .image-box-text{font-size:1.8rem}footer p{font-size:1.6rem}}