@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cookie&family=Nunito:wght@700&display=swap');
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Poppins', serif;
    -webkit-tap-highlight-color: transparent;
}
:root{
    --orange: #FF5C00;
    --darkOrange: #eb5707;
    --lightBlack: #495658;
    --bg: #f2f2f2;
    --black: #000000;
    --white: #ffffff;
    --bgGrey: #f5f8fa;
    --border: 1px solid #ebebeb;
    --boxShadow:0 4px 10px rgba(0,0,0,0.1);
    --txt:#4d4d4d;

}
body.noscroll{overflow-y: hidden;}
img{user-select: none;-webkit-user-drag: none;}
body{background:var(--white);max-width:100vw;overflow-x:hidden;transition: 300ms ease;}
ul{list-style: none;}
a{text-decoration: none;}
button{cursor:pointer;border:none;outline:none}
.flex{display:flex;align-items: center}
.flex.jcc{justify-content: center;}
.flex.jcsb{justify-content: space-between;}
.flex.fdc{flex-direction: column;}

/* navbar styles */

.nav{display:flex;position:relative;background:var(--white);align-items: center;justify-content: space-around;box-shadow:0 4px 10px rgba(63, 63, 63, 0.1);padding:3rem 0 10px 0}
.menuToggle, .navlia ion-icon, .navBG{display:none}
.logo{height:60px;z-index:2;position:relative}
.nav.fix{position:fixed;top:0;left:0;width:100vw;height:auto;z-index:10;animation:slideIn 500ms ease}
.nav_right{width:60%}
.logo_a{width:20%}
.nav_top{background:var(--orange);padding:5px 9%;display: flex;align-items: center;justify-content: space-between;position: absolute;top:0;left:0;width: 100%;}
.nav_top a{color:var(--white);transition: 500ms ease;margin-right:15px;font-size:90%;font-weight: 500;}
.nav_top a:hover{color:var(--white)}
.navUl{display:flex;height:70px;align-items: center;justify-content: flex-end;}
.navlia{display:inline-block;padding:10px;transition: 500ms ease;color:var(--black);font-weight: 500;margin:0 3px;border-radius: 5px;}
.navlia:hover{background:rgb(244, 244, 244)}
.navlia.active{color:var(--red);position:relative}
.navlia.active::after{content:'';background:var(--orange);height:2.5px;width:100%;bottom:-10px;left:0;position:absolute;border-radius: 2em;}
.navli{position: relative;cursor:pointer}
.navli .navSUL{display:none;position:absolute;background:var(--white);left:5px;top:40px;z-index:5;width:auto;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);transition:300ms ease;opacity:0}
.navslia{display:block;padding:10px 14px 10px 10px;color:var(--black);transition: 300ms ease;white-space: nowrap;font-size: 90%;border-left: 4px solid white;border-color: none;}
.navslia:hover{background: var(--bg);border-color: var(--orange);}
.navli:hover .navSUL{display:block;opacity:1;animation:flyIn 300ms ease}

/* navbar styles */

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

/* footer styles */

footer{background:var(--black);color:var(--white);}
.ft_main{display:grid;grid-template-columns: 1fr 20% 20% 1fr;width:85%;margin: 0 auto;padding:70px 0;grid-gap:5px}
.ft_bot{color:var(--white);background:var(--orange);font-size:80%;padding:10px 0;font-weight: 500;}
.ft_p, .ft_li{font-size:85%;font-weight: 400;margin-bottom: 4px;}
.ft_h3{font-weight: 500;font-size:115%;position:relative;margin-bottom: 25px;}
.ft_h3::after{content:'';background:var(--white);position:absolute;left:0;bottom: -8px;height:1px;width:20px;}
.ft_div{padding:0px 10px}
.sm_logo{display:grid;place-items: center;height:35px;width:35px;border-radius: 50%;background:none;font-size:120%;color:var(--white);transition: 500ms ease;border:1px solid var(--white);margin-right:5px;margin-top: 5px;}
.sm_logo:hover{color:var(--black);background:var(--white)}
.ft_lia{color:var(--white);transition:500ms ease;position: relative;z-index:2}
.ft_lia::after{content:'';background:var(--white);position: absolute;top:50%;left:-5px;height:100%;width:100%;transform: translateY(-50%) scaleX(0);transform-origin: left;transition: 500ms ease;z-index:-1}
.ft_lia:hover{color:var(--black)}
.ft_lia:hover::after{transform: translateY(-50%) scaleX(1.1);}
.footer_logo{height: 80px;margin:-2% 0 10px -8%}

