@charset "utf-8";
*{margin:0;padding:0;border:0;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/*Project Name : Bryron Bay RentaCar [Created by WEBLINKINDIA.NET on December 12, 2024 : Ajay]*/
body{font:16px "Montserrat", sans-serif; color:#666666}
h1, h2, h3, h4, h5, h6{font-family:"Montserrat", sans-serif; margin:0; padding:0}
h1{font-size:1.8em;line-height:1.1em; color:#000}
h2{color:#383838; font-size:2.37em; line-height:1.2em}
ul,ol{margin:25px 0 0 10px; padding:0 0 0 15px; font-weight:600; font-size:.9em}
ul li{ margin-bottom:5px}
label{font-weight:normal;margin-bottom:5px;font-family:"Montserrat", sans-serif;}
.form-select{font-size:.8rem;}
p{margin:0}
a{color:#3f3f3f; text-decoration:none}
a:hover{color:#3f3f3f; text-decoration:none}
.dn{ display:none;}

.container-xxl{width:1230px;margin:0 auto;max-width:1230px; padding:0 15px}
.container-xxl h1{margin-top:20px;margin-bottom:10px;font-size:2em}

.text-center{text-align:center}
.mt_tb{margin:15px 0}
.bg{background:url(../images/bg.jpg) no-repeat center top; width:100%; height:auto; background-size:cover}

/*stepper*/
.bg1{background:linear-gradient(to bottom, rgb(216 241 249) 0%, rgb(255 255 255) 100%);padding:20px;box-shadow:1px 0 15px #e1e1e1;border:1px solid #d5d5d5;border-radius:10px}
.stepper-wrapper{margin-top: auto; display: flex; justify-content: space-between; margin-bottom: 20px}
.stepper-item { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1}
.stepper-item::before { position: absolute; content: ""; border-bottom: 1px solid #ccc; width: 100%; top: 25px; left: -50%; z-index: 2}
.stepper-item::after { position: absolute; content: ""; border-bottom: 1px solid #ddd; width: 100%; top: 25px; left: 50%; z-index: 2}
.stepper-item .step-counter { position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; width: 50px;
  height: 50px; border-radius: 50%; background: #fff; margin-bottom: 6px; border:#ddd 1px solid; font-weight:700}
.stepper-item.active { font-weight: bold}
.stepper-item.completed .step-counter {background-color:#009688; color:#fff}
.stepper-item.next .step-counter {background-color:#f47a14; color:#fff}
.orange{color:#f47a14}
.green{color:#009688}

.stepper-item.completed::after { position: absolute; content: ""; border-bottom: 1px solid #009688; width: 100%; top: 25px; left: 50%;
  z-index: 3}
.stepper-item:first-child::before { content: none}
.stepper-item:last-child::after { content: none}
.step-name{ font-size:.95em; color:#666}
.serv_addr_rgt{ width:calc(100% - 30px)}
.font_bold{ font-weight:700}
.red,.red a:link,.red a:visited{color:#de3e40}.red a:hover,.red a:active{color:#f00}
.clearfix{clear:both}
.left{width:50%; float:left; margin-top:20px}
.right{width:50%;s float:right}
.mt-3{margin-top:10px}
.mb-3{ margin-bottom:10px}


/*contact section*/
.contact_bx{ background:#fff;padding:30px;border-radius:30px;border:3px solid #ffcece;box-shadow: -7px 23px 31px -14px rgba(0,0,0,0.3);min-height:401px}
.contact_bx input[type=text], .contact_bx input[type=date], .contact_bx input[type=time], .contact_bx input[type=file], .contact_bx textarea, .contact_bx select{width:100%; font-size:1em; border:1px solid #c6d3e3; padding:18px 15px; border-radius:10px; box-shadow:1px 0 3px #eee;font-family:"Montserrat", sans-serif;}
.contact_box{background:#fff; box-shadow:1px 0 15px #eee; padding:20px; border-radius:20px; margin-top:20px}


.icon_w{width:70px;height:70px;border-radius:100%;background:#000;text-align:center}
.icon_w img{width:40px;height:40px;margin:15px auto}
.add_w{width:81%;margin-left:20px}

.view_btn, .view_btn:visited {background:#e11917;display:inline-block;text-align: center;color:#fff;font-size:1.3em;font-weight:700;height:47px;line-height:47px;    padding:0 52px;cursor:pointer;border-radius:7px}
.view_btn:hover{background:#af0000;color:#fff;text-decoration:none}
.w50{width:48%}
.float_left{float:left}.float_right{float:right}
.w36{width:36%; text-align:right}.w62{width:59%; margin-left:40px}
.w48{width:48%!important}
h2{font-size:1.4em}
.mb-4{margin-bottom:30px}.mt-4{margin-top:1em}.mt-3{margin-top:0.8em}
.mt-1{margin-top:0.4em}
.sec_w{width:100%; margin:auto}
.bb{border-bottom:1px solid #eee}
.pb20{ padding-bottom:20px}
/*contact section*/

/*car-listing*/
.heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.sec_w2{width:100%;margin:auto}
.car_list_wrap{background:#fff;padding:20px;border-radius:30px}
.car_list_wrap h2{color:#383838;text-align:center;font-size:2em;line-height:1.5em}
.car_wrap{width:100%;height:auto;display:flex;flex-wrap:wrap;margin:21px auto;border: 2px solid #ffcece;box-shadow:0px 0px 10px #cfcfcf;border-radius:30px;overflow:hidden}

.car_left_cont{width:calc(100% - 230px);height:auto;display:flex;padding:0px}
.left_sec {display:inline-block;vertical-align:top;width:352px;position:relative;
border-right:1px solid #ffcece}
.car_img{width:350px;height:234px}.car_img img{max-width:100%;height:auto}
.car_wrap .car_details{width:calc(100% - 370px);display:inline-block;margin-left:16px; padding:15px}
.car_ttl{font-size:1.5em;line-height:1.5em;color:#707070; font-weight:600}
.car_ttl span{background:#e5f7fd;display:inline-block;padding:5px 10px;color:#000; border-radius:20px;font-size:15px; line-height:1em}
.car_capacity{margin-top:8px}
.car_capacity span{background:#f1f1f1;display:inline-block;padding:6px 10px;font-weight:600;border-radius:5px}.car_capacity span img{width:26px;height:auto;margin-right:5px;vertical-align:bottom}.car_capacity span b{border-left:1px solid #d6d6d6;display: inline-block;font-size:1.2em;padding:0px 10px;line-height:26px}
ul.list{margin:10px 0 0;padding:0px;display:flex;flex-wrap:wrap}
ul.list li{list-style:none;width:100%; color:#000;font-weight:600;margin-right:10px;font-size:14px}
ul.list li span{ font-size:14px;display:inline-block;font-weight:400}
ul.list li b{font-weight:400;background:#fff;font-size:13px;padding: 2px 5px;border:1px solid #a7eb47}
.status{font-weight:600;color:#22a510;margin-top:10px}
.booked{color:#f00}

.car_rgt_cont{width:230px;padding:15px;background:#fff7f7;border-radius:0 10px 10px 0;
text-align:center;position:relative}
.price{font-size:1.3em;line-height:1.5em;padding:1em 0 0;font-weight:600}.price b{display:block;color:#263dc6;border-radius:5px}
.select_btn{margin-top:10px;display:block}
.select_btn .btn_sml{background:#fff;display:block;padding:7px 20px;border-radius:5px;font-weight:600;color:#fe3132;font-size:1.1em;line-height:1.4em;border:1px solid #fe3132;cursor:pointer}
.select_btn .btn_sml.act{background:#138b48;color:#fff;border:1px solid #138b48}
.select_btn .btn_sml.act:before{content:'✓';display:inline-block;width:20px;height: 20px;line-height:21px;background:#fff;border-radius:50%;color:#22ac5f;vertical-align: middle;margin-right:4px}
.select_btn .btn_sml input[type=radio]{display:none}


/*Car-Detail*/
.car_detail_wrap{background:#fff;border:1px solid #e0e0e0;border-radius:10px; min-height:90px; padding:15px}
.car_detail_wrap h3{font-size:1.6em;color:#424040}
.car_detail_wrap h4{font-size:1.4em;color:#ec2f2f}
.car_dtl_img{width:500px;height:334px;border-radius:10px;overflow:hidden}.car_dtl_img img{max-width:100%;height:auto}
.details{display:flex;flex-wrap:wrap}
.car_dtl_des{ padding:15px; width:56%}
.dtl_item{margin:1em 0 0.3em;padding-left:30px;font-size:1em;line-height:1.5em;position:relative}
.dtl_item_ot{position:relative}
.dtl_item_ot:before{content:'';border-left:4px #000 solid;height:60%;position:absolute;
left:5px;top:8px}
.dtl_item:before{content:'';width:13px;height:13px;border-radius:50%;background:#f00;display:block;position:absolute;left:0px;top:7px}
.dtl_item b{color:#424242;line-height:1.5em; font-size:1.1em}
.dtl_item span{display:block}.dtl_item i{font-style:normal;padding:8px}
.adons{border:1px solid #f1f1f1;padding:10px;display:flex;flex-wrap:wrap;justify-content:space-between}
.adons input[type=checkbox],.adons input[type=radio]{width:15px;height:15px;vertical-align:middle; margin-top:-2px}.adons input[type=text]{border:2px solid #ccc; height:38px;border-radius:5px; width:60px;text-align:center;background:#fbfbfb}
.adons select{ border:2px solid #ccc; height:38px; padding:0 5px;border-radius:5px;text-align:center;background:#fbfbfb}
.adons label{font-weight:600;color:#2e2e2e}.adon_price{font-weight:600;color:#0b94d6}
.child_seat ul{ margin:0; padding:0; list-style:none;}
.child_seat ul li{ float:left; padding-right:20px;}
.child_seat select{ border:2px solid #ccc; height:38px;border-radius:5px;background:#fbfbfb}
.child_seat input[type=text]{ border:2px solid #ccc; height:38px;border-radius:5px; width:60px;background:#fbfbfb}
.seat_facing{ display:flex;}
.note_txt{padding:10px;width:100%;background:#fff8f8;font-size:14px;color:#2a2828; margin-top:0.5em}
.add_onfor{width:70%}
.dtl_summary{display:flex;flex-wrap:wrap;justify-content:space-between; border-top:1px solid #f1f1f1; padding-top:20px}
.left_bx{width:65%}
.right_bx{width:33%;box-shadow:0px 0px 10px #ccc;border-radius:10px}.border{border:1px solid #dfdfdf}
.order_summary{padding:15px}.order_summary h2{margin-bottom:0.5em;color:#333; border-bottom:1px solid #f1f1f1;padding-bottom:7px}
.sub_hed{font-weight:bold;font-size:1em}
.order_summary div{margin:0.5em 0 0}
.order_summary div:after{content:'';display:block;clear:both}
.order_summary b, .order_summary span{width:60%;display:block;float:left;font-size:14px}.order_summary b{text-align:right;font-weight:500;width:38%;float:right;color:#353535}
.order_summary .larg_font{ border-top:1px solid #ccc;padding-top:10px;margin-top:15px}
.order_summary .larg_font span, .order_summary .larg_font b{font-size:19px;font-weight:600;color:#000}.order_summary .larg_font small{display:block;text-align:right; line-height:1.5em}
.right_bx .view_btn{width:90%}

.booking_detail{display:flex;flex-wrap:wrap;justify-content:space-between}
.booking_detail h2{color:#383838;margin-bottom:10px}
.bk_dtl_lft{width:44%;border:1px solid #ccc;padding:15px;border-radius:15px;box-shadow:0px 0px 10px #ccc;background:#fff}.bk_dtl_rgt{width:54%;border:1px solid #ccc;padding:15px;border-radius:15px;box-shadow:0px 0px 10px #ccc;background:#fff}
.car_ttl{font-size:1.2em;color:#000}.car_summary{padding:15px 0}

.summary_list{font-size:16px;line-height:1.4em}
.summary_list div{padding:5px 10px;width:48%;float:left;border:1px solid #f1f1f1;
margin:4px}.summary_list div.w-100{width:97%}
.summary_list div:after,.summary_list:after{content:'';display:block;clear:both}
.summary_list span,.summary_list b{display:block}
.summary_list span{font-size:14px}

.form_wrap{display:flex;flex-wrap:wrap;justify-content:space-between; width:100%}
.form_wrap .form_item{width:48%; margin-bottom:1em}
.form_wrap .form_item label{width:100%; display:block}

/*Payment*/
.pay_outer{text-align:center}
.pay_type{margin-top:20px;padding:25px;display:flex;flex-wrap:wrap;justify-content: center}
.pay_type .col-6{width:20%;border:1px solid #e5e5e5;padding:15px 0;margin:5px;
background:#fcfcfc}.pay_type img{ vertical-align:middle}
.pay_type input[type=radio]{width:18px;height:18px;margin-right:7px;vertical-align:middle; margin-top:-1px}
.fs-5{ font-size:1.2em; line-height:1.5em; font-weight:600; color:#000}
.pay_outer .fs-5 b{ color:#f00}
.fs13{font-size:13px}

/*Thankyou*/
.thankyou_wrap{text-align:center;color:#000;width:70%;font-size:1.1em;box-shadow:0px 0px 20px #b1b1b1; background:#fff; margin:2em auto; position:relative; padding:1.5em; border-radius:20px; min-height:370px}
.thankyou_wrap::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-8px;border-radius:inherit;background:linear-gradient(128deg, #ff3332 46%, #009688 55%);opacity:1}
.thankyou_wrap b{display:block;font-size:1.5em;line-height:1.5em;font-weight:700}
.thanks_icon{font-size:4em;line-height:148px;color:#141414;margin:0.2em auto;background:linear-gradient(to right, #ea5236 30%, #141200 69%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:114px;height:114px;border:3px solid #ebebeb;border-radius:50%}
/* CONTACTS ENDS */

/*Invoice*/
.invoice{background:#fff;box-shadow:0px 0px 15px #ccc;border-radius:10px;padding:10px; color:#333; width:90%; margin:auto}
.thnku-bg .fs-4{font-size:1.3em;line-height:1.5em;font-weight:bold;color:#000}
.invoice_outer{border:1px solid #ccc;padding:15px;border-radius:9px;font-size:15px}
.invoice_outer b{font-weight:600}
.inv_left{width:50%;float:left}.bg-white{background:#fff}

.clearfix:after{content:'';display:block;clear:both}
.p-3{padding:1em}.p-2{padding:0.8em}
.inv_rgt{width:50%;float:right}
.d-block{display:block}
.mt-1{margin-top:0.3em}
.invc_item{display:flex;flex-wrap:wrap;border:1px solid #e8e8e8;padding:10px; border-radius:10px}
.thm_img{width:400px;margin-right:1em;border-radius:10px;overflow:hidden}
.thm_img img{width:100%;height:auto}
.inv_dtl{width:calc(100% - 500px)}.inv_dtl .car_ttl{font-size:1.6em}
.inv_dtl table{line-height:1.5em;font-weight:500}

.inv_pay_dtls{width:100%; border:1px solid #f1f1f1;text-align:right; background:#fbfbfb}
.inv_pay_dtls table{line-height:1.5em;font-weight:500}
.inv_pay_dtls table td{padding:3px 10px}
.inv_pay_dtls table b{text-align:right;display:block}
.inv_pay_dtls table tr:last-child{font-size:1.2em;font-weight:600;line-height:1.8em}
.print_opt{border-top:1px solid #ccc;padding-top:10px}
.required {margin-top:2px;}

/* CSS for Suggestion box */
.suggestionsBox{position:absolute; width:100%; background-color:#fff; border:1px solid #ccc; color:#666; padding:5px; z-index:999; left:0px;}
.suggestionList{margin:0px; padding:0px;}
/*  Individual Search Results  */
.suggestionList p{margin:0px 0px 3px 0px; padding:7px; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; list-style-type:none;}
/*  Hover effect  */
.suggestionList p:hover{background-color:#fff; font-weight:bold;}
/* CSS for Suggestion box */

.ssl_pos{position:fixed; z-index:99; bottom:15%;right:8px;}

@media only screen and (max-width:1279px){
.container-xxl{width:100%;max-width:100%;margin:auto;clear:both}
}


/* ================= Desktop/Laptop below 1152px  ================= */
@media only screen and (max-width:1151px){
.bg{ min-height:760px}
.ser_area{width:310px}

.car_dtl_img{width:350px;height:234px}
.car_detail_wrap h3{font-size:1.4em}
.left_bx{width:66%}.right_bx {width:32%}
.add_onfor label{font-size:0.9em}
.summary_list{font-size:14px;line-height:1.4em}
}

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (max-width: 991px) {
.car_left_cont{width:100%}.car_list_wrap{padding:11px}	
.left_sec{width:292px;padding:10px;border:0}
.car_img{width:280px;height:187px; border-radius:10px;overflow:hidden}
.car_wrap{border-radius:15px}
.car_wrap .car_details{width:calc(100% - 300px);padding:10px 0}
.car_rgt_cont{width:100%;display:flex;justify-content:space-between;padding:5px 10px; border-top:1px solid #ffcece;border-radius:0}
.car_ttl{font-size:1.2em}
.price{padding:7px 0;font-size:1em}
.price b{display:inline-block}.status{margin:0; padding:10px 0}

/*detail*/
.car_dtl_img{width:280px;height:187px}
.left_bx,.right_bx{width:100%}.right_bx{margin-top:1em}
.summary_list div{width:100%;margin:4px 0}
.summary_list div.w-100{width:100%}
.thankyou_wrap{width:97%}
.bg{ min-height:700px;background:#fff}

.invoice{width:100%}
}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (max-width:767px) {
.bg1{padding:8px 10px}
.step-name{font-size:0.9em}	
.sec_w{ width:100%}
.contact_bx{ padding:20px}
.w36{width:31%;text-align:right}.w62{width:64%;margin-left:24px}
.view_btn, .view_btn:visited{height:40px;line-height:40px;padding:1px 34px}

/*detail*/
.car_dtl_des{width:53%; padding:0 15px}
.car_detail_wrap h3{font-size:1.1em}
.dtl_item{font-size:0.9em}

.pay_type { padding:5px}
.pay_type .col-6{margin:2px;width:24%}
.bk_dtl_lft{ margin-bottom:1em}
.bk_dtl_lft,.bk_dtl_rgt{width:100%}
.bk_dtl_lft .car_summary{float:left; padding:0 15px; width:50%}
.bk_dtl_lft .car_dtl_img{float:left}

.bk_dtl_rgt .summary_list div{width:48%; margin:4px}
.bk_dtl_rgt .summary_list div.w-100{ width:97%}

.thankyou_wrap{padding:1em}
.thankyou_wrap b{font-size:1.1em;line-height:1.2em; margin-bottom:0.5em}
.thankyou_wrap p{font-size:14px}


.invoice_outer{ border:0; padding:0}
.inv_left,.inv_rgt{width:100%;float:none}
.inv_dtl{width:100%}
.inv_pay_dtls{width:100%;float:none}
.inv_dtl table, .inv_pay_dtls table{ font-size:12px}
}



/* ================= Mobile (Portrait) below 480px  ================= */
@media only screen and (max-width:479px) {
h2{font-size:1.2em}	
.stepper-item .step-counter{width:40px;height:40px}	
.car_list_wrap h2{ font-size:1.4em}
.contact_bx{padding:15px; border-radius:20px}	
.fs13{ font-size:12px}
.view_btn, .view_btn:visited{font-size:1em}
.step-name{display:none}.stepper-wrapper{ margin:0}	
.w36,.w62{width:100%;text-align:left; float:none; margin:0}
.contact_bx label{margin-bottom:0.4em; display:block; font-size:0.9em}
.car_wrap .car_details{width:100%}.car_wrap{border-radius:15px}
.left_sec{width:100%}.car_img{ width:100%; height:auto}
.car_ttl {font-size:1.1em}.car_ttl span{ font-size:14px; margin-bottom:0.5em}
.car_left_cont{flex-wrap:wrap}.car_capacity span b{font-size:1em}
.price b{display:block}.price{text-align:left;line-height:1.2em;padding:8px 0 0; font-size:0.9em}
.select_btn .btn_sml{padding:5px 13px;font-size:14px}.select_btn{margin:10px 0 0}
.car_rgt_cont{flex-wrap:wrap;align-items:center; padding-top:0; padding-bottom:10px}.status{text-align:right;padding:12px 0 3px;font-size:14px}

.car_dtl_img{width:100%;height:auto}
.car_dtl_des{width:100%; padding:15px 0}.car_detail_wrap h4{ font-size:1em}
.add_onfor{width:100%}.adon_price{padding:10px 0;text-align:right;width:100%}
.add_onfor label{font-size:13px}.note_txt{ font-size:12px}
.right_bx{padding-bottom:20px}

.bk_dtl_lft .car_dtl_img{float:none}
.bk_dtl_lft .car_summary{width:100%; padding:15px 0}
.bk_dtl_rgt .summary_list div{ width:100%; margin:4px 0}
.form_wrap .form_item{width:100%}
.order_summary{padding:15px 0}
.car_detail_wrap .order_summary{padding:15px}
.pay_type .col-6{margin:2px;width:48%}
.fs-5{font-size:1em}
}