body{font-family:"Poppins";overflow-x: hidden;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
html{overflow-x: hidden;}

.whatsapp_area{position: fixed; right: 30px; bottom: 10px;z-index: 100;}
.whatsapp_area a{text-align:center;}
.foot_wp {width: 50px;height: 50px;display: block;text-align: center;background: #128C7E ;border-radius: 100%;}
.foot_wp i{font-size:28px;line-height:50px; color:#fff;}

.phone_area{position: fixed; left: 30px; bottom: 10px;z-index: 100;}
.phone_area a{text-align:center;}
.foot_phone {width: 50px;height: 50px;display: block;text-align: center;background: #f8a722 ;border-radius: 100%;}
.foot_phone i{font-size:28px;line-height:50px; color:#000;}

.head_nav{padding:0; background:#fff;}
.head_nav nav{padding:5px 0;border-top: 5px solid #040032;}
.head_nav .navbar-brand{padding:0;}
.head_nav .navbar-brand img{transition:ease-in-out 0.3s;width: 120px; padding: 8px 0;}
.head_nav ul{margin:auto 0 auto auto;text-align: right;}
.head_nav ul li{display: inline-block;}
.head_nav ul li a i{font-weight: 900;}
.head_nav ul li a{color:#1c1467; font-size:18px; line-height:40px; text-transform:uppercase;position:relative;font-weight: 600;padding: 10px 20px;}
.head_nav ul li a:hover, .head_nav ul li a.active, .head_nav ul li a:focus{color: #1c1467;}
.sticky_menu{position: fixed;left: 0;top:0; width: 100%;z-index: 10;}
.sticky_menu .navbar-brand img{width:80px;}

.banner_area{padding:200px 0; position: relative; z-index: 1;}
.banner_area img{position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: cover;}
.wave_area{position: absolute;bottom: 0; left: 0; width: 100%;z-index: 1;}
.banner_area .container{position: relative; z-index: 1;}
.banner_area:after{content: "";background: rgb(13 40 76 / 49%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner_area h1{font-size: 48px; font-weight: bold; color: #fff;text-align: center;text-transform: uppercase;}
.banner_area .btn_area{margin-top: 20px;text-align: center;}
.btn_area a{background: #f8a722;color: #fff;position: relative;z-index: 1;padding: 12px 20px;text-transform: uppercase;font-weight: 600;border-radius: 100px;overflow: hidden;display: inline-block;text-align: center;}
.btn_area a:before, .btn_area a:after {content: "";position: absolute;height: 100%;top: 0;width: 0%;z-index: -1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.btn_area a:before {left: 0;border-radius: 0 20px 20px 0;}
.btn_area a:after {right: 0;border-radius: 20px 0 0 20px;}
.btn_area a:hover{color: #fff !important;}
.btn_area a:hover:before, .btn_area a:hover:after{width: 51%;border-radius: 0;background: #1c1467;}

.banner_area form{background:#f6f4fe; border-radius: 100px;padding: 30px 20px; margin-top: 20px;}
.banner_area form input{border: 1px solid #c1b9f1;border-radius: 100px; height: 48px;}
.form_btn{background: #1c1467;color: #fff;position: relative;z-index: 1;padding: 12px 20px;text-transform: uppercase;font-weight: 600;border-radius: 100px;overflow: hidden;display: block;text-align: center;border: none; width: 100%;}
.form_btn:before, .form_btn:after {content: "";position: absolute;height: 100%;top: 0;width: 0%;z-index: -1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.form_btn:before {left: 0;border-radius: 0 20px 20px 0;}
.form_btn:after {right: 0;border-radius: 20px 0 0 20px;}
.form_btn:hover{color: #fff !important;}
.form_btn:hover:before, .form_btn:hover:after{width: 51%;border-radius: 0;background: #f8a722;}

.travel_area{padding: 70px 0;background:#f6f4fe;}
.travel_area h2{color: #1c1467; text-align: center; font-size: 24px; font-weight: bold; margin: 0; padding: 0 0 10px;position: relative;}
.travel_area h2:after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100px; height: 3px; background: #1c1467;}
.travel_wrap{border-radius: 15px; background: #fff;box-shadow: 0px 4px 30px #EDE9FE;padding: 20px;}

.pkg_box {background: #fff;overflow: hidden;transition: all 0.5s;margin: 12px 0;border-bottom: 5px solid #1c1467;border-radius: 10px;}
.pkg_img{height: 230px;overflow: hidden;position: relative;}
.pkg_img:before{content: "";background: #f8a722; position: absolute; left: 0; top: 0; width: 100%; height: 0;z-index: 1;transition: all 0.5s;opacity: 0.3;}
.pkg_img img{width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;}
.pkg_cont{padding: 20px;}
.pkg_cont h3{font-size: 16px; font-weight: bold; color: #000;margin: 0 0 5px;}
.pkg_cont ul li{list-style: none; font-size: 14px; color: #505050;}
.pkg_cont ul li i{color: #f8a722;width:20px;}
.pkg_ul li{position: relative; padding-left: 15px;}
.pkg_ul li:before{content:"\f105";font-family:"Font Awesome 6 Free";position:absolute;left: 0;top:0;font-weight: bold;color:#f8a722;}
.pkg_box:hover{box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.pkg_box:hover img{transform: scale(1.2);}
.pkg_box .btn_area{margin-top: 20px;}
.pkg_box:hover .pkg_img:before{height: 100%;}

.pkg_box .btn_area a{background: #1c1467;}
.pkg_box .btn_area a:hover:before, .pkg_box .btn_area a:hover:after{background: #f8a722;}

.quote_modal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;}
.quote_modal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.quote_modal form label{color:#000; display: block;}
.quote_modal form input, .quote_modal form textarea{border-radius: 0;margin-bottom:10px;}

.footer_area{padding: 70px 0; background: #000; position: relative;}
.foot_logo{text-align: center;margin-bottom: 36px;}
.foot_about h3{font-size: 26px; color:#fff; margin-bottom: 15px;font-weight: 400;}
.foot_about p{color:#d4d4d4;line-height: 28px; text-align: justify;margin: 0;}
.foot_cont h3{font-size: 26px; color:#fff; margin-bottom: 15px;font-weight: 400;}
.foot_cont p{display:flex;margin-bottom:10px;color:#d4d4d4;}
.foot_cont p a{color:#d4d4d4; word-break: break-all;}
.foot_cont p i{position: relative;top: 5px;width: 100%;max-width: 20px;color: #f8a722;}

.copy_area{background: #000;padding: 30px 0; border-top: 1px solid #666666;}
.copy_area p{margin: 0; color: #fff;}
.copy_right{text-align: right;}

.thank_you{border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,0.1);background:#fff;padding:20px 30px;width: 500px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align: center;}
.thank_you h2{font-size:20px; font-weight:bold; margin:0 0 20px;color:#000;}



/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1366px){
}

@media (min-width:768px) and (max-width:980px){
}

@media (max-width:767px){
    .head_nav .navbar-brand img{width: 85px;}
    .head_nav ul li a{font-size: 14px;line-height: 16px;padding: 5px 0;}
    .head_nav ul{margin: 10px 0 0 auto;}

    .banner_area{padding: 80px 0 180px;}
    .banner_area h1{font-size: 24px;}
    .btn_area a{padding: 10px 20px;font-size: 18px;}
    .banner_area form{border-radius: 20px;background: rgba(246, 244, 254, 0.8);padding: 25px 10px;}
    .banner_area form input{margin: 5px 0;}
    .form_btn{margin-top: 5px;}

    .travel_area, .footer_area{padding: 40px 0;}
    .foot_menu h3, .foot_about h3, .foot_cont h3{font-size: 20px; margin: 15px 0 5px;}
}
/*===============Responsive Ends===============*/