@charset "utf-8";
/* CSS Document */

/* CSS Document © 2025 ENVINTO */
/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

@font-face {
    font-family: 'Brittany Signature';
    src: url('../fonts/BrittanySignatureRegular.eot');
    src: url('../fonts/BrittanySignatureRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrittanySignatureRegular.woff2') format('woff2'),
        url('../fonts/BrittanySignatureRegular.woff') format('woff'),
        url('../fonts/BrittanySignatureRegular.ttf') format('truetype'),
        url('../fonts/BrittanySignatureRegular.svg#BrittanySignatureRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */



::-moz-selection{ background:#7b7d7f; color:var(--global); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--global); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none;font-family: "Urbanist", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#000000; background: #ffffff; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden; overflow-y: scroll; scroll-behavior: smooth;}
:root { --primary: #EE4024; --secondary:#0A0A0A; --global: #ffffff;}
a { text-decoration:none; transition:all 0.25s ease-out 0s; outline: none; box-shadow: none;}
a:hover{text-decoration: none;}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{font-family: "Bebas Neue", sans-serif;}
p, p span {font-family: "Urbanist", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:#000;
}
::-moz-placeholder { 
  color:#000;
}
:-ms-input-placeholder {
  color:#000;
}
:-moz-placeholder {
  color:#000;
}

section, header, footer {width: 100%; float: left;}

img{max-width: 100%; display: block;}

strong{font-weight: bold;}

.container{max-width: 1400px; margin: 0 auto;padding: 0px 15px;}


strong{font-weight: bold;}



.error-page-section {background: var(--primary);}
.error-page-row {max-width: 800px; margin: 50px auto;}
.error-page-col1 h1 {font-size: 40px;color: #000;}
.error-page-col1 h2 {font-size: 40px;font-weight: 700;margin: 0 0 20px;color: #000;}
.error-page-col1 p {font-size: 16px;font-weight: 600;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-form { width: 100%; display: flex; align-items: center;}
.search-form input {width: 197px;height: 45px;border: 1px solid #000;margin: 0 7px 0 0;padding: 0 10px;color: #000;outline: none;box-shadow: none;display: inline-block;border-radius: 80px;}
.search-form .search-submit {width: auto;height: 45px;display: inline-block;padding: 0 25px;color: #ffff;border: 1px solid #000;background: #000;transition all 0.25s ease-in-out;border-radius: 80px;}
.search-form .search-submit .screen-reader-text { position: relative !important;  display: block;  height: auto;  width: auto;  color: #ffff;  clip-path: none;  transition: all 0.25s ease-in-out;}
.search-form .search-submit:hover { color: #000; background: none;}
.search-form .search-submit:hover .screen-reader-text { color: #000;}
.search-form input::placeholder { color: #000;}
.search-page-section {padding: 80px 0px;background: #ffff;}
.search-page-row {  max-width: 1320px;  margin: 0 auto;}
.search-page-row .page-header .page-title {font-size: 40px;margin: 0 0 35px;display: flex;color: #000;font-weight: 500;}
.search-page-card {  margin: 0 0 50px;}
.search-page-content { padding: 0; max-width: inherit;  width: 100%;  text-align: left;  flex: 1 0 0;}
.search-page-content h3 {font-size: 32px;color: #000;font-weight: 500;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid var(--primary);}
.search-page-content p {font-size: 16px;font-weight: 500;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-btn1 {padding: 12px 24px;background-color: #000;border-radius: 80px;color: #ffffff;border: 1px solid #000;transition: 0.3s all ease-in-out;font-size: 16px;font-weight: 400;display: inline-block;margin: 10px auto 0;}
.search-btn1:hover {background-color: #ffffff;color: #000;}



.defualt-page-section {padding: 60px 0; background: #fff;}
.content-wrap h2 { font-size: 46px; font-weight: 500; color: var(--primary); margin: 0 0 20px;}
.content-wrap p { font-size: 16px; color: var(--secondary); line-height: 1.56; margin: 0 0 20px;}
.content-wrap ul {width: 100%; margin: 0 0 20px;}
.content-wrap ul li { font-size: 16px; line-height: 1.56; color: var(--primary); padding-left: 10px; position: relative;}
.content-wrap ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.content-wrap ol { width: 100%;float: none; counter-reset: my-awesome-counter; margin: 0 auto 28px;position: relative;}
.content-wrap ol li {font-size: 16px; line-height: 1.56; color: var(--primary); padding-left: 20px;position: relative;counter-increment: step-counter;}
.content-wrap ol li:before { content: counter(step-counter) '.'; margin-right: 0px; position: absolute; left: -4px; top: 0;}
.content-wrap p a, .content-wrap ul li a, .content-wrap ol li a{color:var(--primary);}
.content-wrap p a:hover, .content-wrap ul li a:hover, .content-wrap ol li a:hover{color: #000000;}



.whatsup-icon { position: fixed; bottom: 10px; right: 10px; z-index: 9999;background: #fff;padding: 15px;border-radius: 11px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.whatsup-icon img { width: 50px; height: 50px; }
.whatsup-icon  h3{font-size: 12px;text-align: center;color: var(--primary);margin: 0 0 10px;}



.slick-prev, .slick-next{display: none !important;}

/* Header Section */
.header-sec {position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; padding: 26px 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%); transition: all 0.35s ease-in-out;}
.header-inner {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.logo {display: inline-block; transition: transform 0.25s ease;}
.logo img {height: 46px; width: auto; object-fit: contain;}
.logo:hover {transform: scale(1.02);}
.nav-menu {display: flex; align-items: center;}
.menu-list {display: flex; align-items: center; gap: 34px; margin: 0; padding: 0;}
.menu-list li {display: inline-block; position: relative;}
.menu-list li a {color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 16px; font-weight: 500; padding: 6px 0; display: inline-block; position: relative; transition: color 0.25s ease;}
.menu-list li a:hover {color: var(--primary);}
.menu-list li a.active {color: #ffffff;}
.menu-list li a.active::after {content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: var(--primary); border-radius: 2px;}
.menu-list li a:not(.active)::after {content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background-color: var(--primary); border-radius: 2px; transition: width 0.3s ease;}
.menu-list li a:not(.active):hover::after {width: 100%;}




/* Header Button */
.btn-park-header {display: inline-block; background-color: var(--primary); color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; padding: 13px 26px; border-radius: 6px; transition: all 0.3s ease; box-shadow: 0 4px 14px rgba(238, 64, 36, 0.35);}
.btn-park-header:hover {background-color: #d8351c; color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(238, 64, 36, 0.55);}

/* Sticky Header */
.header-sec.sticky {position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(12, 12, 12, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 14px 0; margin: 0; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(255, 255, 255, 0.08); animation: slideDownNav 0.35s ease forwards;}
.header-sec.sticky .logo img {height: 40px;}
@keyframes slideDownNav { from {transform: translateY(-100%);} to {transform: translateY(0);} }





/* Hamburger Toggle Button */
.burger-toggle {display: none; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; cursor: pointer; padding: 10px 9px; z-index: 1002; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 44px; height: 44px; transition: all 0.3s ease;}
.burger-toggle:hover {background: rgba(238, 64, 36, 0.15); border-color: var(--primary);}
.burger-toggle .bar {display: block; height: 2px; background-color: #ffffff; border-radius: 2px; transition: all 0.3s ease-in-out;}
.burger-toggle .bar.bar-top {width: 22px;}
.burger-toggle .bar.bar-mid {width: 16px; align-self: flex-end;}
.burger-toggle:hover .bar.bar-mid {width: 22px;}
.burger-toggle .bar.bar-bot {width: 22px;}
.burger-toggle.active {background: rgba(238, 64, 36, 0.2); border-color: var(--primary);}
.burger-toggle.active .bar.bar-top {transform: translateY(7px) rotate(45deg); background-color: var(--primary);}
.burger-toggle.active .bar.bar-mid {opacity: 0; transform: scaleX(0);}
.burger-toggle.active .bar.bar-bot {transform: translateY(-7px) rotate(-45deg); background-color: var(--primary);}





/* Mobile Navigation Overlay */
.mobile-nav-overlay.overlay {position: fixed; top: 0; right: -100%; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.75); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 99999; transition: right 0.35s ease; display: flex; justify-content: flex-end; visibility: hidden; pointer-events: none;}
.mobile-nav-overlay.overlay.show {right: 0; display: flex !important; visibility: visible; pointer-events: auto;}
.mobile-menu-content {width: 320px; max-width: 85%; height: 100%; background: #111111; padding: 30px 24px; display: flex; flex-direction: column; box-shadow: -8px 0 30px rgba(0, 0, 0, 0.85); border-left: 1px solid rgba(255, 255, 255, 0.08); overflow-y: auto;}
.mobile-menu-header {display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-logo img {height: 38px; width: auto;}
.mobile-close-btn {width: 38px; height: 38px; border-radius: 50%; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 16px; cursor: pointer; transition: all 0.3s ease; padding: 0; outline: none;}
.mobile-close-btn:hover {background: var(--primary); border-color: var(--primary); color: #ffffff; transform: rotate(90deg); box-shadow: 0 0 12px rgba(238, 64, 36, 0.5);}
.mobile-menu-list {list-style: none; padding: 0; margin: 0 0 30px 0; display: flex; flex-direction: column; gap: 18px;}
.mobile-menu-list li a {color: #ffffff; font-size: 18px; font-weight: 600; display: block; padding: 8px 0; transition: color 0.25s ease, padding-left 0.25s ease;}
.mobile-menu-list li a:hover, .mobile-menu-list li a.active {color: var(--primary); padding-left: 8px;}
.mobile-menu-btn .btn-park-header {width: 100%; text-align: center; padding: 14px 20px;}
body.menu-open {overflow: hidden;}





/* Banner Section */
.banner-sec {position: relative; min-height: 100vh; width: 100%; background: url('../images/homi-banner.png') no-repeat center center; background-size: cover; display: flex; align-items: center; padding: 160px 0 90px 0; overflow: hidden;}
.banner-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0.68) 42%, rgba(0, 0, 0, 0.42) 75%, rgba(0, 0, 0, 0.3) 100%); z-index: 1;}
.banner-sec .container {position: relative; z-index: 2;}
.banner-content {max-width: 1000px;}
.banner-tag {display: inline-flex; align-items: center; margin-bottom: 18px;}
.banner-tag .tag-line {width: 28px; height: 2px; background-color: var(--primary); margin-right: 10px; display: inline-block;}
.banner-tag .tag-text {color: var(--primary); font-family: "Urbanist", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;}
.banner-title {font-family: "Bebas Neue", sans-serif; font-size: 64px; line-height: 1.05; color: #ffffff; letter-spacing: 1.2px; margin: 0 0 14px 0; text-transform: uppercase; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);}
.banner-subtitle {font-family: "Bebas Neue", sans-serif; font-size: 27px; line-height: 1.2; color: #ffffff; letter-spacing: 0.8px; margin: 0 0 16px 0; text-transform: uppercase; opacity: 0.95;}
.banner-desc {font-family: "Urbanist", sans-serif; font-size: 17px; line-height: 1.6; color: rgba(255, 255, 255, 0.85); font-weight: 400; margin: 0 0 34px 0; max-width: 620px;}
.banner-btn-group {display: flex; align-items: center; gap: 22px; margin-bottom: 40px;}
.btn-banner-primary {display: inline-block; background-color: var(--primary); color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; padding: 14px 30px; border-radius: 6px; transition: all 0.3s ease; box-shadow: 0 4px 16px rgba(238, 64, 36, 0.4);}
.btn-banner-primary:hover {background-color: #d8351c; color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 22px rgba(238, 64, 36, 0.55);}
.btn-banner-link {color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 16px; font-weight: 600; padding: 10px 14px; display: inline-block; transition: all 0.25s ease;}
.btn-banner-link:hover {color: var(--primary); transform: translateX(3px);}
.banner-features {display: flex; align-items: center; gap: 48px;}
.feature-item {display: flex; flex-direction: column;}
.feature-item .feature-title {font-family: "Bebas Neue", sans-serif; font-size: 20px; line-height: 1; color: var(--primary); letter-spacing: 1px; margin-bottom: 4px;}
.feature-item .feature-sub {font-family: "Urbanist", sans-serif; font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.7);}
.banner-scroll-wrap {position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%); z-index: 5; text-align: center;}
.scroll-btn {display: inline-flex; align-items: center; gap: 7px; color: rgba(255, 255, 255, 0.75); font-family: "Urbanist", sans-serif; font-size: 14px; font-weight: 500; transition: all 0.3s ease; animation: scrollBounce 2s infinite ease-in-out;}
.scroll-btn i {font-size: 12px; transition: transform 0.25s ease;}
.scroll-btn:hover {color: var(--primary);}
.scroll-btn:hover i {transform: translateY(2px);}
@keyframes scrollBounce { 0%, 100% {transform: translateY(0);} 50% {transform: translateY(6px);} }

/* Inner Banner Section */
.inner-banner {position: relative; width: 100%; min-height: 380px; display: flex; align-items: center; padding: 170px 0 85px 0; overflow: hidden; background-color: #0b0b0b;}
.inner-banner .bg-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;}
.inner-banner .bg-img img {width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transform: scale(1.02); transition: transform 0.6s ease;}
.inner-banner .bg-img::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.78) 0%, rgba(10, 10, 10, 0.72) 50%, rgba(10, 10, 10, 0.95) 100%); z-index: 2;}
.inner-banner::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, var(--primary) 0%, rgba(238, 64, 36, 0.3) 60%, transparent 100%); z-index: 4;}
.inner-banner-text {position: relative; z-index: 3; width: 100%;}
.inner-banner-text .container {position: relative;}
.inner-banner-text h1 {font-family: "Bebas Neue", sans-serif; font-size: 58px; line-height: 1.05; letter-spacing: 1.5px; color: #ffffff; text-transform: uppercase; margin: 0; text-shadow: 0 4px 18px rgba(0, 0, 0, 0.7); position: relative; display: inline-block;}
.inner-banner-text h1::after {content: ''; display: block; width: 48px; height: 3px; background-color: var(--primary); margin-top: 12px; border-radius: 2px;}
.inner-banner-text .breadcrumb, .inner-banner-breadcrumb {margin-top: 14px; display: flex; align-items: center; gap: 8px; font-family: "Urbanist", sans-serif; font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.7);}
.inner-banner-text .breadcrumb a, .inner-banner-breadcrumb a {color: rgba(255, 255, 255, 0.85); transition: color 0.25s ease;}
.inner-banner-text .breadcrumb a:hover, .inner-banner-breadcrumb a:hover {color: var(--primary);}
.inner-banner-text .breadcrumb span.separator, .inner-banner-breadcrumb span.separator {color: var(--primary);}

/* What We Provide Section */
.provide-sec {position: relative; width: 100%; padding: 80px 0px; background-color: #0b0b0b;}
.provide-header {text-align: center; margin-bottom:50px;}
.provide-kicker {color: var(--primary); font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; display: block; margin-bottom: 12px;}
.provide-title {color: #ffffff; font-family: "Bebas Neue", sans-serif; font-size: 52px; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.1; margin: 0 0 18px 0;}
.provide-divider {width: 140px; height: 2px; background-color: var(--primary); margin: 0 auto;}
.provide-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 0 auto;}
.provide-card {background-color: #141414; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 30px; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; cursor: pointer; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);}
.provide-card:hover {background-color: #181818; border-color: rgba(238, 64, 36, 0.4); transform: translateY(-4px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);}
.provide-icon {color: var(--primary); font-size: 26px; margin-bottom: 15px; transition: transform 0.3s ease; display: inline-flex; align-items: center; justify-content: center;}
.provide-card:hover .provide-icon {transform: scale(1.12);}
.provide-name {color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 17px; font-weight: 600; line-height: 1.35; margin: 0;}






/* About Us Section */
.about-sec {position: relative; width: 100%; padding: 60px 0; background-color: #000000; overflow: hidden;}
.about-grid {display: grid; grid-template-columns: 1.15fr 0.85fr; align-items: center; gap: 40px;}
.about-content {padding-right: 25px;}
.about-kicker {color: var(--primary); font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; display: block; margin-bottom: 12px;}
.about-title {color: #ffffff; font-family: "Bebas Neue", sans-serif; font-size: 48px; line-height: 1.08; letter-spacing: 1.2px; text-transform: uppercase; margin: 0 0 16px 0;}
.about-desc {color: rgba(255, 255, 255, 0.8); font-family: "Urbanist", sans-serif; font-size: 15px; line-height: 1.6; margin: 0 0 24px 0;}
.about-divider {width: 100%; max-width: 320px; height: 2px; background-color: var(--primary); margin: 0 0 32px 0;}
.about-subtitle {color: #ffffff; font-family: "Bebas Neue", sans-serif; font-size: 28px; letter-spacing: 1.2px; text-transform: uppercase; margin: 0 0 20px 0;}
.why-homipark-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px;}
.why-homipark-list li {padding-left: 14px; border-left: 1.5px solid rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.9); font-family: "Urbanist", sans-serif; font-size: 15px; font-weight: 500; line-height: 1.4; transition: all 0.25s ease;}
.why-homipark-list li:hover {border-left-color: var(--primary); color: #ffffff; padding-left: 18px;}
.about-img-wrap {position: relative; width: 100%; border-radius: 18px; overflow: hidden; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);}
.about-img {width: 100%; height: 600px; display: block; object-fit: cover; border-radius: 18px; transition: transform 0.4s ease;}
.about-img-wrap:hover .about-img {transform: scale(1.02);}



/* Facilities Section */
.facilities-sec {position: relative; width: 100%; padding: 60px 0; background-color: #080808;}
.facilities-header {text-align: center; margin-bottom: 54px;}
.facilities-kicker {color: var(--primary); font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; display: block; margin-bottom: 12px;}
.facilities-title {color: #ffffff; font-family: "Bebas Neue", sans-serif; font-size: 50px; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.1; margin: 0 0 18px 0;}
.facilities-divider {width: 140px; height: 2px; background-color: var(--primary); margin: 0 auto;}
.facilities-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;margin: 0 auto;}
.facility-card {background-color: #141414; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 40px 24px; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);}
.facility-card:hover {background-color: #181818; border-color: rgba(238, 64, 36, 0.4); transform: translateY(-4px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);}
.facility-icon {color: var(--primary); font-size: 26px; margin-bottom: 18px; transition: transform 0.3s ease; display: inline-flex; align-items: center; justify-content: center;}
.facility-card:hover .facility-icon {transform: scale(1.15);}
.facility-name {color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 16px; font-weight: 600; line-height: 1.35; margin: 0; text-align: center;}



/* Long Term Parking Checklist & Verification Section */
.checklist-sec {position: relative; width: 100%; padding:60px 0; background: url('../images/homi-banner.png') no-repeat center center; background-size: cover; overflow: hidden;}
.checklist-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(4, 4, 4, 0.6), rgba(4, 4, 4, 0.6)); z-index: 1;}
.checklist-sec .container {position: relative; z-index: 2;}
.checklist-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 48px;}
.checklist-col {padding: 10px 20px;}
.checklist-kicker {color: var(--primary); font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; display: block; margin-bottom: 10px;}
.checklist-title {color: #ffffff; font-family: "Bebas Neue", sans-serif; font-size: 42px; line-height: 1.1; letter-spacing: 1.2px; text-transform: uppercase; margin: 0 0 28px 0;}
.checklist-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px;}
.checklist-list li {display: flex; align-items: center; gap: 14px; color: rgba(255, 255, 255, 0.9); font-family: "Urbanist", sans-serif; font-size: 15px; font-weight: 500; transition: transform 0.25s ease;}
.checklist-list li:hover {transform: translateX(4px); color: #ffffff;}
.checklist-list li i {color: var(--primary); font-size: 16px; width: 22px; text-align: center; flex-shrink: 0;}





/* Pricing Section */
.pricing-sec {position: relative; width: 100%; padding: 60px 0; background-color: #0b0b0b;}
.pricing-header {text-align: center; margin-bottom: 50px;}
.pricing-kicker {color: var(--primary); font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; display: block; margin-bottom: 12px;}
.pricing-title {color: #ffffff; font-family: "Bebas Neue", sans-serif; font-size: 50px; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.1; margin: 0;}
.pricing-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;margin: 0 auto;}
.pricing-card {background-color: #141414; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 14px; padding: 28px 22px; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);}
.pricing-card:hover {background-color: #181818; border-color: rgba(238, 64, 36, 0.4); transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);}
.plan-name {color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 20px; font-weight: 700; margin: 0 0 6px 0;}
.plan-price-wrap {display: flex; align-items: baseline; gap: 6px; margin-bottom: 14px;}
.plan-price {color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 32px; font-weight: 700; line-height: 1;}
.plan-period {color: rgba(255, 255, 255, 0.5); font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 500;}
.plan-rates-bar {background-color: rgba(255, 255, 255, 0.04); border-radius: 8px; padding: 10px 14px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
.rate-box {display: flex; flex-direction: column; align-items: center; gap: 2px;}
.rate-label {color: rgba(255, 255, 255, 0.45); font-family: "Urbanist", sans-serif; font-size: 11px; font-weight: 500;}
.rate-value {color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 700;}
.rate-value.highlight {color: var(--primary);}
.plan-features {list-style: none; padding: 0; margin: 0 0 24px 0; display: flex; flex-direction: column; gap: 10px; flex-grow: 1;}
.plan-features li {display: flex; align-items: flex-start; gap: 10px; color: rgba(255, 255, 255, 0.75); font-family: "Urbanist", sans-serif; font-size: 13px; line-height: 1.4;}
.plan-features li i {color: var(--primary); font-size: 12px; margin-top: 3px; flex-shrink: 0;}
.btn-plan {background-color: #ffffff; color: #000000; font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 700; border-radius: 8px; padding: 12px 16px; width: 100%; text-align: center; display: block; transition: all 0.25s ease;}
.btn-plan:hover {background-color: var(--primary); color: #ffffff;}





/* Bikes - Premium Category Care Section */
.bike-care-sec {position: relative; width: 100%; padding: 60px 0; background: url('../images/homi-banner.png') no-repeat center center; background-size: cover; overflow: hidden;}
.bike-care-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(6, 6, 6, 0.6), rgba(6, 6, 6, 0.6)); z-index: 1;}
.bike-care-sec .container {position: relative; z-index: 2;}
.bike-care-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 48px;}
.bike-care-col {padding: 10px 15px;}
.bike-kicker {color: var(--primary); font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; display: block; margin-bottom: 8px;}
.bike-title {color: #ffffff; font-family: "Bebas Neue", sans-serif; font-size: 46px; line-height: 1.1; letter-spacing: 1.2px; text-transform: uppercase; margin: 0 0 16px 0;}
.bike-badges {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;}
.badge-pill {border: 1px solid rgba(238, 64, 36, 0.6); background-color: rgba(0, 0, 0, 0.45); color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 12px; font-weight: 600; padding: 5px 14px; border-radius: 20px;}
.bike-price-wrap {display: flex; align-items: baseline; gap: 6px; margin-bottom: 4px;}
.price-val {color: var(--primary); font-family: "Urbanist", sans-serif; font-size: 32px; font-weight: 800;}
.price-period {color: rgba(255, 255, 255, 0.5); font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 500;}
.bike-care-sub {color: rgba(255, 255, 255, 0.7); font-family: "Urbanist", sans-serif; font-size: 14px; margin: 0 0 20px 0;}
.bike-feature-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px;}
.bike-feature-list li {display: flex; align-items: flex-start; gap: 12px; color: rgba(255, 255, 255, 0.85); font-family: "Urbanist", sans-serif; font-size: 14px; line-height: 1.4; transition: transform 0.25s ease;}
.bike-feature-list li:hover {transform: translateX(4px); color: #ffffff;}
.bike-feature-list li i {color: var(--primary); font-size: 13px; margin-top: 3px; flex-shrink: 0;}




/* Doorstep Service / HomiTouch Care Section */
.homitouch-sec {position: relative; width: 100%; padding: 60px 0; background-color: #0b0b0b; overflow: hidden;}
.homitouch-grid {display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 45px;}
.homitouch-content {padding-right: 20px;}
.homitouch-kicker {color: var(--primary); font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; display: block; margin-bottom: 10px;}
.homitouch-title {color: #ffffff; font-family: "Bebas Neue", sans-serif; font-size: 52px; line-height: 1.1; letter-spacing: 1.2px; text-transform: uppercase; margin: 0 0 10px 0;}
.homitouch-desc {color: rgba(255, 255, 255, 0.75); font-family: "Urbanist", sans-serif; font-size: 15px; margin: 0 0 20px 0;}
.homitouch-price {color: var(--primary); font-family: "Bebas Neue", sans-serif; font-size: 54px; line-height: 1; font-weight: 700; margin-bottom: 24px;}
.homitouch-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px;}
.homitouch-list li {display: flex; align-items: center; gap: 12px; color: rgba(255, 255, 255, 0.85); font-family: "Urbanist", sans-serif; font-size: 15px; font-weight: 500; transition: transform 0.25s ease;}
.homitouch-list li:hover {transform: translateX(4px); color: #ffffff;}
.homitouch-list li i {color: var(--primary); font-size: 14px; flex-shrink: 0;}
.homitouch-img-wrap {position: relative; width: 100%; border-radius: 18px; overflow: hidden; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);}
.homitouch-img {width: 100%; height: 400px; display: block; object-fit: cover; border-radius: 18px; transition: transform 0.4s ease;}
.homitouch-img-wrap:hover .homitouch-img {transform: scale(1.02);}

/* Extra Services / Add-Ons Section */
.addons-sec {position: relative; width: 100%; padding: 70px 0; background-color: #000000;}
.addons-header {text-align: center; margin-bottom: 50px;}
.addons-kicker {color: var(--primary); font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; display: block; margin-bottom: 12px;}
.addons-title {color: #ffffff; font-family: "Bebas Neue", sans-serif; font-size: 52px; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.1; margin: 0 0 16px 0;}
.addons-divider {width: 140px; height: 2px; background-color: var(--primary); margin: 0 auto;}
.addons-grid {display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; max-width: 1240px; margin: 0 auto 70px auto;}
.addon-card {background-color: #141414; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 22px 18px; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; cursor: pointer; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);}
.addon-card:hover {background-color: #181818; border-color: rgba(238, 64, 36, 0.4); transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);}
.addon-icon-badge {width: 36px; height: 36px; background-color: #ffffff; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: var(--primary); font-size: 16px; margin-bottom: 14px; transition: transform 0.3s ease;}
.addon-card:hover .addon-icon-badge {transform: scale(1.1);}
.addon-name {color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 14px; font-weight: 600; line-height: 1.35; margin: 0;}
.addon-sub {display: block; color: rgba(255, 255, 255, 0.45); font-family: "Urbanist", sans-serif; font-size: 11px; margin-top: 6px;}

/* Add-Ons ₹999 Plan Section */
.addons-plan-section { margin: 0 auto;}
.addons-plan-header {text-align: center; margin-bottom: 35px;}
.addons-plan-title {color: #ffffff; font-family: "Bebas Neue", sans-serif; font-size: 32px; letter-spacing: 1.2px; text-transform: uppercase; margin: 0 0 12px 0;}
.addons-plan-divider {width: 140px; height: 2px; background-color: var(--primary); margin: 0 auto;}
.addons-plan-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.addon-plan-card {background-color: #141414; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 10px; padding:20px; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);}
.addon-plan-card:hover {background-color: #181818; border-color: rgba(238, 64, 36, 0.4); transform: translateY(-4px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);}
.addon-plan-icon {color: var(--primary); font-size: 24px; margin-bottom: 14px; transition: transform 0.3s ease;}
.addon-plan-card:hover .addon-plan-icon {transform: scale(1.15);}
.addon-plan-name {color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 15px; font-weight: 600; margin: 0 0 10px 0; text-align: center;}
.addon-plan-price {color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 18px; font-weight: 700;}

/* Transparency / What Is Not Included Section */
.not-included-sec {position: relative; width: 100%; padding: 70px 0; background-color: #050505;}
.not-included-header {text-align: center; margin-bottom: 35px;}
.not-included-kicker {color: var(--primary); font-family: "Urbanist", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; display: block; margin-bottom: 10px;}
.not-included-title {color: #ffffff; font-family: "Bebas Neue", sans-serif; font-size: 48px; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.1; margin: 0;}
.excluded-pills-wrap {display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-bottom: 24px;}
.excluded-pill {border: 1px solid rgba(238, 64, 36, 0.5); background-color: #EE402436; color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 14px; font-weight: 600; padding: 10px 22px; border-radius: 30px; display: inline-flex; align-items: center; gap: 8px; transition: all 0.25s ease;}
.excluded-pill:hover {border-color: var(--primary); background-color: rgba(238, 64, 36, 0.1); transform: translateY(-2px);}
.excluded-pill i {color: var(--primary); font-size: 13px;}
.not-included-note-wrap {text-align: center;}
.not-included-note {border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.02); color: rgba(255, 255, 255, 0.7); font-family: "Urbanist", sans-serif; font-size: 13px; padding: 10px 24px; border-radius: 6px; display: inline-block;}

/* Footer Section */
.footer-sec {position: relative; width: 100%; padding: 70px 0 30px 0; background-color: #080808; border-top: 1px solid rgba(255, 255, 255, 0.06);}
.footer-grid {display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 40px; margin-bottom: 50px;}
.footer-logo img {height: 42px; width: auto;}
.footer-tagline {color: rgba(255, 255, 255, 0.6); font-family: "Urbanist", sans-serif; font-size: 13.5px; margin-top: 16px; line-height: 1.4;}
.footer-heading {color: #ffffff; font-family: "Urbanist", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 20px 0;}
.footer-links {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px;}
.footer-links li a {color: rgba(255, 255, 255, 0.7); font-family: "Urbanist", sans-serif; font-size: 14px; transition: color 0.25s ease, padding-left 0.25s ease;}
.footer-links li a:hover {color: var(--primary); padding-left: 5px;}
.footer-contact {list-style: none; padding: 0; margin: 0 0 20px 0; display: flex; flex-direction: column; gap: 12px;}
.footer-contact li {display: flex; align-items: center; gap: 10px; color: rgba(255, 255, 255, 0.7); font-family: "Urbanist", sans-serif; font-size: 14px;}
.footer-contact li i {color: var(--primary); font-size: 14px; width: 18px;}
.footer-contact li a {color: rgba(255, 255, 255, 0.7); transition: color 0.25s ease;}
.footer-contact li a:hover {color: var(--primary);}
.footer-socials {display: flex; align-items: center; gap: 12px;}
.social-circle {width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.8); font-size: 14px; transition: all 0.3s ease;}
.social-circle:hover {border-color: var(--primary); background-color: var(--primary); color: #ffffff; transform: translateY(-2px);}
.footer-bottom {padding-top: 25px; border-top: 1px solid rgba(255, 255, 255, 0.08); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px;}
.copyright-text, .developer-text {color: rgba(255, 255, 255, 0.6); font-family: "Urbanist", sans-serif; font-size: 13px; margin: 0;}
.copyright-text strong, .developer-text strong {color: #ffffff;}

/* Responsive Media Queries */
@media (max-width: 1200px) {
.banner-title {font-size: 52px;}
.banner-subtitle {font-size: 24px;}
.menu-list {gap: 22px;}
.provide-grid {gap: 20px;}
.facilities-grid {gap: 20px;}
.about-grid {gap: 30px;}
.checklist-grid {gap: 30px;}
.pricing-grid {grid-template-columns: repeat(2, 1fr); gap: 20px;}
.bike-care-grid {gap: 30px;}
.homitouch-grid {gap: 30px;}
.addons-grid {grid-template-columns: repeat(3, 1fr); gap: 16px;}
.footer-grid {grid-template-columns: repeat(2, 1fr); gap: 30px;}
}
@media (max-width: 991px) {
.nav-menu, .header-btn-wrap {display: none !important;}
.burger-toggle {display: flex !important;}
.banner-sec {padding: 130px 0 70px 0; min-height: auto;}
.banner-title {font-size: 44px;}
.banner-subtitle {font-size: 22px;}
.banner-desc {font-size: 15px;}
.inner-banner {padding: 140px 0 65px 0; min-height: 290px;}
.inner-banner-text h1 {font-size: 44px;}
.provide-sec {padding: 60px 0;}
.provide-title {font-size: 42px;}
.provide-grid {grid-template-columns: repeat(2, 1fr); gap: 18px;}
.about-sec {padding: 70px 0;}
.about-grid {grid-template-columns: 1fr; gap: 36px;}
.about-title {font-size: 38px;}
.about-content {padding-right: 0;}
.facilities-sec {padding: 70px 0;}
.facilities-title {font-size: 40px;}
.facilities-grid {grid-template-columns: repeat(2, 1fr); gap: 18px;}
.checklist-sec {padding: 70px 0;}
.checklist-grid {grid-template-columns: 1fr; gap: 36px;}
.checklist-title {font-size: 36px;}
.checklist-col {padding: 0;}
.pricing-sec {padding: 60px 0;}
.pricing-title {font-size: 40px;}
.pricing-grid {grid-template-columns: repeat(2, 1fr); gap: 18px;}
.bike-care-sec {padding: 60px 0;}
.bike-care-grid {grid-template-columns: 1fr; gap: 36px;}
.bike-title {font-size: 38px;}
.homitouch-sec {padding: 60px 0;}
.homitouch-grid {grid-template-columns: 1fr; gap: 36px;}
.homitouch-title {font-size: 40px;}
.homitouch-content {padding-right: 0;}
.addons-sec {padding: 60px 0;}
.addons-title {font-size: 42px;}
.addons-grid {grid-template-columns: repeat(3, 1fr); gap: 14px;}
.addons-plan-grid {grid-template-columns: repeat(3, 1fr); gap: 18px;}
.not-included-sec {padding: 60px 0;}
.not-included-title {font-size: 40px;}
.footer-sec {padding: 60px 0 30px 0;}
.footer-grid {grid-template-columns: repeat(2, 1fr); gap: 30px;}
.about-img{height: 400px;}
}
@media (max-width: 576px) {
.header-sec {padding: 18px 0;}
.logo img {height: 38px;}
.banner-title {font-size: 34px; line-height: 1.1;}
.banner-subtitle {font-size: 18px;}
.inner-banner {padding: 115px 0 45px 0; min-height: 220px;}
.inner-banner-text h1 {font-size: 34px; letter-spacing: 1px;}
.inner-banner-text h1::after {width: 36px; height: 2.5px; margin-top: 8px;}
.banner-btn-group {flex-direction: column; align-items: flex-start; gap: 14px;}
.btn-banner-primary {width: 100%; text-align: center;}
.banner-features {gap: 26px;}
.provide-sec {padding: 50px 0;}
.provide-title {font-size: 32px;}
.provide-grid {grid-template-columns: 1fr; gap: 14px;}
.provide-card {padding: 26px 20px;}
.about-sec {padding: 50px 0;}
.about-grid {grid-template-columns: 1fr; gap: 28px;}
.about-img {height: 320px;}
.about-title {font-size: 32px;}
.facilities-sec {padding: 50px 0;}
.facilities-title {font-size: 32px;}
.facilities-grid {grid-template-columns: 1fr; gap: 14px;}
.facility-card {padding: 30px 20px;}
.checklist-sec {padding: 50px 0;}
.checklist-grid {grid-template-columns: 1fr; gap: 28px;}
.checklist-title {font-size: 30px;}
.checklist-list li {font-size: 14px; gap: 12px;}
.pricing-sec {padding: 50px 0;}
.pricing-title {font-size: 32px;}
.pricing-grid {grid-template-columns: 1fr; gap: 16px;}
.pricing-card {padding: 24px 18px;}
.bike-care-sec {padding: 50px 0;}
.bike-care-grid {grid-template-columns: 1fr; gap: 28px;}
.bike-title {font-size: 32px;}
.homitouch-sec {padding: 50px 0;}
.homitouch-grid {grid-template-columns: 1fr; gap: 28px;}
.homitouch-title {font-size: 34px;}
.homitouch-img {height: 320px;}
.addons-sec {padding: 50px 0;}
.addons-title {font-size: 34px;}
.addons-grid {grid-template-columns: repeat(2, 1fr); gap: 12px;}
.addons-plan-grid {grid-template-columns: 1fr; gap: 14px;}
.not-included-sec {padding: 50px 0;}
.not-included-title {font-size: 32px;}
.excluded-pills-wrap {gap: 8px;}
.excluded-pill {padding: 8px 16px; font-size: 13px;}
.footer-sec {padding: 50px 0 25px 0;}
.footer-grid {grid-template-columns: 1fr; gap: 28px;}
.footer-bottom {flex-direction: column; text-align: center; gap: 8px;}
}