@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
    font-family: 'product_regular';
    src: url('fonts/product_sans_regular-webfont.woff2') format('woff2'),
         url('fonts/product_sans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'product_sansbold_italic';
    src: url('fonts/product_sans_bold_italic-webfont.woff2') format('woff2'),
         url('fonts/product_sans_bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'product_sansbold';
    src: url('fonts/product_sans_bold-webfont.woff2') format('woff2'),
         url('fonts/product_sans_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'product_sansitalic';
    src: url('fonts/product_sans_italic-webfont.woff2') format('woff2'),
         url('fonts/product_sans_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.form-control:focus{ box-shadow: inherit; }


/*body{ font-family: 'product_regular'; }

h1,h2,h3,h4,h5,h6{ font-family: 'product_sansbold'; }*/


body{ font-family: "Inter", sans-serif; }

h1,h2,h3,h4,h5,h6{ font-family: "Inter", sans-serif; }

.btn.btn_orange { border: 2px solid #F4793E; color: #F4793E; border-radius: 0; height: 45px; padding: 6px 40px; font-size: 20px; }
.btn.btn_white { border: 2px solid #fff; color: #fff; border-radius: 0; height: 45px; padding: 6px 40px; font-size: 20px; }
.btn.btn_orange:hover{ background:#F4793E; color:#fff; }



.pb_180{ padding-bottom:180px; }
.pt_180{ padding-top:180px !important; }

.pt_160{ padding-top:160px; }


::-webkit-input-placeholder { /* Edge */
  color: #1C1C1C; opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1C1C1C; opacity: 1;
}
::placeholder {
  color: #1C1C1C; opacity: 1;
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: inherit;
}

header .navbar .navbar-nav li a { color: hsl(0, 0%, 8.2%) !important; font-size: .875rem; padding: 0 18px !important; font-weight: 600; }
header .navbar .navbar-nav li a:hover { color: #f67440 !important; }
header .navbar .navbar-nav li a.dropdown-item { padding: 9px 20px !important; }
header .navbar .navbar-nav .dropdown-menu li a:hover{ background:#cccccc24 !important; color:#F4793E !important; }
header .navbar .navbar-nav li:last-child a{ padding-right:0px !important; }
header .navbar .navbar-nav li a.active { color: #f67440 !important; }
header .navbar .navbar-nav li:last-child a.active{ padding:0 18px !important; }
header img { width: 90%; height: 3.5rem; }

nav.navbar.navbar-expand-lg.navbar-light.bg-light { background: #fff !important; border: none !important; padding: 0; }



.banner { background: url(../images/banner.png) no-repeat; height: 602px; padding: 140px 0;  background-size: 100% 100%; background-position: top center; }
.banner .container { background: #0D0D0D9E; padding: 45px 50px 50px 50px; }
.banner .container h2{ font-size:55px; color:#fff; }
.search_baner { background: #fff; border: 1px solid #0D0D0D; }

.loop_field_rp {
    float: left;
    width: 200px;
}

.loop_field_rp:nth-child(3n), .loop_field_rp:nth-child(5n) {
    width: 120px;
}

.loop_field_rp label { text-align: left; font-size: 14px; color: #F4793E; font-family: 'product_sansbold'; float: left; width: 100%; position: relative; padding: 11px 0 11px 0px; }
.loop_field_rp label:after{ position:absolute; content:""; left:0px; bottom:0px; width:125%; height:1px; border-bottom:1px solid #000; }

.loop_field_rp:first-child label { padding-left: 10px; }
.loop_field_rp:last-child {
    width: 165px;
}

.loop_field_rp .loop_fields { float: left; width: 100%; position: relative; margin: 15px 0 15px 13px; position: relative;}
.loop_field_rp .loop_fields::after { position: absolute; content: ""; right: -9px; top: 0px; width: 1px; border-right: 1px solid #000; height: 30px;}
.loop_field_rp .loop_fields select { width: 100%; border-radius: 0; border: none; background: transparent; height: 30px; padding: 0 15px; font-size: 13px;}
.loop_field_rp .loop_fields input { width: 100%; border-radius: 0; border: none; background: transparent; height: 30px; padding: 0 13px; font-size: 13px;}
.loop_field_rp .loop_fields img { position: absolute; top: 6px; left: -4px; height: 14px;}


.search_baner .loop_field_rp:last-child label::after { width: 105%; }
.search_baner .loop_field_rp:last-child .loop_fields{ width: 88%; }
.search_baner .loop_field_rp:last-child .loop_fields::after{ display:none; }



.form_search .col-md-1 { padding-left:0px; }
.form_search .btn { background: #f4793e url(../images/search.svg) no-repeat; background-position: center center; padding: 0; height: 103px; width: 100%; border-radius: 0; background-size: 55%; }


.block_area {   background: #FFF6F2; padding: 50px 0 120px; }
.block_wrap .bloc_loop { box-shadow: 1px 1px 13px #DBDBDBB8; background: #FFFFFF; text-align: center; padding: 35px 15px; height: 355px; width: 350px; margin: 0px auto; display: block; }
.block_wrap .bloc_loop h2 { font-size: 20px;}
.block_wrap { position: relative;}
.block_wrap .block_img { position: absolute; bottom: -70px; transform: translate(-50%,0); left: 50%;}




.call_action_rp { padding: 75px 0 50px 0; position: relative; }
.call_action_rp .right_text { padding-left: 20px; }
.call_action_rp .col-md-5{ position:relative; }
.call_action_rp .col-md-5::before { position: absolute; content: ""; background: url(../images/bg.png) no-repeat; top: -67px; left: -16px; width: 440px; height: 210px; background-size: 100%; }
.call_action_rp .left_img img { width: 80%; margin: 0px auto; display: block;  }
.call_action_rp .right_text h2 { font-size: 28px; color: #F4793E; line-height: 45px; margin: 0 0 12px 0; }
.call_action_rp .right_text p { line-height: 28px; font-size: 16px; margin-bottom:32px; }



.type_wrap { background: #FFF6F2; padding: 50px 0 50px; }


.title { margin-bottom: 34px;}
.title h2 { text-align: center; color: #F4793E; font-size: 36px; margin: 0;}
.type_wrap .type_loop { float: left; width: 100%; padding-right: 65px;}
.type_wrap .type_loop h2 { font-size: 20px; margin: 0 0 14px 0;}
.type_wrap .type_loop p { float: left; width: 100%; margin: 0;}
.type_wrap .type_loop p img { float: left; margin-right: 10px; height: 48px;}




.step_wrap { padding: 50px 0;}
.step_wrap .title { margin-bottom: 70px;}
.step_wrap .step_loop h2 { font-size: 20px; }
.step_wrap .step_loop { float: left; text-align: center; height: 260px; border: 10px solid #f4793e; border-radius: 100%; width: 260px; padding: 45px 20px; position: relative;}
.step_wrap .step_loop::after { position: absolute; content: ""; background: url(../images/arrow-top.png) no-repeat; top: -40px; left: -5px; width: 252px; height: 61px;}
.step_wrap .loop_steprep:nth-child(2n+2) .step_loop { border-color: #0d0d0d;}
.step_wrap .loop_steprep:nth-child(2n+2) .step_loop::after { background: url(../images/arrow-bottom.png) no-repeat; top: inherit; bottom: -40px; }


.step_wrap .step_loop::before { position: absolute; content: ""; background: url(../images/dots.png) no-repeat; width: 57px; height: 23px; right: 0; top: 50%; transform: translate(99%,-60%); z-index: 1; background-size: 100%; }
.step_wrap .loop_steprep:last-child .step_loop::before{ display:none; }


.newletter_wrap { margin-bottom:50px; margin-top: 30px; }
.newletter_wrap .col-md-7 { background: #F8F8F8; }
.newletter_wrap .right_form h2 { font-size: 28px; color: #F4793E; margin: 0 0 25px 0; line-height: 34px; }
.newletter_wrap .right_form { text-align: center; padding: 50px 55px; }
.newletter_wrap .right_form .form-control { height: 55px; border: none; border-radius: 0; margin-bottom: 25px; padding: 0 0 0 34px; font-size: 15px;}
.newletter_wrap .right_form .btn.btn_orange { margin: 21px auto 0; position: relative; z-index: 11; width: 200px;}




.footer{ background:#0d0d0d; color:#868686; padding-top:3.5rem; font-size: .875rem; }
.footer p a { color: #868686; text-decoration: none; display: flex; align-items: center; gap: 10px; }
.footer p.orange a { color:#f4723e; font-weight:700; }
.footer p.orange a:hover { color:#fff; }
.footer h5 { color: hsla(0, 0%, 98.8%, 0.9); margin-bottom: 1.5rem; font-weight: 700; text-transform: uppercase; font-size: .875rem; }
.footer ul{ list-style:none; padding:0; }
.footer ul li{ margin-bottom:10px; }
.footer ul li a{ color:#868686; text-decoration:none; }

.footer p a img{ filter: brightness(0) saturate(100%) invert(61%) sepia(66%) saturate(1854%) hue-rotate(338deg) brightness(99%) contrast(92%); }
.footer ul li a:hover,.footer p a:hover{ color:#f4723e; }
.footer-bottom{ border-top:1px solid rgba(255,255,255,.08); margin-top:60px; padding:25px 0; text-align:center; color: hsla(0, 100%, 99.6%, 0.3);
    font-size: .75rem; }


.footer img.web_logo { margin-top: -10px; fill: #fff; filter: brightness(0) invert(1); height: 2.5rem; }



.subscribe{
         background:hsl(17.1, 91%, 60.8%);
         color:#fff;
         text-align:center; padding: 6rem 0;
         }
         .subscribe h2{ font-size: 2.25rem; line-height: 2.5rem; }
         .subscribe p{ font-size: 1.125rem; line-height: 1.75rem; color:#fde3d8; }
         .subscribe input{
         height:48px;
         border:none;
         border-radius:.75rem !important;
         padding:0 20px;
         }

         .subscribe input[type="email"] {
    background: #ffffff54;
    color: #fff;
    height: 48px;
    width: 294px;
    border-radius: .75rem !important; border: 1px solid #f7a483;
}
.subscribe input::placeholder{ color:#fbeee9; }

.subscribe button {
    display: flex;
    align-items: center;
    gap: 10px; border-radius: .75rem !important;
}


svg.text-primary,.field-label svg {
    color: hsl(17.3, 91.1%, 60.4%) !important; width: 15px;
}
button.tab-btn svg {
    width: 17px;
}
/*FAQ Page*/


section.steps{ background:#000; color:#fff; padding-top: 6rem; padding-bottom: 6rem; }
.step-box{ text-align:center; }
.step-number{ width:3.5rem; height:3.5rem; border-radius:50%; background:hsl(17.1, 91%, 60.8%); color:#fff; margin:auto; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700; margin-bottom:25px; }
section.steps .section-title { text-align: center; margin-bottom: 3.5rem; }
section.steps .section-title h2{ font-size: 2.25rem; line-height: 2.5rem; margin-bottom: .5rem; font-weight: 800; }
.step-box h4 { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: .5rem; }
.step-box p { color: hsla(0, 100%, 99.8%, 0.5); margin:0; }


.parking-section{ background:#fdf5f1; padding:6rem 0px; }
.steps{ background:#000; color:#fff; }
.step-box{ text-align:center; }

.feature-card{ background:#fff; border:1px solid rgb(232, 232, 232); border-radius:18px; padding:2rem; text-align:center; height:100%; transition:.3s; }
.feature-card:hover{ transform:translateY(-10px); }
.feature-icon { width: 3rem; height: 3rem; background: hsla(16.9, 97.9%, 62.4%, 0.1); color: #ff7a3d; border-radius: .75rem; display: flex; align-items: center; justify-content: center; font-size: 28px; margin: 0px auto 1.25rem; }
.section-title { text-align: center;  margin-bottom: 3.5rem; }
.section-title h2{ font-size: 2.25rem; line-height: 2.5rem; margin:0; font-weight:800; }
.section-title p{ color:hsl(0, 0.7%, 30%); margin-top: .75rem; margin-bottom: 0; }
.feature-icon svg { width: 22px; }



.feature-card h4 { color: hsl(0, 0%, 6.3%); font-weight: 700; font-size: 1.125rem; line-height: 1.75rem; margin-bottom: .5rem; }
.feature-card p{ color: hsl(0, 0.7%, 30%); line-height: 1.625; font-size: .875rem; margin:0; }

section.section-padding{ padding:6rem 0px; }


.info-bar{
         background:hsl(17.1, 91%, 60.8%);
         padding:1.25rem 0;
         color:#fff;
         }
         .info-item{
         display:flex;
         align-items:center;
         gap:15px;
         }
         .info-icon{
         width:2.75rem;
         height:2.75rem;
         border-radius:50%;
         background:rgba(255,255,255,.2);
         display:flex;
         align-items:center;
         justify-content:center;
         font-size:20px;
         }
.info-item h6 {
    font-size: .875rem;
    line-height: 0.55rem;
    margin: 0 !important;
    font-weight: 700;
}
.info-item small {
    font-size: .75rem;
    line-height: 1rem;
    color: hsla(0, 0%, 99.6%, 0.7); margin: 0;
}

.about-section{
      padding:6rem 0; background: hsl(0, 0%, 96.5%);
    }

    .image-box{
      position:relative;
    }

    .image-box img{
      width:100%;
      border-radius:25px;
      height:540px;
      object-fit:cover;
    }

    .discount-card {
    position: absolute;
    bottom: -25px;
    right: -25px;
    background: #f9733a;
    color: #fff;
    width: 7rem;
    height: 7rem;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    align-items: center;
}

    .discount-card h2 {
    font-weight: 700;
    margin: 0;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

    .discount-card p {
    margin: 0;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
}

    .small-title{
      color:#f9733a;
      font-weight:700;
      letter-spacing:2px;
      text-transform:uppercase;
      margin-bottom:15px;
    }

    .main-heading{
      font-size: 2.25rem;
    font-weight: 800;
    color: #111;
    line-height: 2.5rem;
    margin-top: .75rem;
    margin-bottom: 1.25rem;
    }

    .about-text{
      font-size:18px;
      line-height:1.625;
      color:hsl(0, 0.7%, 30%);
      margin-bottom:25px;
    }

    .feature-box {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: hsl(17.1, 100%, 97.3%);
    padding: 14px 22px;
    border-radius: 9999px;
    margin: 10px 10px 0 0;
    font-weight: 600;
    color: hsl(0, 0%, 6.3%);
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: 1px;
}

    .feature-box i{
      color:#f9733a;
      font-size:18px;
    }

    .custom-btn {
    background: hsl(17, 91%, 60.6%);
    color: #fff !important;
    border: none;
    padding: .75rem 1.5rem;
    border-radius: .75rem;
    font-weight: 700;
    margin-top: 35px;
    transition: 0.3s;
    font-size: .875rem;
    line-height: 1.25rem;
    gap: .5rem;
    display: flex;
    text-decoration: none;
    width: 160px;
    align-items: center;
}

    .custom-btn:hover{
      background:#e86126;
    }




.banner_top { background: #000 url(../images/banner-new1.png) no-repeat; background-size: 100% 100%; color: #fff; min-height: 200px; height: auto; position: relative; background-position: 54% 44%; }
.banner_top .info_ban { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; }
.banner_top .info_ban h2{ font-size: 45px; margin: 0; }
/*.banner_top .info_ban p{ margin-bottom:0px; }*/


.faq_title { margin-bottom: 50px; }
.faq_title h2 { color: #F4793E; font-size: 25px; }
.inner_wrapper.faq_wrap .faq_title:first-child h2 { font-size: 35px; }
.inner_wrapper{ padding:50px 0 179px 0; font-size: 24px; line-height: 44px; }
.accordion-item { background-color: #fff; border: 1px solid #707070 !important; padding: 35px 60px; border-radius: 20px !important; margin-bottom: 40px; }
.accordion-item .accordion-button { font-size: 40px; padding: 0 0 25px; background: transparent; color: #1C1C1C; }
.accordion-button.collapsed{ padding:0px; }
.accordion-body { font-size: 24px; line-height: 44px; padding: 23px 0 0 0; }




.inner_wrapper.faq_wrap { padding-bottom: 0; }
.faq_loop { float: left; width: 100%; border-left: 15px solid #F4793E; padding-left: 42px; margin-bottom: 35px; }
.faq_loop h2 { font-size: 28px; border-bottom: 1px solid #acaaaa; padding-bottom: 18px; margin: 0 0 10px 0; background: url(../images/plain.jpg) no-repeat; padding-left: 50px; background-position: 0px 1px; background-size: 26px; }
.faq_loop p { margin: 0; font-size: 16px; line-height: 30px; }



.faq_wrap{}
.faq_wrap ul{ list-style:none; padding-left:5px; }
.faq_wrap ul li { background: url(../images/plain1.png) no-repeat; background-position: left 10px; padding-left: 35px; font-size: 16px; line-height: 35px; }
.faq_wrap .pink { background: #FFF6F2; padding: 30px; margin-top: 20px; padding-bottom: 170px;}
.inner_wrapper.faq_wrap .faq_title { margin-bottom: 30px;}
/*FAQ Page*/


/*AIRPORT PAGES*/
.afirport_page { background: #FFF6F2; padding: 50px 0; }
.afirport_page .page_title_airport h2 { color: #F4793E; font-size: 40px; }
.afirport_page h2 { font-size: 24px; color: #F4793E; }
.afirport_page p { margin-bottom: 25px; }
.afirport_page p:last-child { margin-bottom: 0px; }


.slider_wrap { padding: 50px 0 150px 0;}
.slider_wrap .wp_title { margin-bottom: 30px;}
.slider_wrap .wp_title h2 { margin: 0px; font-size: 40px; color: #F4793E;}

.loop_slider { background: #fff; box-shadow: 0px 3px 6px #DADADA91; margin: 0 10px 4px 10px; float: left; width: 95%;}
.loop_slider .img { float: left; width: 100%;}
.loop_slider .img img { height: 170px; margin: 0px auto; display: block; object-fit: scale-down; max-width: 100%;}
.loop_slider .slider_content { margin-top: 20px; padding: 0 20px; float: left; width: 100%;}
.loop_slider .slider_content h1 { font-size: 24px; color: #F4793E; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 60px; }


.price_reating { float: left; width: 100%; }
.price_reating .left { float: left; margin-top:10px; }
.price_reating .left span { font-size: 14px; }
.price_reating .right { float: right; text-align: center; }
.price_reating .right h2 { margin: 0; font-size: 24px; line-height: 20px; }
.price_reating .right span { font-size: 14px; }


.terminal_point { float: left; width: 100%; margin-top: 20px; margin-bottom: 40px;}
.terminal_point h2 { font-size: 22px; margin: 0;}
.terminal_point .nav li { float: left; font-size: 18px; margin-right: 10px;}
.terminal_point .nav li:last-child { width: 100%;}
.loop_slider .slider_content .btn_wrp { float: left; width: 100%; margin-bottom: 44px;}
.loop_slider .slider_content .btn_wrp .btn.btn_orange { margin: 0px auto; display: block; width: 242px;}


.slick-arrow { width: 44px; height: 44px; border-radius: 100%; }
.slick-arrow:before{ display:none; }
.slick-prev.slick-arrow { background:url(../images/arrow_left.png) no-repeat; }
.slick-next.slick-arrow { background:url(../images/arrow_right.png) no-repeat; }
.slick-prev.slick-arrow.slick-disabled,.slick-next.slick-arrow.slick-disabled { cursor: no-drop; }

/*AIRPORT PAGES*/





.contact_wrap { padding: 44px 0; }
.contact_wrap .title_cont{}
.contact_wrap .title_cont h2 { color: #F4793E; font-size: 36px; }


.loop_info_cont { float: left; width: 100%; border-bottom: 1px solid #000; padding: 15px 0; }
.loop_info_cont:last-child{ border:none; }
.loop_info_cont .left_side { float: left; width: 175px; }
.loop_info_cont .left_side span:first-child { float: left; background: #F4793E; color: #fff; width: 55px; height: 55px; display: block; text-align: center; border-radius: 100px; padding: 15px 0 0 0;}
.loop_info_cont .left_side span:last-child { font-weight: bold; font-size: 22px; margin: 14px 0 0 24px; float: left;}
.loop_info_cont .right_side { float: left; margin: 19px 0 0 30px;}
.loop_info_cont .right_side .social_loop ul { list-style: none; margin: 0px; padding: 0; display: flex; }
.loop_info_cont .right_side .social_loop ul li{ margin-right: 40px; }
.loop_info_cont .right_side .social_loop ul li a { text-decoration: none; color: #2C2C2C; }
.loop_info_cont .right_side .social_loop ul li a i { background: #EAEAEA; width: 40px; height: 40px; border-radius: 100px; text-align: center; padding: 12px 0 0 0; margin-right: 10px; color:#f4793e; }
.loop_info_cont .right_side .social_loop ul li a:hover i { background: #f4793e; color: #fff; }




.contact_form { background: #FFF6F2; padding: 45px 0; }
.contact_form .contact_heading { margin-bottom: 40px; }
.contact_form .contact_heading h2 { font-size: 36px; color: #F4793E; margin: 0; }
.contact_form label { padding-top: 16px; width: 115px; text-align:right; }
.contact_form .form-control { float: right; height: 55px; width: 420px; border: 2px solid #E7E7E7; border-radius: 0; margin-bottom: 20px;}

.contact_form .textarea { width:88.15%; float:right; }
.contact_form textarea.form-control { width: 100%; height: 150px;}

.contact_form .captcha { float: left; width: 100%;}
.contact_form .captcha .g-recaptcha { margin: 0px auto 50px; display: block; width: 302px;}
#contactUsForm { padding-left: 25px;}


.map_wraps{ margin:27px 0 180px 0; }
.map_wraps .map_wrap iframe { width: 100%; box-shadow: none !important; }





.about_pg .inner_bg { background: #FFF6F2; display: flex; border-radius: 10px;}
.about_pg .inner_bg .content_area { padding: 50px 60px 0px 37px;}
.about_pg .inner_bg .content_area h2{ font-size:26px; color:#0D0D0D; }
.about_pg .inner_bg .content_area p{ line-height:33px; }



.content_wrap.booking { background: #FFF6F2; padding: 50px 0 30px 0; margin-bottom:100px; }


.booking.form_wrap { margin-bottom: 50px; margin-top:50px; }
.booking.form_wrap .fr_lp .d-flex { border: 1px solid #0D0D0D; }
.booking.form_wrap .fr_lp .d-flex .form_feld_loop label { float: left; width: 100%; border-bottom: 1px solid #0D0D0D; color: #F4793E; padding: 12px 29px; font-weight: bold; }
.booking.form_wrap .fr_lp .d-flex .form_feld_loop { width: 50%;}
.booking.form_wrap .fr_lp .d-flex .form_feld_loop .form-control { border: none; padding: 14px 29px 14px 50px;}
.booking.form_wrap .fr_lp .d-flex .form_feld_loop .fld { position: relative; float: left; width: 100%;}
.booking.form_wrap .fr_lp .d-flex .form_feld_loop .fld img { position: absolute; top: 38%; left: 11%;}
.booking.form_wrap .fr_lp .d-flex .form_feld_loop:first-child .fld::after { position: absolute; content: ""; right: 0; top: 22%; background: #0D0D0D; width: 1px; height: 30px;}



.form_feld_loop.btn_wp { float: left; width: 100%; margin-top: 40px;}
.form_feld_loop.btn_wp .btn.btn_orange { margin: 0px auto; display: block;}
.booking.form_wrap .or_div { position: relative; text-align: center; height: 100%;}
.booking.form_wrap .or_div h2 { margin: 0px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.booking_loop{ background:#FDFDFD; padding:0 0 30px; }
.booking_loop .title { text-align: center; background: #F4793E; margin: 0px; }
.booking_loop .title h2{ margin:0; font-size:24px; padding:12px 0; color: #FFFFFF; }
.booking_loop span{ padding:19px 0 10px 30px; float:left; width:100%}
.booking_loop h3{ font-size:18px; margin:0; font-weight:600; padding-left: 30px;}
.booking_loop .btn.btn_red{ width:100%; height:40px; line-height:27px; margin-top:26px; margin-bottom:27px}
.booking_loop .btn.btn_red img{ margin-right:8px}
.booking_loop .loop_boking{ margin-bottom:15px}

.booking_loop .loop_boking .btn.btn_orange{ width:100%; position:relative; background:#fff !important; color:#F4793E !important; }
.booking_loop .loop_boking .btn.btn_orange:hover { background: #F4793E !important; color: #fff !important; }
.booking_loop .loop_boking .btn.btn_orange img { position: absolute; left: 39%; top: 50%; transform: translate(-70%,-50%); height: 16px; object-fit: cover; }
.booking_loop .loop_boking .btn.btn_orange:hover img { filter: brightness(400%); }
.table_view { padding-bottom: 155px; }



#updateBooking .field_loop { margin-bottom: 15px;}
#updateBooking label { margin-bottom: 5px;}
#updateBooking .form-control, #updateBooking .form-select { width: 100%; border: 2px solid #E7E7E7; border-radius: 0;}

#searchForm { margin: 10px 0 20px 0; }

/*dsfasdf*/
.parking_sorting{ padding:0px 0; margin-bottom:15px; margin-top:0px !important; }
.parking_sorting .row { border: 1px solid #ccc; border-top: none; margin:0; }
.parking_sorting span { color: #F4793E; font-size: 18px; font-family: 'product_sansbold'; margin-top: 5px; margin-right: 15px; }
.parking_sorting ul li a { color: #2C2C2C; text-decoration: none; border: 4px solid transparent; float: left; padding: 2px 12px; height: 35px; margin-right: 10px; }
.parking_sorting ul li:last-child a{ margin-right:0px; }
.parking_sorting ul li a.active{ background:#F4793E; color:#fff; }




.parking_loop {
    box-shadow: 0px 0px 10px #CFCFCFAD;
    padding-bottom: 19px;
    min-height: 313px;
    margin-bottom: 50px;
}
.parking_loop .rec {
    background: #2C2C2C;
    color: #fff;
    text-align: center;
    float: left;
    width: 100%;
    box-shadow: 0px 0px 10px #CFCFCFAD;
    height: 21px;
    padding: 2px 0;
}
.parking_loop .rec h2 { margin: 0; font-size: 14px; float: left; width: 100%;}
.parking_loop .left_side { text-align: center; padding: 0 10px;}
.parking_loop .left_side .reatting { justify-content: center; display: flex; margin-top: 12px; margin-bottom: 6px;}
.parking_loop .left_side .reatting span { font-size: 17px; color: #4A4A4A; margin-left: 7px; }
.parking_loop .left_side .img img { width: 100%; height: 140px; object-fit: scale-down;}
.parking_loop .left_side .price_as h2 { margin: 0px; font-size: 20px;}
.parking_loop .left_side .price_as h3 { margin: 0; color: #A6A6A6; font-size: 16px; text-decoration: line-through;}
.parking_loop .left_side .bnt_wrap .btn.btn_orange { width: 100%; font-size: 17px; height: 35px; padding: 3px 0; background: #F4793E; color: #fff;}

.parking_loop .left_side .img { margin-bottom: 8px;}
.parking_loop .left_side .price_as { margin-bottom: 10px;}
.parking_loop .right_side { width: 100%; padding-right: 10px; margin-top: 13px;}
.parking_loop .right_side .list_rp { margin-bottom: 27px; height: 65px; overflow-y: scroll; }
.parking_loop .right_side .list_rp ul,.parking_loop .right_side .list_rp ol { padding: 0; list-style: none;}
.parking_loop .right_side .list_rp ul li,.parking_loop .right_side .list_rp ol li,.parking_loop .right_side .list_rp p { background: url(../images/plain1.png) no-repeat; padding: 0 0px 0 16px; background-size: 9px 9px; background-position: left 6px; font-size: 14px;}

.parking_loop .right_side .feature li { margin-right: 10px; }
.parking_loop .right_side .feature li:last-child { margin-right: 0px; }

.parking_loop .right_side .title_in { margin-bottom: 20px;}
.parking_loop .right_side .title_in h2 { margin: 0 0 3px 0; font-size: 20px; height: 55px;}
.parking_loop .right_side .title_in h3 { margin: 0; font-size: 15px;}
.parking_loop .right_side .pop_btn { margin-bottom: 26px;}
.parking_loop .right_side .pop_btn ul li .btn.btn_orange { height: 28px; font-size: 14px; width: 96px; padding: 3px 0; margin-right: 6px; background: transparent; color: #F4793E;}
.parking_loop .right_side .pop_btn ul li .btn.btn_orange img { margin-top: -2px; margin-right: 2px; width: 12px; height: 12px; }


.parking_loop .right_side .list_rp::-webkit-scrollbar {
  width: 5px;               /* width of the entire scrollbar */
}

.parking_loop .right_side .list_rp::-webkit-scrollbar-track {
  background: aliceblue;        /* color of the tracking area */
}

.parking_loop .right_side .list_rp::-webkit-scrollbar-thumb {
  background-color: aliceblue;    /* color of the scroll thumb */
        /* roundness of the scroll thumb */
  background:#f4793e;  /* creates padding around scroll thumb */
}

.parking_loop .right_side .list_rp{
  scrollbar-color: #f4793e aliceblue;
scrollbar-width: thin;
}


.comp_wrapper { margin-bottom: 120px; }
.moreInfoPopup .modal-header { border: none; padding-bottom: 5px; padding-top:12px; }
.moreInfoPopup .modal-content{ padding:0 30px 30px; overflow:hidden; }

.moreInfoPopup .modal-header .col-md-5 h6, .moreInfoPopup .modal-header .col-md-6 h6 {
    font-size: 30px;
}



.step_wraps li { position: relative; width: 25%; text-align: center; }
.step_wraps li img { margin-bottom: 13px; }
.step_wraps li span { width: 100%; display: block; color: #F4793E; font-size: 18px; font-weight: bold;}
.step_wraps li span::after { position: absolute; content: ""; left: -50%; width: 130px; border: 2px solid #0D0D0D; top: 64px; z-index: -11; transform: translate(67%,-50%);}
.step_wraps li:first-child span::after { display:none; }
.step_wraps li:last-child span::after {
    width: 122px;
}
.step_wraps li:nth-child(1), .step_wraps li:nth-child(2) {
    filter: grayscale(100%) opacity(50%);
}

.form_wrap_container { padding-right: 120px; }
.form_wrap_container .form_wraps .title h2 { font-size: 28px; text-align: left;}
.form_wrap_container .form_wraps .title h2 img { margin: -12px 13px 0 0px;}
.form_wrap_container .form_wraps .field_loop { margin-bottom: 20px; float: left; width: 100%;}
.form_wrap_container .form_wraps .field_loop label { font-size: 18px; margin-bottom: 5px;}
.form_wrap_container .form_wraps .field_loop .form-control { border: 1px solid #E3E3E3; border-radius: 5px; height: 50px;}
.form_wrap_container .form_wraps{ margin-bottom:40px; padding-right: 30px; }
.form_wrap_container .form_wraps:nth-child(2n) { background: #FFF6F2; padding:40px 107px 20px 0; }

.form_wrap_container .form_wraps .field_loop select.form-control {
    background: #fff url(../images/arrow_bottom.svg) no-repeat;
    background-position: 97%;
}
.form_wrap_container .form_wraps .col-md-5.col-lg-3 .field_loop select.form-control {
    background-position: 90%;
}

.steps_form_wrap .form_wraps.before{ position:relative; }
.steps_form_wrap .form_wraps.before::before { position: absolute; content: ""; background: #FFF6F2; top: 0; left: -70%; width: 100%; height: 100%; z-index: -1;}

.form-check { margin-left: 10px; }
.form-check-input:checked { border-color: #F4793E; background: #F4793E !important; }
.form-check-input{ border: 1px solid #F4793E; }
.form_wrap_container .form_wraps .check_blox label.title_pl { margin-right: 55px; }
.form_wrap_container .form_wraps .check_blox { margin-bottom: 18px; }
.step_wraps { margin-top: 50px; margin-bottom: 108px; }



.steps_form_wrap { padding-bottom: 150px; }

.col-sidebar.right_side { float: left; width: 100%; border-radius: 10px; margin-bottom: 20px; overflow: hidden; box-shadow: 0 0 10px #ccc;}
.col-sidebar.right_side .title { margin: 0; text-align: center; background: #F4793E;}
.col-sidebar.right_side .title h2 { color: #fff; font-size: 18px; padding: 14px 0;}
.right_wrapper { padding:20px 35px 20px 35px; float: left; width: 100%; position: relative;}
.right_wrapper::after { position: absolute; content: ""; bottom: 0; left: 4%; width: 92%; height: 2px; border-bottom: 2px dashed #e3e3e3;}
.right_wrapper .loop_right { float: left; width: 100%;}
.right_wrapper .loop_right:first-child { margin-bottom: 14px;}
.right_wrapper .loop_right:last-child { margin-bottom: 0; }
.right_wrapper .loop_right .left { float: left; width: 80%;}
.right_wrapper .loop_right .left span { font-weight: 700; font-size: 16px;}
.right_wrapper .loop_right .left p { margin: 0; font-size: 18px;}
.right_wrapper .loop_right .right { float: right; text-align: right; width: 20%; }
.right_wrapper .loop_right .right span { font-weight: 700; }
.right_wrapper .loop_right .right p { margin: 0; }


.right_wrapper.img_wrap .loop_right .left { width: 40%; }
.bottom_wrpa { padding: 20px 35px; display: flex; }
.bottom_wrpa div { width: 50%; font-weight: 700; font-size: 18px; }
.bottom_wrpa div.right { text-align: right; }
.right_wrapper.img_wrap .loop_right .right { width: 60%; }
.right_wrapper.img_wrap .loop_right .right img {
    width: 142px;
    margin-top: 12px;
    height: 90px;
    object-fit: contain;
}

.right_wrapper.bottom .titlew h2 { font-size: 20px; margin-top: 10px; }

.form_btn .btn.btn_white {
    padding: 0;
    width: auto;
    border: none;
    color: #2C2C2C;
    margin-right: 20px;
    background: url(../images/arrowleft.png) no-repeat;
    background-size: 11px;
    background-position: left center;
    padding-left: 17px; font-size: 18px;
font-weight: bold;
}

.moreInfoPopup .nav-link:hover, .moreInfoPopup .nav-link.active { background: #F4793E; color: #fff; border: 1px solid #ced4da; border-radius:50px; font-weight:bold; text-transform:uppercase; }
.moreInfoPopup .nav-link { border-radius: 0; color: #F4793E; border: 1px solid #F4793E; border-radius:50px; font-weight:bold; text-transform:uppercase;  }
.moreInfoPopup .close { position: absolute; top: 20px; transform: translate(-50%,0); right: 15px; cursor: pointer; }

.moreInfoPopup .modal-body ul li { padding: 0 5px; }
.moreInfoPopup .col-md-3.d-flex.text-end.align-items-end { right: 40px; position: absolute; top: 70px; }
.moreInfoPopup .book_now .btn.btn_orange {
    background: #0a0;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    text-transform: uppercase;
    height: 35px;
    width: 150px !important;
    font-size: 18px; border-color: #0a0;
}

.tab-pane .list_points.info li {
    padding: 0 20px;
}
.tab-pane .list_points.info ul li:first-child {
    padding-left: 0;
}
#review-modal .close { cursor: pointer; }

header ul li a.dropdown-toggle::after { background: url(../images/pluss.svg) no-repeat; width: 15px; height: 14px; padding: 0; margin: 0; border: none; right: 1px; position: absolute; top: 2px; }
header ul li .dropdown-item.active, .dropdown-item:active { background-color: #F4793E; }

.contact_form .contact_wpa #subject { background: url(../images/errow.svg) no-repeat; background-position: 95% center; background-color: #fff; }
#editBooking .modal-body .form .field_loop .form-select { background: url(../images/errow.svg) no-repeat; background-position: 92% center; }
.review-wrap { padding: 35px 0; }
.review-wrap label { width: 100%; color: #F4793E; font-weight: bold; }
.review-wrap #companies { background: url(../images/errow.svg) no-repeat; background-position: 97% center; }

.form_wrap_container .btn.btn_orange { margin-right: 24px; }
.inner_wrapper.faq_wrap p { font-size: 16px; line-height: 30px;}


.form_btn .btn { width: auto; }




.port_wrapper { float: left; width: 100%; margin-top: 20px;}
.port_wrapper .title { margin-bottom: 45px;}
.port_wrapper .loop_port_info { text-align: center;}
.port_wrapper .loop_port_info img { width: 49px; height: 57px; margin-bottom: 25px;}

.port_wrapper .seprator { margin-bottom: 38px; float: left; width: 100%;}
.port_wrapper .seprator .sep_title { background: url(../images/groupsep.svg) no-repeat; height: 224px; background-size: contain; background-repeat: no-repeat;
background-position: -1px center;}
.port_wrapper .seprator .sep_title p { color: #fff; font-size: 37px; line-height: 60px; padding-left: 28%; margin: 0;}



.form_btn .btn.btn_white:hover { color: #f4793e;}
.about_pg .inner_bg .img_prt img { width: 100%;}
.right_wrapper .loop_right .left .form-check { margin-left: 0;}



#reviewCarousel button{ opacity: 1; bottom: 0; height: 20px; top: inherit; }
#reviewCarousel .carousel-control-prev { width: auto; left: 45%; }
#reviewCarousel .carousel-control-next { width: auto; right: 45%; }
#reviewCarousel button i {  opacity: 1; height: 25px; padding: 4px 5px; color:#000 !important; }
#reviewCarousel .reating { background: #F4793E; color: #fff; padding: 6px 4px 3px 4px; font-size: 15px; }
#review-modal .modal-header h1 { margin: 0px auto; display: block; font-size: 26px !important; }
#review-modal .close { position: absolute; right: -8px; top: -12px; }
#review-modal .close img { background: #fff; border-radius: 100px; border: none; }

.form_wrap_container .form_wraps .col-md-6 .col-md-5.col-lg-3 {
	padding-right: 0;
}

#your-qoute-form a {
	color: #F4793E;
	text-decoration: none;
}

.form_wrap_container .form_wraps .field_loop .form-control img {
	width: 195px;
	height: 40px;
}
.form_wrap_container .form_wraps .field_loop .form-control img.lrg_img {
	width: 280px;
}

.form_wrap_container .form_wraps .field_loop .form-control img.md_img {
	width: 235px;
}


#reviewCarousel .carousel-item {
	background: #F4793E;
	color: #fff;
	padding: 15px 20px 0px 20px;
	border-radius: 20px; posation:relative;
}
#reviewCarousel .carousel-item:after{ border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #F4793E;
width: 20px;
left: 20px;

	position: absolute;
	content: "";
	bottom: -20px;
}

#reviewCarousel .carousel-inner h4 {
	font-size: 20px;
}



/*new desgin*/
.banner_top.srch { overflow: hidden; background: #000 url(../images/banner-new1.png) no-repeat; background-size: 100% 100% !important; }
#search-results { margin-bottom: 200px; }

.parking-card { margin-bottom: 20px; }
.loop_parking { float: left; width: 100%; box-shadow: 0px 0px 6px #DCDCDCAD; border: 1px solid #D2D2D2; }
.loop_parking .special_tag { text-align: center; float: left; width: 100%; }
.loop_parking .special_tag h2 { margin: 0; color: #fff; background: #0D0D0D; font-size: 12px; font-family: 'product_regular'; padding: 2px 0; float: left; width: 100%; height:18px; }
.loop_parking .logo_wrap { float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }
.loop_parking .logo_wrap img { max-width: 100%; margin: 0px auto; display: block; height: 100px; object-fit: scale-down;}
.loop_parking .rating_wrap { float: left; width: 100%; display: flex; padding: 0px 10px 10px 10px; position: relative; margin-bottom: 10px;}
.loop_parking .rating_wrap::after { position: absolute; content: ""; width: 86%; height: 2px; background: #F4793E; bottom: 0; left: 50%; transform: translateX(-50%);}
.loop_parking .rating_wrap div { width: 50%; text-align: center;}
.loop_parking .rating_wrap div.left { position: relative;}
.loop_parking .rating_wrap div.left::after { position: absolute; right: 7px; top: 3px; width: 1px; height: 15px; background: #BCBABAAD; content: "";}
.loop_parking .rating_wrap div.left p { margin: 0px; font-size: 13px; font-weight: bold;}
.loop_parking .rating_wrap div.right { padding-top: 2px; font-size: 12px;}
.loop_parking .rating_wrap div.right .nav { float: left;}
.loop_parking .rating_wrap div.right span { float: left; margin-left: 5px;}
.loop_parking .title_list { float: left; width: 100%; text-align: center; padding: 0 30px 10px 30px; position: relative; margin-bottom: 10px;}
.loop_parking .title_list::after { position: absolute; content: ""; width: 86%; height: 2px; background: #F4793E; bottom: 0; left: 50%; transform: translateX(-50%);}
.loop_parking .title_list h2 { font-family: 'Roboto', sans-serif; margin: 0px; font-size: 16px; height: 60px; overflow:hidden; }
.loop_parking .title_list .price_as { float: left; width: 100%; display: flex; justify-content: center; margin-top: 5px;}
.loop_parking .title_list .price_as .price { font-size: 25px; height: auto;}
.loop_parking .title_list .price_as h3 { font-size: 16px; color: #F4793E; margin: 6px 0px 0px 5px; text-decoration: line-through;}


.loop_parking .list_points { overflow:hidden; float: left; width: 100%; padding:0 15px 10px 15px; margin-bottom: 0px; position: relative; height:135px; }
.loop_parking .list_points ul {
    overflow: hidden;
}
.loop_parking .list_points::after { display: none; position: absolute; content: ""; width: 86%; height: 2px; background: #F4793E; bottom: 0; left: 50%; transform: translateX(-50%); }
.loop_parking .list_points ul { height: 100%;  margin: 0px; padding: 0; list-style: none; }
.loop_parking .list_points ul li{ color: #4A4A4A; background: url(../images/plain1.png) no-repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; padding: 0 0px 0 16px; background-size: 9px 9px; background-position: left 6px; font-size: 12px; line-height:1.7; }


.loop_parking .list_points.info{ height:96px; overflow:auto; margin-bottom: 0; display:none; }
.loop_parking .list_points.info:after{ display:none; }
.loop_parking .list_points.info .nav { align-items: center; justify-content: center;  }
.loop_parking .list_points.info li { background: no-repeat; padding: 15px 9px 0 0px; }
.loop_parking .list_points.info li:last-child { padding-right: 0; }
.loop_parking .list_points.info li img { width: 16px; }





.loop_parking .pop_btn { float: left; width: 100%; padding: 0 10px; margin-bottom: 20px; }
.loop_parking .pop_btn .nav { justify-content: space-around;}
.loop_parking .pop_btn ul li a { width: 76px; height: 22px; font-size: 9px; border: 1px solid #f4793e; color: #f4793e !important; padding: 4px 0; background: #fff !important; border-radius: 5px; font-weight: bold; text-transform: uppercase;}
.loop_parking .pop_btn ul li a img { margin-right: 2px; width: 9px; height: 9px; margin-top: -2px;}
.loop_parking .pop_btn ul li a img.hov_img{ display:none; }
.loop_parking .pop_btn ul li a:hover img { display: none;}
.loop_parking .pop_btn ul li a:hover img.hov_img { display:inline;}
.loop_parking .bnt_wrap { float: left; width: 100%; justify-content: center; display: flex; margin-bottom: 20px; }
.loop_parking .bnt_wrap a { width: 89%; height: 30px; font-size: 14px; padding: 4px 0; background: #0a0; border-color: #0a0; color: #fff; cursor: pointer; border-radius:5px; font-weight:bold; text-transform:uppercase; }
.loop_parking .bnt_wrap a:hover{ background:#008500; border-color:#008500; }
.loop_parking .bnt_wrap a i { margin-left: 5px; }
.loop_parking .pop_btn ul li a:hover { background: #f4793e !important; color: #fff !important; border-color: #f4793e !important; }

.banner_top.srch { min-height: inherit; height: auto; padding: 10px 0 0 0; }
.banner_top.srch .info_ban { position: inherit; transform: inherit; }
.banner_top.srch .btn.btn_white { border: 2px solid #fff; color: #fff; border-radius: 0; height: 36px; padding: 3px 40px; font-size: 16px; }

.banner_top.banner.srch .container { background: transparent; padding: 0; }


.banner_top.srch .inner_pg_banner .btn.btn_white {
    border: none;
    background: #fff;
    color: #f4793e;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 9px 0 0 0;
}
.banner_top.srch .inner_pg_banner {
    
}

.inner_pg_banner .edit_button {
    margin: 10px 20px 0 0px;
}
.inner_pg_banner .right_heding h2 {
    font-size: 25px;
    margin: 0;
}
.banner_top.srch .inner_pg_banner p {
    margin: 0 0 10px 0;
}


#searchForm .loop_field_rp {
    float: left;
    width: 20%;
}
#searchForm .loop_field_rp:nth-child(3n), #searchForm .loop_field_rp:nth-child(5n) {
    width: 13.2%;
}


:root {
      --orange: #f26522;
      --orange-dark: #d9551a;
      --dark: #1a1a1a;
      --white: #ffffff;
      --gray-light: #f5f5f5;
      --gray-border: #e0e0e0;
    }

.hero {
      position: relative;
      min-height: 520px;
      display: flex;
      align-items: center;
      background:url('https://charm-boost-theme.lovable.app/assets/hero-airport-VDCeY8Cs.jpg') center/cover no-repeat;
      padding: 60px 0 120px;
    }
    .hero:after {
    position: absolute;
    content: "";
    background: #00000080;
    width: 100%;
    height: 100%; top: 0; left: 0;
}

    .hero-content {
      text-align: center;
      color: var(--white);
      z-index: 2;
      position: relative;
    }

    .trust-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(255,255,255,0.18);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255,255,255,0.3);
      border-radius: 50px;
      padding: 6px 18px;
      font-size: 0.82rem;
      font-weight: 500;
      color: #fff;
      margin-bottom: 22px;
      letter-spacing: 0.3px;
    }

    .hero h1 {
      font-size: clamp(2rem, 5vw, 3.2rem);
      font-weight: 900;
      line-height: 1.15;
      margin-bottom: 10px;
      color: #fff;
    }

    .hero h1 span {
      color: var(--orange);
    }

    .hero-sub {
      font-size: 1.125rem;
      font-weight: 500;
      color: #ffffffb3;
      margin-bottom: 22px;
    }

    .badges {
      display: flex;
      justify-content: center;
      gap: 24px;
      flex-wrap: wrap;
      margin-bottom: 0;
    }

    .badge-item {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 0.85rem;
      color: rgba(255,255,255,0.9);
      font-weight: 500;
    }

    .badge-item i {
      color: var(--orange);
      font-size: 1rem;
    }

    /* ===== SEARCH BOX ===== */
    .search-box-wrapper {
      position: relative;
      z-index: 10;
      margin-top: -70px;
    }

    .search-box {
      background: #fff;
      border-radius: 18px;
      box-shadow: 0 12px 50px rgba(0,0,0,0.18);
      padding: 28px 30px 26px; z-index: 11; position: relative;
    }

    /* Tabs */
    .search-tabs {
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
      margin-bottom: 22px;
      border-bottom: none;
    }

    .tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 16px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    border: none;
    color: hsl(0, 0%, 6.7%);
    transition: all 0.2s ease;
    white-space: nowrap;
    background: hsl(0, 3.2%, 93.9%);
}

    .tab-btn:hover { background: hsla(0, 0%, 97.3%, 0.7); 
    }

    .tab-btn.active {
      background: var(--dark);
      color: #fff;
      border-color: var(--dark); box-shadow: 0 3px 7px #ccc;
    }

    .tab-btn i {
      font-size: 0.95rem;
    }

    /* Form fields */
    .form-row {
      display: flex;
      gap: 12px;
      align-items: flex-end;
      flex-wrap: wrap;
    }

    .field-group {
      display: flex;
      flex-direction: column;
      gap: 4px;
      flex: 1;
      min-width: 130px;
    }

    .field-group.narrow {
      max-width: 130px;
    }

    .field-group.promo {
      max-width: 150px;
    }

    .field-label {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .05em;
      text-transform: uppercase;
      color: hsl(0, 0.7%, 30%);
      display: flex;
      align-items: center;
      gap: 5px;
    }

    .field-label i {
      color: var(--orange);
      font-size: 0.8rem;
    }

    .field-input {
    border: 1.5px solid hsl(0, 0%, 91.8%);
    border-radius: 10px;
    padding: 11px 14px;
    font-size: .875rem;
    font-family: 'Inter', sans-serif;
    color: hsl(0, 0%, 6.7%);
    background: hsl(0, 3.2%, 93.9%);
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color 0.2s;
    outline: none;
    font-weight: 600;
}

    .field-input:focus {
      border-color: var(--orange);
      box-shadow: 0 0 0 3px rgba(242,101,34,0.1);
    }

    .field-input::placeholder {
      color: #bbb;
    }

    select.field-input {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 12px center;
      padding-right: 32px;
      cursor: pointer;
    }

    .btn-quote {
      background: var(--orange);
      color: #fff;
      border: none;
      border-radius: 50px;
      padding: 13px 28px;
      font-size: 0.95rem;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      white-space: nowrap;
      transition: background 0.2s, transform 0.15s;
      letter-spacing: 0.2px;
      flex-shrink: 0;
    }

    .btn-quote:hover {
      background: var(--orange-dark);
      transform: translateY(-1px);
    }

    .btn-quote:active {
      transform: translateY(0);
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 768px) {
      .hero {
        padding: 50px 0 110px;
        min-height: auto;
      }

      .hero h1 {
        font-size: 1.8rem;
      }

      .badges {
        gap: 12px;
      }

      .badge-item {
        font-size: 0.78rem;
      }

      .search-box {
        padding: 20px 16px 20px;
        border-radius: 14px;
      }

      .form-row {
        flex-direction: column;
      }

      .field-group,
      .field-group.narrow,
      .field-group.promo {
        max-width: 100%;
        min-width: unset;
      }

      .btn-quote {
        width: 100%;
        justify-content: center;
      }

      .tab-btn {
        font-size: 0.78rem;
        padding: 7px 12px;
      }

      .search-box-wrapper {
        margin-top: -60px;
      }
    }

    @media (max-width: 480px) {
      .trust-badge {
        font-size: 0.75rem;
      }

      .hero h1 {
        font-size: 1.55rem;
      }
    }

    /* ---- Card ---- */
    .park-card {
      width: 100%;
      max-width: 480px;
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 6px 30px rgba(0,0,0,0.10);
    }

    /* Orange top banner */
    .card-banner {
      background: var(--orange);
      text-align: center;
      padding: 9px 16px;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 1.2px;
      color: #fff;
      text-transform: uppercase;
    }

    .card-body-inner {
      padding: 22px 22px 20px;
    }

    /* Small grey title */
    .card-title-small {
      font-size: 0.88rem;
      color: #888;
      text-align: center;
      margin-bottom: 14px;
      font-weight: 400;
    }

    /* Tag + Stars row */
    .tag-stars {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: .75rem; justify-content: center;
    }

    .tag-badge {
      border: 1.5px solid hsl(0, 8.1%, 92.7%);
      border-radius: 50px;
      padding: .125rem .75rem;
      font-size: .75rem;
      font-weight: 700;
      color: hsl(0, 0%, 5.5%);
      white-space: nowrap; background: hsl(0, 14.3%, 98.6%);
    }

    /* Stars */
    .stars {
      display: flex;
      gap: 2px;
    }

    .stars i {
      font-size: 13px;
    }
    .stars span {
    display: none;
}

    .stars .filled  { color: var(--orange); }
    .stars .half    { color: var(--orange); }
    .stars .empty   { color: #ddd; }

    /* Main title */
    .card-main-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: hsl(0, 0%, 5.5%);
    margin-bottom: .75rem;
    text-align: center;
}

    /* Feature list */
    .feature-list {
      list-style: none;
      padding: 0;
      margin: 0 0 18px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .feature-list li {
      display: flex;
      align-items: center;
      gap: 9px;
      font-size: 0.88rem;
      color: #444;
    }

    .feature-list li i {
      color: var(--orange);
      font-size: 0.95rem;
      flex-shrink: 0;
    }

    /* Action buttons */
    .action-btns {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }

    .action-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      border: 1.5px solid #ccc;
      border-radius: 50px;
      padding: 6px 14px;
      font-size: 0.78rem;
      font-weight: 600;
      color: #555;
      background: #fff;
      cursor: pointer;
      transition: border-color 0.2s, color 0.2s;
      text-decoration: none;
      font-family: 'Inter', sans-serif;
    }

    .action-btn:hover {
      border-color: var(--orange);
      color: var(--orange);
    }

    .action-btn i {
      font-size: 0.85rem;
    }

    /* Divider */
    .card-divider {
      border: none;
      border-top: 1px solid #eee;
      margin: 0 0 18px;
    }

    /* Price + Book row */
    .price-book {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .price-block .from-label {
      font-size: 0.7rem;
      font-weight: 600;
      color: #999;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      margin-bottom: 2px;
    }

    .price-block .price {
      font-size: 2rem;
      font-weight: 800;
      color: #1a1a1a;
      line-height: 1;
    }

    .btn-book {
      background: var(--green);
      color: #fff;
      border: none;
      border-radius: 10px;
      padding: 14px 26px;
      font-size: 0.9rem;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      transition: background 0.2s, transform 0.15s;
    }

    .btn-book:hover {
      background: #279154;
      transform: translateY(-1px);
    }

    /* Free cancellation */
    .free-cancel {
      text-align: center;
      margin-top: 14px;
      font-size: 0.8rem;
      color: #888;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
    }

    .free-cancel i {
      font-size: 0.85rem;
    }


    .logo_wrap img {
    width: 100%;
    height: 5rem;
    object-fit: scale-down;
    margin-bottom: .75rem;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light a.custom-btn {
    width: 123px;
    height: 42px;
    padding: 0;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    width: 207px; margin-top: 8px; border-radius: 10px;
}
header .navbar .navbar-nav li  a.dropdown-item {
    font-weight: 400;
}