@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap";*{font-family:Kalam,cursive;padding:0;margin:0;box-sizing:border-box;text-decoration:none;text-transform:capitalize}html{overflow-x:hidden;font-size:62.5%}.heading{color:#333;font-size:3.5rem;padding:6rem 1rem 1rem;text-align:center;letter-spacing:.2rem}.heading span{color:#0098a1}header{width:96%;background:#fff;display:flex;align-items:center;justify-content:space-between;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);border-radius:.5rem;box-shadow:0 .3rem .5rem #0000004d;padding:.3rem 2rem;transition:.2s linear;z-index:1000}.header-active{top:0;width:100%;border-radius:0}header .logo{color:#333;font-size:3rem}header .logo span{color:#0098a1}header .navbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0}header .navbar ul li{margin:0 1rem}header .navbar ul li a{font-size:2rem;color:#333;transition:.2s linear}header .navbar ul li .active,header .navbar ul li a:hover{color:#0098a1}header .fa-bars{font-size:3rem;color:#0098a1;cursor:pointer;display:none}.home{min-height:100vh;display:flex;align-items:center;justify-content:space-around;position:relative;padding:2rem 10rem}.home .video video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;z-index:-1}.home .content{margin-top:7rem}.home .content h1{font-size:6.1vw;color:#fff;text-shadow:0 .3rem .5rem #000}.home .content p{font-size:1.5vw;color:#eee;text-shadow:0 .3rem .5rem #000;padding-left:2rem;border-left:.3rem solid #ddd}.home .form-container form{margin-top:8rem;padding:2rem;width:40rem;background-color:#fff;box-shadow:0 .3rem .5rem #000000e6;border-radius:.5rem}.home .form-container form h3{color:#333;font-size:3rem;text-align:center}.home .form-container form span{color:#0098a1;font-size:2.5rem;margin:.5rem 0;display:block}.home .form-container form input{width:100%;padding:0 1rem;height:4rem;font-size:1.5rem;background:#eee;border:none;outline:none;color:#333;box-shadow:0 .1rem .3rem #0000004d inset;border-radius:.5rem}.home .form-container form input[type=submit]{width:10rem;color:#fff;background:#0098a1;cursor:pointer;font-size:2rem;margin-top:2rem;transition:.2s linear}.home .form-container form input[type=submit]:hover{border:.2rem solid #0098a1;color:#0098a1;background:none}.feature{min-height:100vh;background:#f9f9f9}.feature .card-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%}.feature .card-container .card{width:30rem;margin:2rem;background:#fff;border-radius:.5rem;box-shadow:0 .3rem .5rem #0000004d;overflow:hidden;position:relative}.feature .card-container .card img{height:25rem;width:100%;object-fit:cover}.feature .card-container .content{padding-bottom:2rem;text-align:center}.feature .card-container .content .title{color:#0098a1;font-size:3rem}.feature .card-container .content p{color:#333;font-size:1.3rem;padding:1rem}.feature .card-container .content .stars i{padding:0 .2rem;font-size:2rem;color:gold}.feature .card-container .content .btn{font-size:1.7rem;margin-top:1.4rem;height:3.5rem;width:12rem;border-radius:.5rem;outline:none;border:none;background:#0098a1;color:#fff;cursor:pointer;transition:.2s linear}.feature .card-container .content .btn:hover{background:none;border:.2rem solid #0098a1;color:#0098a1}.feature .card-container .card .discount{position:absolute;top:1rem;left:1rem;display:block;height:3.5rem;width:6rem;background:#f30;color:#fff;line-height:4rem;text-align:center;font-size:2rem}.about{min-height:100vh}.about .row{display:flex;align-items:center;justify-content:space-around;width:90%;margin:0 auto}.about .row .image img{height:65vh;width:50vw}.about .row .content h3{font-size:4rem;color:#0098a1}.about .row .content p{font-size:1.9rem;color:#333}.about .row .content .btn{outline:none;border:none;cursor:pointer;transition:.2s linear;height:4rem;width:18rem;margin-top:1rem;color:#fff;background:#0098a1;font-size:2rem}.about .row .content .btn1,.about .row .content .btn:hover{background:none;color:#0098a1;border:.2rem solid #0098a1;margin-right:1rem}.gallery{min-height:100vh}.gallery .box-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:90%;margin:0 auto}.gallery .box-container .box{height:20rem;width:30rem;margin:2rem;cursor:pointer;overflow:hidden;position:relative}.gallery .box-container .box img{height:100%;width:100%;object-fit:cover}.gallery .box-container .box .icons{position:absolute;top:120%;left:0;background:linear-gradient(transparent,#333);display:flex;align-items:flex-end;justify-content:space-around;height:100%;width:100%;opacity:0;transition:.2s linear}.gallery .box-container .box:hover .icons{opacity:1;top:0}.gallery .box-container .box .icons a{color:#fff;text-shadow:0 .1rem .3rem #000;font-size:3rem;padding-bottom:2rem}.gallery .box-container .box .icons a:hover{color:#0098a1}.review .heading{color:#fff;padding-bottom:4rem}.review{background:url(file:///D:/ProjectHtmlcssjs/TravelAgencyProject/images/Reviewimg.png),linear-gradient(#0098a1,#0098a1) no-repeat;background-size:cover;background-position:center;background-attachment:fixed;background-blend-mode:multiply}.review .heading span{color:gold}.review .box-container{display:flex;justify-content:center;flex-wrap:wrap}.review .box-container .box{width:35rem;margin:4rem 2rem;padding-bottom:2rem;text-align:center;box-shadow:0 .3rem .5rem #000;background:#fff}.review .box-container .box .image{margin-top:-5rem}.review .box-container .box .image img{height:10rem;width:10rem;border-radius:50%;object-fit:cover;border:.7rem solid #fff}.review .box-container .box .content h3{font-size:2rem;color:#0098a1}.review .box-container .box .content p{font-size:1.4rem;color:#333;padding:.5rem 1.5rem}.review .box-container .box .content .stars i{color:gold;font-size:1.7rem;padding:1rem .1rem}.contact .row{display:flex;align-items:center;justify-content:space-around}.contact .row .contact-info .box{margin:4rem 2rem}.contact .row .contact-info .box h3{font-size:2rem;color:#333}.contact .row .contact-info .box h3 i{color:#0098a1}.contact .row .contact-info .box p{padding-left:3rem;font-size:1.7rem;color:#aaa}.contact .row .contact-form-container{width:50%}.contact .row .contact-form-container h3{font-size:4rem;padding-top:4rem;color:#0098a1}.contact .row .contact-form-container .inputBox{display:flex;justify-content:space-between;flex-wrap:wrap}.contact .row .contact-form-container .inputBox input{width:49%}.contact .row .contact-form-container form input,textarea{outline:none;border:.2rem solid #0098a1;height:4rem;background:#fff;padding:0 1rem;margin:1rem 0;font-size:1.8rem}.contact .row .contact-form-container form textarea{width:100%;padding:1rem;resize:none;height:20%}.contact .row .contact-form-container form input[type=submit]{color:#0098a1;border:.2rem solid #0098a1;cursor:pointer;transition:.2s;width:20rem}.contact .row .contact-form-container form input[type=submit]:hover{color:#fff;background:#0098a1}.newsletter{padding:2rem;background:linear-gradient(#0009,#0009),url(file:///D:/ProjectHtmlcssjs/TravelAgencyProject/images/img5new.jpg) no-repeat;background-size:cover;background-position:center;background-attachment:fixed;text-align:center}.newsletter h1{font-size:5rem;color:#fff;text-shadow:0 .3rem .5rem #000}.newsletter p{font-size:2rem;color:#eee;padding:1rem 15rem}.newsletter form input{outline:none;border:none;height:5rem}.newsletter form input[type=email]{width:40rem;padding:0 1rem;color:#fff;background:#fff3;font-size:2rem}.newsletter form input[type=email]::placeholder{color:#ccc}.newsletter form input[type=submit]{width:20rem;color:#fff;background:#0098a1;font-size:2rem;cursor:pointer;margin-left:-1.1rem;transition:.2s}.newsletter form input[type=submit]:hover{border:.2rem solid #fff;color:#fff;background:none}.footer{display:flex;align-items:center;justify-content:space-between;padding:2rem;background:#222}.footer .credit{font-size:2rem;color:#eee}.footer .credit span{color:#0098a1}.footer .icons a{font-size:2rem;margin:0 .5rem;height:4rem;width:4rem;line-height:3.5rem;text-align:center;border-radius:50%;color:#fff;border:.2rem solid #fff;transition:.2s linear}.footer .icons a:hover{background:#0098a1}@media (max-width:991px){.home{flex-flow:column;padding:1.5rem}.home .content{text-align:center}.home .content h1{font-size:5.5rem}.home .content p{font-size:1.8rem;padding:0;border:none}}@media (max-width:768px){html{font-size:55%}header .fa-bars{display:block}header .navbar{position:fixed;top:-100rem;left:50%;transform:translate(-50%);width:100%;background-color:#fff;border-radius:.5rem;box-shadow:0 .3rem .5rem #0000004d;z-index:1000;transition:.2s linear;opacity:0}header .navbar ul{flex-flow:column}header .navbar ul li{margin:1rem 0;width:100%;text-align:center}header .navbar ul li a{display:block;font-size:3rem}header .nav-toggle{top:5.5rem;opacity:1}.about .row{flex-flow:column}.about .row .image img{width:90vw}.about .row .content{text-align:center}.about .row .content .btn1{margin-right:0}.contact .row{flex-flow:column;align-items:flex-start}.contact .row .contact-form-container{width:90%;margin:0 auto}.newsletter p{padding:1rem 0}.newsletter form input[type=email]{width:100%;margin-bottom:1rem}.footer{flex-flow:column}.footer .credit{text-align:center;padding-bottom:3rem}}@media (max-width:500px){.home .form-container{width:100%}.home .form-container form{width:100%;margin:3rem 0}.home .form-container form input[type=submit]{width:100%}.contact .row .contact-form-container form input{margin:1rem 0;width:100%}.contact .row .contact-form-container form input[type=submit]{width:100%}}