/* footer styles */

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

/* package page styles */

.page{width:90%;margin:30px auto;max-width:1100px}
.pack_intro{height:75vh;display:flex;flex-direction: column;justify-content: center;align-items: flex-start;color:var(--white);position: relative;overflow: hidden;}
.pi_img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit: cover;z-index:-2;transition: 300ms ease;}
.pack_intro:has(.dst_ksfd){height: 40vh;}
.pack_intro:hover .pi_img{transform: scale(1.05);}
.pack_intro::after{position: absolute;top:0;left:0;z-index:1;height:100%;width:100%;content:'';background:linear-gradient(to right, rgba(0,0,0,.6)0%, rgba(0,0,0,0)100%)}
.pi_tdiv{z-index:2;color:var(--white);margin-left:110px;max-width:600px}
.pack_name_{font-size:350%;font-weight: 600;line-height: 58px;margin-bottom: 10px;}
.pi_det{font-size:85%;margin-bottom:5px}
.pi_det ion-icon, .pd_det ion-icon{margin-bottom: -2px;}
.pit_btn{background: var(--orange);transition: 700ms ease;padding:12px 40px;min-width:150px;border-radius: 15px;font-weight: 600;font-size:130%;color:var(--white)}
.pit_btn:hover{transform: scale(.97);}
.package_description{display:grid;grid-template-columns: 70% 1fr;grid-gap: 15px;padding:30px 110px;}
.pd_head{color:var(--black);font-weight: 600;font-size:150%;position: relative;margin-left:12px;margin-bottom:15px}
.pd_shead{color:var(--lightBlack);font-weight: 600;font-size:120%;position: relative;display:flex;align-items: center}
.pd_head::before{content:'';background:var(--orange);height:25px;width:4px;position:absolute;left:-15px;top:50%;transform: translateY(-50%);}
.pd_txt{max-width:800px;color:var(--lightBlack);font-size: 95%;}
.line{height:1px;background:#dedede7d;margin:8px 0;}
.pd_det_bx{padding:20px;background:var(--white);margin-bottom:15px;box-shadow: 0 4px 15px #9a9a9a0d;position:relative}
.pd_det_bx::after{position:absolute;z-index:0;top:0;left:0;height:100%;width:100%;background:linear-gradient(to right, rgba(0,0,0,0)0%, rgba(205, 205, 205, 0.1)100%);content:''}
.pd_dc{position: relative;font-size:80%;color:var(--white);z-index:2;font-weight: 400;margin-left:-12px;margin-right: 15px;background:var(--orange);padding:0 20px;border-radius: 10px;border-top-right-radius: 25px;line-height: 35px;font-weight: 600;white-space: nowrap;pointer-events: none;}
.pd_dc::before, .pd_dc::after{content:'';position:absolute;bottom:-8px;height: 8px;width: 8px;background:var(--black);border-radius: 50%;border:3px solid var(--white)}
.pd_dc::before{left:20%}
.pd_dc::after{right:20%}
.pd_shead:has(.pd_dc)::after{content:'';position: absolute;top:41px;left:-1.8%;height: 0;background:var(--black);width: 10%;border-bottom: 1px dashed var(--txt);z-index: 2;}

.pd_stxt{margin-top:5px;font-size:80%;color:rgb(96, 96, 96)}
.pd_shead, .pd_txt, .pd_stxt{position:relative;z-index:2}
.pdLi{font-size:85%;color:var(--lightBlack);position:relative}
.pdLi:not(:last-child){margin-bottom: 3px;}
.pdLi::after{content:'';background:#afafaf;height:4px;width:4px;border-radius: 50%;left:-10px;position:absolute;top:8px}
.pd_mbtn{background:var(--orange);display:block;width:100%;padding:16px 0;color:var(--white);border-radius: 15px;margin-bottom:15px;font-weight: 600;transition:500ms ease;font-size:110%}
.pd_mbtn:hover{background: var(--darkGreen)}
.pd_mp{color:var(--orange);font-weight: 600;font-size:170%;margin-top:10px}
.pd_det{font-size:70%;color:rgb(96, 96, 96)}
.pdtnc{padding:10px;max-width:700px;font-size:85%}
.pdtnc .pdLi::after{top:6px}
.pdtnc .pdLi{margin-left:7px}
.pd_sm_div{height:180px;position:relative;overflow: hidden;border-radius: 15px;margin-bottom: 10px;max-width:350px}
.pd_sm_div::after{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(to bottom, rgba(0,0,0,0)0%, rgba(0, 0, 0, 0.361)100%);content:'';z-index:1}
.pdsm_img{height:100%;width:100%;object-fit: cover;transition: 500ms ease;}
.pd_sm_div:hover .pdsm_img{transform: scale(1.1);}
.pdsm_head, .pd_sm_div .pd_det{color:var(--white);position:absolute;z-index:2;left:10px}
.pdsm_head{font-weight: 500;bottom:35px;font-size:120%;line-height:22px;width:80%}
.pd_sm_div .pd_det{bottom:14px;font-size:65%}
.pd_sm_div .pd_det ion-icon{margin-bottom: -1px;}
.pd_side{grid-row:span 2}
.sim_pack_wrap{display: grid;grid-gap: 10px;padding:5px;margin:10px 0}
.pd_shead.djkf{margin:20px 0 0 0;}
.pd_det_bx.lkdfsf{margin-bottom: 30px;}
.pack_intro .package_price{font-size: 200%;}
.pack_enq_div{margin: 20px 0;box-shadow: var(--boxShadow)}
.pe_top{color:yellow;background: var(--orange);padding:20px; position: relative;font-weight: 500;}
.pet_a{font-size: 200%;font-weight: 600;color:var(--white);margin-bottom: 10px;}
.pe_form_container{padding:20px}
.pe_form_container p{text-align: center;}
.form_note{font-size: 60%;color:var(--txt)}
.pe_form_container .inpGrp{padding:10px 0}
.pe_form_container .section_p{font-size: 80%;margin: 5px 0 15px 0;}
.pef_head{font-weight: 500;font-size: 130%;margin-top: 20px;}
.pe_form .btn{width: 100%;margin-top: 20px;padding:18px 0}
.pack_enq_div .div_{position: absolute;background:var(--bgGrey);border-radius: 50%;display: grid;place-items: center;color:var(--txt);padding:10px;left:50%;bottom:-35%;transform: translate(-50%,-50%);pointer-events: none;}

/* package page styles */

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

/* bottomsheet styles */

.bottom_sheet_bg{position: fixed;z-index:5;height:100vh;width:100vw;background:rgba(0,0,0,.2);top:0;left:0;backdrop-filter: blur(2px);}
.bottom_sheet{height:100%;width:100%;position:relative}
.bs_container{background: var(--white);border-radius: 15px; width:100%;max-width: 500px;overflow: hidden; animation: bs_slide 300ms ease}
.bs_head{padding:20px 15px;position:relative;background:var(--bgGrey);border-bottom: var(--border);text-align: center;}
.bs_close_btn{background:none;outline:none;border:none;cursor: pointer; position:absolute;top:15px;right:15px;font-size: 120%;transition: 300ms ease; color:grey;}
.bs_close_btn:hover{color:var(--main)}
.bs_form{padding:20px;padding-bottom: 30px;}
.bottom_sheet .section_head{font-size: 180%;}
.bottom_sheet .form_note{width: 95%;margin:5px auto;padding:5px}
.bottom_sheet .section_p{text-align: center;width: 80%;margin:5px auto;font-size: 90%;margin-top: 20px;margin-bottom: -5px;}

/* bottomsheet styles */

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

/* package card */



/* package card */

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */


.intro .pit_btn.p_l_btn{margin:20px auto 30px auto;z-index:3}
.intro_top{background:white;height: 70vh;text-align: center;position: relative;overflow: hidden;}
.intro_head{font-weight: 700;font-size: 400%;max-width: 1100px;color:var(--txt);line-height: 4.8rem;}
.intro_p{margin:10px auto 15px auto;font-weight: 400;color:gray;font-size: 110%;}
.intro_head span{color:var(--orange)}
.intro_search_box{display: flex;align-items: center;justify-content: space-between;border-radius: 50px;box-shadow: 0 4px 10px rgba(180, 75, 52, 0.1);padding:5px;width: 35%;overflow: hidden;border:var(--border);background:white}
.search_bar{width: 90%;outline: none;border: none;padding: 10px;display: block;font-size: 110%}
.search_btn{background:var(--orange);color:var(--white);display: grid;place-items: center;padding:10px;border-radius: 50%;font-size: 150%;}
.intro_img{position:absolute;width: auto;top:50%;transform: translate(-50%,-50%);}
.intro_search_box, .intro_img{z-index: 1}
.intro_bg_img{position: absolute;width:90%;bottom:-25px;height: auto;z-index: 0;opacity: .08}
.scroll_div{position: absolute;bottom:0;left:50%;transform: translate(-50%,-50%);z-index: 4;display: flex;align-items: center;background:white;border-radius: 50%;padding:2px;box-shadow: var(--boxShadow);}
.scroll_outer{height: 70px;animation: rotate 60000ms ease infinite;}
.scroll_down{position:absolute;height: 50px;left:50%;transform: translateX(-50%);}
.feat_div{display: grid;grid-template-columns: repeat(3,1fr);width: 70%;margin:0 auto;border-bottom: 1px solid #eee;}
.feat{display: flex;align-items: center;justify-content: center;padding:20px;}
.featIco{font-size: 2.7rem;margin-right: 10px;color:var(--orange)}
.featTxt{font-weight: 600;font-size: 130%;}
.featTxt span{display: block;font-size: 60%;margin-top: -6px;font-weight: 400;color:var(--txt)}
.hp_tourism{height: 200px;}

.section{padding:20px 0}
.section_top{padding:20px;display: flex;align-items: center;justify-content: center;flex-direction: column;margin-bottom: 20px;}
.section_head{font-weight: 400;font-size: 250%;}
.section_head span{font-weight: 600;color:var(--orange)}
.section_p{font-size: 120%;color:var(--txt);opacity: .8;}
.packages_wrap{display: grid;grid-template-columns: repeat(4,1fr);width: 85%;grid-gap: 30px 20px;padding-bottom:20px}
.package{overflow: hidden;background:var(--white);box-shadow: var(--boxShadow);border-radius: 20px;}
.package_top{height: 300px;overflow: hidden;position: relative;display: grid;align-items: center;}
.package_img{transition: 300ms ease;height: 100%;width: 100%;object-fit: cover;}
.package_info{position:absolute;bottom:0;left:0;width:100%;padding:10px;color:var(--white);z-index:2}
.package_top::after{content:'';position:absolute;bottom:0;left:0;height: 60%;width:100%;z-index:1;background:linear-gradient(to top, rgba(0,0,0,0.9)0%, rgba(0,0,0,0)100%);opacity: .7;}
.package_location,.package_price{font-weight: 600;font-size: 120%;}
.package_location ion-icon{margin-bottom: -2.5px;margin-right: -4px;}
.package_category{background:var(--orange);color:var(--white);font-size: 80%;padding:0 10px;border-radius: 5px;margin:5px auto;text-transform: capitalize;}
.package_price{font-weight: 400;font-size: 110%;}
.package_price span{color:var(--orange);font-weight: 600;}
.package_detail{padding:15px;padding-bottom: 25px;}
.package_name{font-weight: 500;color:var(--txt);line-height: 25px;font-size: 120%;}
.dstUl{margin:10px 0;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap}
.dstLi{font-size: 70%;border-radius: 10px;padding:4px 10px;border:1px solid var(--orange);margin-right: 6px;margin-bottom: 6px;color:var(--orange);font-weight: 500;transition: 300ms ease;cursor: context-menu;}
.dstLi:hover, .wwd_section{background: rgba(255, 94, 0, 0.073);}
.line{height: 1px;width: 100%;margin:20px 0; background:linear-gradient(to right, rgba(0,0,0,0.05) 0%, rgba(101, 101, 101, 0.2) 10%, rgba(101, 101, 101, 0.2) 90%, rgba(0,0,0,0.05) 100%)}
.package_dur{font-size:70%;color:gray;margin-bottom: 4px;}
.btn{padding:13px 30px;border-radius: 15px;font-size: 90%;font-weight: 500;transition: 300ms ease;}
.btn.btn-pri{color:var(--white);background:var(--orange)}
.btn.btn-pri:hover{background: var(--darkOrange);}
.btn:disabled{pointer-events: none;opacity: .5;}
.package:hover .package_img{transform: scale(1.05);}
.package.dst:nth-of-type(4), .package.dst:nth-of-type(2), .package.dst:nth-of-type(9){grid-column: span 2;}
.package.dst .package_location{font-size: 155%;text-align: center;line-height: 30px;}


.spd_p{font-size: 150%;margin: 10px 0;}

.wwd_section{height: 50vh;text-align: center;}
.wwd_p{width: 50%;opacity: .7;margin:15px 0}
.page{padding:50px 0}
.page .section_head{font-weight: 600;}
.contact_det_div{width: 80%;text-align: center;padding:100px 0}
.contact_ico_wrapper{display: grid;place-items: center;border-radius: 50%;background:var(--orange);color:var(--white);height: 80px;width: 80px;font-size: 300%;}
.abt_head{font-weight: 500;font-size: 180%;margin:8px auto}
.inpGrp{padding:10px;position: relative;}
.input{resize: vertical;display: block;width: 100%;padding:15px;transition:500ms ease;background:#fafafa;border:2px solid #eee;outline:none;border-radius: 10px;font-size:110%;font-weight: 500;z-index:1}
.input:hover{border-color: #ccc;}
.input:focus{border-color: var(--txt);background:var(--white)}
.cf_form{width: 50%;padding:20px 0}
.label{position: absolute;top:50%;left:28px;opacity: .5;transition: 200ms ease;font-size: 100%;transform: translateY(-50%);pointer-events: none;}
.input:focus + .label, .input:not(:placeholder-shown) + .label{font-size: 75%;top:14%;background:var(--white);z-index:2;color:var(--txt);font-weight: 500;opacity: 1;padding:0 4px;left:24px}
.input:valid{background:var(--white)}
.input:not(:focus):valid ~ .label{color: #939393;}
.input:not(:focus):invalid:not(:placeholder-shown){border-color: red;}
.input:not(:focus):invalid:not(:placeholder-shown) ~ label{color: red;}
.cdd_p{font-size: 115%;opacity: .8;}

.grid2to1{display: grid;grid-template-columns: 1fr 1fr;}


.landing_intro{height: 95vh;position: relative;overflow: hidden;}
.lp_swiper{position: absolute;top:0;height: 0;height: 100%;width: 100%;z-index:1}
.lp_slide_img_wrap, .lp_slide_img{height: 100%;width: 100%;}
.lp_slide_img{object-fit: cover;}
.landing_intro::after{content: '';position:absolute;bottom: -5px;left: 0;width: 100%;height: 100%;background:linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,0,0)100%);z-index:3}
.lp_ol_iimg{position: absolute;top:0;left:0;height: 100%;width: 100%;object-fit: cover;z-index:2}
.lp_intro_container{display: flex;align-items: center;justify-content: flex-end;position: relative;z-index: 4;flex-direction: column;height: 100%;padding:20px;padding-bottom: 100px;}
.t1{color:var(--white);font-weight: 500;}
.t1 span{color:var(--orange)}
.lp_t1{font-size: 180%}
.lp_t2{font-weight: 600;font-size: 500%;margin-top: -10px;}
.lp_intro_line{width: 80%;height: 1px;background:var(--white);margin:15px auto}
.lp_intro_btn{color:var(--white);background:var(--orange);padding:12px 40px;border-radius: 15px;margin-top: 20px;font-size: 130%;transition:300ms ease}
.lp_intro_btn:hover{filter:brightness(90%)}
.lp_intro_btn.btn1{display: none;}
.lp_ps_top{margin-top:20px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.lp_h_p{color:var(--lightBlack);margin-top: -10px;}
.lp_ps_top .heading span{color:var(--orange);font-weight: 600;}
.sp_off_dialog{width:80%;border-radius: 25px;overflow: hidden;margin:20px auto;padding:50px;position: relative;height: 50vh;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.sp_off_img{position: absolute;top:50%;right:0;z-index: 1;width: 50%;height: auto;object-fit: cover;transform: translateY(-50%);}
.sp_off_dialog::after{content: '';background:linear-gradient(to right, var(--orange) 0%, var(--orange) 60%, rgba(0,0,0,0) 100%);position: absolute;top:0;left:0;height: 100%;width: 100%;z-index:2}
.sp_off_dialog p, .sp_off_dialog button{position: relative;z-index: 3;color:var(--white)}
.sp_off_dialog .heading{text-align: left;width: 60%;font-weight: 600;font-size: 350%;line-height: 65px}
.sp_off_dialog button{color:var(--orange);background: var(--white);font-weight: 600;}
.sp_off_dialog .lp_h_p{margin-top: 10px;}
.srch{height: 20vh;}

.wpop{position:fixed;z-index:8;bottom:0px;right:0px;transition:300ms ease}.wpop:hover{transform:scale(1.1)}.cnow{bottom:57px;right:11px}

section.blog p, section.blog .wwd_p{text-align: left;width: 90%}
section.blog .section_head{font-family: serif;font-size: 300%;}
.blog_img{width: 90%;max-width: 700px;margin-bottom: 20px;}
.page .wwd_p{width: 70%;}
.ceo_img{width:80vw;max-width: 300px;height: auto;border-radius: 20px;margin:20px auto;}
/* other */

@media (max-width:932px){
    ::-webkit-scrollbar {height: 0px;width: 0px;}
    section.blog .section_head{font-size: 180%;line-height: 110%;}
    section.blog p, section.blog .wwd_p{width: 100%}
    .page .wwd_p{width: 90%;}



    /* navbar styles */

    .navli .navSUL{display:block;position:relative;opacity:1;animation:none;top:0;box-shadow: none;padding-left:10px;width: 80%;}
    .navli:hover .navSUL{animation:none}
    .navslia{position:relative}
    .navslia::before{content:'>';margin-right: 5px;}
    .navUl, .nav::after,.navlia.active::after{display: none;}
    .menuToggle{display:block;background:none;color:var(--orange);font-size:200%;margin-bottom: -12px;}
    .nav_right{width:10%}
    .logo_a{width:auto}
    .logo{height: 50px;}
    .nav_top{position:absolute;top:0;left:0;height:auto;width:100%;padding:5px;text-align: center;margin-left: 0;justify-content: space-around;}
    .nav{padding:40px 10px 10px 10px;justify-content: space-between;}
    .nav_top a{font-size:85%}
    .navUl{display: block;position:fixed;top:0;left:-100vw;height:100vh;width:70vw;background: var(--white);z-index:6;transition:300ms ease;padding-top:7rem;box-shadow:4px 0 10px rgba(83, 83, 83, 0.1);overflow-y: scroll;}
    .navBG{content:'';position:fixed;top:0;left:0;height:100vh;width:100vw;background:rgba(63, 63, 63, 0.1);z-index:5;display:none;transition:300ms ease;backdrop-filter: blur(1px);}
    .navlia ion-icon{display:block;margin-right:5px;margin-bottom: 2px;}
    .navlia{display:flex;align-items: center;font-size:105%}
    .navli{margin:2px 10px}
    .navli:not(:last-child), .navsli:not(:last-child){border-bottom: var(--border)}
    .nav.show .navBG{display:block}
    .nav.show .navUl{left:0}
    .nt_a.ml{display: none;}
    
    /* navbar styles */

    /* -------------------------------------------------------------------- */
    /* -------------------------------------------------------------------- */

    /* footer styles */

    .ft_main{grid-gap: 30px;grid-template-columns: 1fr;}
    .destinations_wrap{grid-template-columns: 1fr 1fr;grid-gap: 5px;}
    .ft_p, .ft_li{font-size:75%}

    /* footer styles */

    /* -------------------------------------------------------------------- */
    /* -------------------------------------------------------------------- */

    /* package page styles */

    .pi_tdiv{margin-left:20px;width:100%;z-index:3;position: absolute;bottom:52px}
    .pd_main{margin-top:-70px;z-index:2;position:relative}
    .pack_intro{height:50vh;z-index:1}
    .pack_intro:has(.dst_ksfd){height: 30vh;}
    .pd_sm_div{width:100%}
    .pdsm_head{font-size:105%;line-height:20px;width:70%;bottom:23px}
    .package_description{padding:20px}
    .pit_btn, .pd_side .jhjd{display: none;}
    .pd_shead{color:var(--lightBlack);font-weight: 600;font-size:105%;position: relative;display:flex;align-items: center;line-height:19px;align-items: flex-start;}
    .pd_shead.djkf{margin:30px 0 10px 0;}
    .pd_shead:has(.pd_dc)::after{top: 10px;width: 100px;left:-35%;z-index: 1}
    .pd_dc::before,.pd_dc::after{display: none;}
    .pd_dc{line-height: 35px;margin-top: -2.5%;z-index: 2;}
    .pd_mbtn{position: fixed;bottom:0;left:0;height:57px;width:100vw;border-radius: 0;font-size:110%;font-weight: 500;box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);z-index:3;margin-bottom: 0;}
    .pd_mp{position: fixed;bottom:41px;left:10px;height:auto;width:auto;padding:5px 10px;background:var(--black);color:var(--black);z-index:4;font-size:85%;border-radius: 10px;}
    .pack_name_{font-size:200%;line-height:35px;font-weight: 600;max-width:250px}
    .pd_txt{font-size:90%}
    .pi_det{font-size:85%;margin-bottom:0px}
    .pack_intro .package_price{font-size: 110%;margin:5px 0}
    .pet_a{font-size: 180%;}

    /* package page styles */

    /* -------------------------------------------------------------------- */
    /* -------------------------------------------------------------------- */

    /* bottomsheet styles */
    
    .bs_container{position:absolute;left:0;bottom:0;animation:bs_slide1 300ms ease;border-radius: 0; border-top-right-radius: 15px; border-top-left-radius: 15px; padding-bottom: 40px; max-height: 90vh; overflow-y:scroll}
    .bottom_sheet .section_p{font-size: 70%}
    

    /* bottomsheet styles */

    .intro_img.img1, .intro_img.img2{height:120px;top:15%;z-index: 0;}
    .intro_img.img1{display: none;}
    .intro_img.img2{left:50%}
    .intro_head{font-size: 200%;line-height: 2.3rem;z-index: 1;font-weight: 800;}
    .hp_tourism{margin-top: 3.8rem;height: 150px;margin-bottom: 10px;}
    .intro_p{font-size: 90%;width: 90%;}
    .intro_search_box{width: 90%;font-size: 90%;}
    .intro_top{min-height: 65vh;padding:20px}
    .intro_bg_img{width: 150%;left:50%;transform: translateX(-50%);}
    .feat_div{width: 100%;}
    .feat{padding:20px 10px;flex-direction: column;text-align: center;justify-content: flex-start;}
    .featIco{font-size: 1.5rem;margin-right: 5px}
    .featTxt{font-size: 105%;margin-top: 5px;}
    .featTxt span{margin-top: -2px;font-size: 50%;}
    .section_head{font-size: 130%;line-height: 25px;}
    .section_top{align-items: flex-start;padding:10px;text-align: left;width: 90%;}
    .section_p{font-size: 70%;}
    .packages_wrap{width: 100%;display: flex;flex-wrap: nowrap;overflow-x:scroll;}
    .package{flex: 0 0 75%;}
    .package:nth-of-type(1){margin-left: 20px;}
    .package:last-of-type{margin-right: 20px;}
    .package_top{height: 200px;}
    .package_location,.package_price, .package.dst .package_location{font-size: 110%;line-height: 22px;}
    .package_location ion-icon{margin-bottom: -2px;margin-right: -2px;}
    .package_category{font-size: 70%;padding:0 6px;margin:2px auto}
    .package_price{font-weight: 400;font-size: 90%;}
    .package_price span{color:var(--orange);font-weight: 700;}
    .package_name{font-size: 110%;line-height: 20px;}
    .package_dur{font-size: 60%;}
    .dstLi{font-size: 60%;}

    .sp_off_dialog::after{content: '';background:linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);position: absolute;top:0;left:0;height: 100%;width: 100%;z-index:2}
    .sp_off_dialog .heading{text-align: left;width: 100%;font-size: 200%;line-height: 35px;text-align: center;font-family: serif;}
    .packages_page_wrap{width: 90%;padding: 30px 0;position: relative;z-index: 4;}
    .sp_off_img{top:0;right:0;width: 100%;height: 100%;transform: scale(1);}
    .sp_off_dialog button{font-size: 80%;padding:6px 16px;color:var(--white);background:rgba(255,255,255,.1);border:2px solid var(--white);backdrop-filter: blur(2px);}
    .sp_off_dialog{padding:30px;width: 90%;text-align: center;height: 250px;display: flex;align-items: center;flex-direction: column;justify-content: flex-end;border-radius: 30px;margin:30px auto}
    .spd_p{font-size: 60%;margin-top: 0px;font-weight: 500}
    .wwd_p{width: 80%;opacity: .7;font-size: 90%;}
    .page .section_head{font-size:180%;}

    .contact_det_div{grid-gap: 40px;padding-top: 40px;}
    .grid2to1, .package_description{grid-template-columns: 1fr;}
    .cf_form{width: 90%;}
    .cdd_p{font-size: 95%;opacity: .8;}

    .lp_intro_line{display: none;}
    .lp_t1{font-size: 110%;}
    .lp_t2{font-size: 250%;line-height: 45px;margin:7px 0}
    .t1{text-align: left;}
    .lp_intro_container{align-items: flex-start;padding-bottom: 20px;}
    .landing_intro{height: 60vh;}
    .lp_intro_btn.btn1{position: fixed;z-index: 5;bottom:-2px;left:0;width:100vw;height: auto;border-radius: 0;display: none;padding:18px;}
    .lp_intro_btn.btn1.show{display: block;animation: bs_slide 500ms ease-out;}
    .lp_ps_top{align-items: flex-start;width: 88%;margin-top: 0;}
    .lp_h_p{font-size: 85%;}
    .lp_ps_top .heading{font-size: 150%;}
}

@keyframes slideIn {
    0%{top:-100%}
    100%{top:0}
}
@keyframes wave {
    0%, 100% {clip-path: polygon(0% 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}
    50%{clip-path: polygon(0% 60%, 15% 65%, 34% 66%, 51% 62%,67% 50%, 84% 45%,100% 46%,100% 100%,0% 100%)}
}
@keyframes bs_slide {
    0%{opacity:0;margin-bottom: -150px;}
    100%{opacity:1;margin-bottom: 0;}
}
@keyframes bs_slide1 {
    0%{margin-bottom: -100vh;}
    100%{margin-bottom: 0;}
}
@keyframes flyIn {
    0%{top: 60px;}
    100%{top:40px}
}
@keyframes rotate {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}