* {    margin: 0;    padding: 0;    box-sizing: border-box;    scrollbar-width: thin;    /* Options: auto, thin, none */    scrollbar-color: var(--primary-color) #f1f1f1;    /* thumb-color track-color */}*,::before,::after {    box-sizing: border-box;    margin: 0;    padding: 0;}:root {    --primary-color: #FFCB04;    --secondary-color: #FFC433;    --light-color: #fff;    --dark-color: #000;    --red-color: #FB463D;    --line-height-tight: 1.2;    --line-height-normal: 1.5;    --line-height-relaxed: 1.65;    --gray-two: #D9D9D9;    --gray: #D4D4D44D;	--bs-nav-link-font-size:18px;}/* Custom Scrollbar Styles *//* For WebKit browsers (Chrome, Safari, Edge) */::-webkit-scrollbar {    width: 12px;    /* Width of vertical scrollbar */    height: 12px;    /* Height of horizontal scrollbar */}::-webkit-scrollbar-track {    background: red;    /* Light gray background for track */    border-radius: 6px;}::-webkit-scrollbar-thumb {    background: #0A4833;    /* Your primary color */    border-radius: 6px;    border: 2px solid #f1f1f1;    /* Creates a border effect */}::-webkit-scrollbar-thumb:hover {    background: #0d5a3e;    /* Slightly lighter shade on hover */}::-webkit-scrollbar-thumb:active {    background: #083d2a;    /* Darker shade when clicked */}::-webkit-scrollbar-corner {    background: red;    /* Corner where horizontal and vertical scrollbars meet */}@font-face {    font-family: 'gold';    src: url('../fonts/Goldplay-Regular.ttf') format('truetype');    font-style: normal;    font-display: swap;    font-weight: 700;}@font-face {    font-family: 'gold-light';    src: url('../fonts/Goldplay-Light.ttf') format('truetype');    font-style: normal;    font-display: swap;}@font-face {    font-family: 'gold-med';    src: url('../fonts/Goldplay-Medium.ttf') format('truetype');    font-style: normal;    font-display: swap;}@font-face {    font-family: 'gold-semi';    src: url('../fonts/Goldplay-SemiBold.ttf') format('truetype');    font-style: normal;    font-display: swap;}@font-face {    font-family: 'hell';    src: url('../fonts/HelveticaNeue-Light.otf') format('opentype');    font-style: normal;    font-display: swap;}/* For Firefox *//* Alternative Firefox approach with more control (if needed) */html:not(.nav-clicked) {    scroll-behavior: smooth;    scrollbar-width: thin;    scrollbar-color: var(--primary-color) transparent;}body {    margin: 0;    padding: 0;    font-family: "hell", sans-serif;    line-height: 1.6;    overflow-x: hidden;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}nav {    font-family: 'gold', sans-serif;}header,main,nav,section {    display: block}ul,ol {    list-style-type: none;}a {    color: inherit;    text-decoration: none;}h1 {    font-family: 'gold-semi', sans-serif !important;    font-size: clamp(2.25rem, 4vw + 1rem, 4.5rem) !important;    /* 36px - 72px */    font-weight: 700 !important;    line-height: var(--line-height-tight) !important;    letter-spacing: -0.02em !important;    margin-bottom: clamp(1rem, 2vw, 2rem) !important;}h2 {    font-family: 'gold-semi', sans-serif !important;    font-size: clamp(1.875rem, 3vw + 0.5rem, 3.5rem) !important;    /* 36px - 72px */    font-weight: 400 !important;    line-height: var(--line-height-tight) !important;    letter-spacing: -0.02em !important;    margin-bottom: clamp(1rem, 2vw, 2rem) !important;}h3 {    font-family: 'gold-semi', sans-serif !important;    font-size: clamp(1.5rem, 2.5vw + 0.25rem, 2.75rem) !important;    /* 24px - 44px */    font-weight: 600;    line-height: var(--line-height-tight);    letter-spacing: -0.01em;    margin-bottom: clamp(0.75rem, 1.25vw, 1.5rem);}h3.white {  color: #fff;}h4 {    font-family: 'gold-semi', sans-serif !important;    font-size: 18px;    /* 20px - 34px */    line-height: var(--line-height-normal);    letter-spacing: -0.005em;    margin-bottom: clamp(0.625rem, 1vw, 1.25rem);}h5 {    font-family: 'gold-semi', sans-serif !important;    font-size: clamp(1.125rem, 1.5vw + 0.125rem, 1.625rem) !important;    /* 18px - 26px */    font-weight: 500;    line-height: var(--line-height-normal);    letter-spacing: 0;    margin-bottom: clamp(0.5rem, 0.75vw, 1rem);}h6 {    font-family: 'gold-semi', sans-serif !important;    font-size: clamp(1rem, 1.25vw + 0.125rem, 1.375rem) !important;    /* 16px - 22px */    font-weight: 500;    line-height: var(--line-height-normal);    letter-spacing: 0.01em;    text-transform: uppercase;    margin-bottom: clamp(0.5rem, 0.5vw, 0.875rem);}/* Paragraph styles with optimal reading experience */p {    font-family: "hell", sans-serif !important;    font-size: 18px;    /* 16px - 20px */    font-weight: 500 !important;    line-height: var(--line-height-relaxed) !important;    ;    margin-bottom: clamp(1rem, 2vw, 1.5rem) !important;}.about-banner p {	font-size: 18px;}button:focus {    outline: none;    box-shadow: none;}.wrapper {    width: 100%;    display: flex;    flex-direction: column;}/* --------------header---------------- */.custom-navbar {    background: rgba(255, 255, 255, 0.7);    backdrop-filter: blur(8px);    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);    transition: all 0.3s ease;    padding: 1rem 0;    min-height: 80px;}.custom-navbar.scrolled {    background: rgba(255, 255, 255, 0.98);    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.15);    padding: 0.5rem 0;}/* Brand Styles */.logo-container {    display: flex;    align-items: center;    gap: 0.5rem;    transition: transform 0.3s ease;}.logo-container img {    width: 80px;}.logo-container:hover {    transform: scale(1.05);}/* Navigation Links */.navbar-nav .nav-link {	color: #000000 !important;	font-weight: 500 !important;	padding: 0.5rem !important;	margin: 0 0.25rem;	position: relative;	overflow: hidden;	letter-spacing: 0.7px;	font-family: 'gold-semi', sans-serif !important;}/* .navbar-nav .nav-link::before {    content: '';    position: absolute;    top: 0;    left: -100%;    width: 100%;    height: 100%;    background: linear-gradient(90deg, transparent, rgba(255, 251, 27, 0.363), transparent);    transition: left 0.5s ease;}.navbar-nav .nav-link:hover::before {    left: 100%;} *//* .navbar-nav .nav-link:hover {    background-color: rgba(255, 242, 191, 0.982);    color: #0d1013 !important;    transform: translateY(-2px);} */.navbar-nav .nav-link:hover {  background-color: transparent;  color: #0d1013 !important;  transform: translateY(-2px);  border-bottom: 2px solid var(--primary-color);  border-radius: 0px;}/* Custom Button */.custom-btn {    background: linear-gradient(45deg, #007bff, #0056b3);    border: none;    border-radius: 25px;    padding: 0.75rem 1.5rem;    font-weight: 600;    transition: all 0.3s ease;    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);}.custom-btn:hover {    transform: translateY(-2px);    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);    background: linear-gradient(45deg, #0056b3, #007bff);}/* Hamburger Menu Animation */.hamburger-menu {    width: 30px;    height: 20px;    display: flex;    flex-direction: column;    justify-content: space-between;    cursor: pointer;    transition: transform 0.3s ease;}.hamburger-menu:hover {    transform: scale(1.1);}.bar {    width: 100%;    height: 3px;    background-color: #343a40;    border-radius: 2px;    transition: all 0.25s ease;    transform-origin: center;}/* Hamburger Animation States */.navbar-toggler[aria-expanded="true"] .hamburger-menu .bar:nth-child(1) {    transform: rotate(45deg) translate(6px, 6px);    background-color: var(--primary-color);}.navbar-toggler[aria-expanded="true"] .hamburger-menu .bar:nth-child(2) {    opacity: 0;    transform: scale(0);}.navbar-toggler[aria-expanded="true"] .hamburger-menu .bar:nth-child(3) {    transform: rotate(-45deg) translate(6px, -6px);    background-color: var(--primary-color);}.navbar-toggler:focus {    outline: none !important;    box-shadow: none !important;}/* Mobile Menu Animations */@media (max-width: 991.98px) {    .navbar-collapse {        background: rgba(255, 255, 255, 0.98);        backdrop-filter: blur(10px);        margin-top: 1rem;        border-radius: 8px;        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);        border: 1px solid rgba(0, 0, 0, 0.05);        transform: translateY(-10px);        opacity: 0;        transition: all 0.25s ease;        visibility: hidden;    }    .navbar-collapse.show {        transform: translateY(0);        opacity: 1;        visibility: visible;    }    .navbar-nav {        padding: 1rem 0;    }    .navbar-nav .nav-link {        margin: 0.25rem 0;        padding: 1rem 1.5rem !important;        border-radius: 8px;        transition: all 0.2s ease;    }    .navbar-nav .nav-link:hover {        background-color: var(--primary-color);        color: var(--dark-color) !important;        transform: translateX(10px);        color: var(--dark-color);    }    .custom-btn {        margin: 1rem auto;        display: block;        width: fit-content;        transition: all 0.2s ease;    }}/* Dropdown Animations */.dropdown-menu {    border: none;    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);    border-radius: 8px;    padding: 0.5rem 0;    animation: dropdownSlide 0.3s ease;    background: rgba(255, 255, 255, 0.98);    backdrop-filter: blur(10px);}.dropdown-item {    padding: 0.75rem 1.5rem;    transition: all 0.3s ease;    border-radius: 0;}.dropdown-item:hover {    background-color: #007bff;    color: white;}/* Keyframe Animations */@keyframes slideDown {    from {        opacity: 0;        transform: translateY(-10px);        -webkit-transform: translateY(-10px);        -moz-transform: translateY(-10px);        -ms-transform: translateY(-10px);        -o-transform: translateY(-10px);    }    to {        opacity: 1;        transform: translateY(0);    }}@keyframes dropdownSlide {    from {        opacity: 0;        transform: translateY(-10px);    }    to {        opacity: 1;        transform: translateY(0);    }}/* Hero Section */.hero-section {    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);    color: white;    padding-top: 80px;}.hero-image {    text-align: center;    padding: 2rem;}.navbar-brand {    animation-delay: 0.1s;}.nav-link {    animation-delay: 0.2s;}.custom-btn {    animation-delay: 0.3s;}/* Accessibility */@media (prefers-reduced-motion: reduce) {    * {        animation-duration: 0.01ms !important;        animation-iteration-count: 1 !important;        transition-duration: 0.01ms !important;    }}.navbar-toggler:focus {    outline: none;    box-shadow: none;}/* High Contrast Mode */@media (prefers-contrast: high) {    .custom-navbar {        background: white;        border-bottom: 2px solid #343a40;    }    .nav-link {        color: #343a40 !important;    }}/* Enhanced Loading Animation *//* scope header animations to the top navbar only */.custom-navbar .navbar-brand,.custom-navbar .nav-link,.custom-navbar .custom-btn {    opacity: 0;    transform: translateY(20px);    filter: blur(2px);    animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;}.navbar-brand {    animation-delay: 0.2s;}.nav-link {    animation-delay: 0.32s;}.custom-btn {    animation-delay: 0.44s;}@keyframes fadeInUp {    0% {        opacity: 0;        transform: translateY(20px);        filter: blur(2px);    }    70% {        opacity: 1;        transform: translateY(-2px);        filter: blur(0px);    }    100% {        opacity: 1;        transform: translateY(0);        filter: blur(0px);    }}.signup-btn {	font-size: 20px !important;	background-color: var(--bee-yellow) !important;	color: var(--dark-color) !important;	border-radius: 30px !important;	-webkit-border-radius: 30px !important;	-moz-border-radius: 30px !important;	-ms-border-radius: 30px !important;	-o-border-radius: 30px !important;	padding: 0.5rem 2.5rem !important;	position: relative;	overflow: hidden;	transition: all 3s ease;	-webkit-transition: all 3s ease;	-moz-transition: all 3s ease;	-ms-transition: all 3s ease;	-o-transition: all 3s ease;  font-size: 16px !important;  margin-left: 20px;  font-family: 'gold-semi', sans-serif !important;  font-weight: 500 !important;}.signup-btn:hover {    color: var(--light-color) !important;    transform: scaleX(1.02);    -webkit-transform: scaleX(1.02);    -moz-transform: scaleX(1.02);    -ms-transform: scaleX(1.02);    -o-transform: scaleX(1.02);}.special {    color: var(--primary-color);}.life-uae {    padding: clamp(1rem, 3vw, 3rem) !important;    background-color: var(--gray);}.how-bees {    padding: clamp(1rem, 3vw, 3rem) !important;    background-color: var(--light-color);}.how-bees h3 {    text-align: center;    margin-bottom: clamp(1rem, 2vw, 2rem) !important;}.how-bees p {    text-align: center;    margin-bottom: clamp(1rem, 2vw, 2rem) !important;}.how-bees .step-item p {    text-align: start;    margin-bottom: 15px !important;}.app-features {    background-image: url("../img/banner/app-feature.webp");    background-repeat: no-repeat;    background-size: cover;    background-position: center center;    padding: clamp(5rem, 3vw, 3rem) 0 !important;}.app-features .heading h3 {    color: var(--light-color);}.app-features .heading p {    color: var(--light-color);}/* App Feature List Styles */.app-fea-list {    display: flex;    flex-direction: column;    gap: 1rem;    padding: 2rem;    width: 80%;}.app-fea-list .feature-item {    background: linear-gradient(181deg, rgba(255, 255, 255, 1) 0%, rgba(252, 252, 252, 1) 30%, rgba(243, 243, 243, 1) 55%, rgba(224, 224, 224, 1) 100%);    backdrop-filter: blur(10px);    border: 1px solid rgba(255, 255, 255, 0.2);    border-radius: 25px;    padding: 0.7rem 1rem;    display: flex;    align-items: center;    gap: 1rem;/* prefer specific transitions instead of `all` to avoid layout thrash */    transition: transform 0.28s cubic-bezier(.2,.9,.3,1),                box-shadow 0.28s cubic-bezier(.2,.9,.3,1),                background-color 0.28s ease;    will-change: transform;    color: white;    cursor: pointer;}/* Hover: use transform (not keyframe animation) so it doesn't conflict with AOS */.app-fea-list .feature-item:hover {    background-color: rgba(255, 255, 255, 0.12);    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);    transform: translateY(-6px) translateX(4px) scale(1.01);    /* explicitly disable keyframe animation on hover (prevents slide-in-left re-run) */    -webkit-animation: none !important;    animation: none !important;}@-webkit-keyframes slide-in-left {    0% {        -webkit-transform: translateX(-50px);        transform: translateX(-50px);        opacity: 0;    }    100% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1;    }}@keyframes slide-in-left {    0% {        -webkit-transform: translateX(-50px);        transform: translateX(-50px);        opacity: 0;    }    100% {        -webkit-transform: translateX(0);        transform: translateX(0);        opacity: 1;    }}.app-fea-list .feature-icon {    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    flex-shrink: 0;    color: white;}.app-fea-list .feature-icon svg {    width: 20px;    height: 20px;    color: white;}.app-fea-list .feature-text {    font-weight: 500;    color: var(--dark-color);    line-height: 1.4;    font-family: 'gold-med', sans-serif;}@media (max-width: 768px) {    .privacy-banner{        margin-left: 0.4rem!important;        margin-right: 0.4rem!important;    }    .partner-banner{        margin: 0!important;        background-position: right center!important;    }    .abt-logo {        width: 80px !important;    }    .resi-properties {        padding: 0 !important;    }    .resi-everything {        padding-bottom: 0 !important;    }    .resi-about {        padding-bottom: 0 !important;    }    .resi-about .col-md-7 {        padding: 2rem !important;    }    .resi-banner {        margin: 0 !important;    }    .resi-banner .down-app {        display: block !important;    }    .resi-download-app .down-app {        display: block !important;    }    .bee-ready .down-app {        display: block !important;        text-align: center;    }    .app-fea-list {        width: 100%;    }    .app-fea-list {        padding: 1rem;        gap: 0.8rem;    }    .app-fea-list .feature-item {        padding: 0.8rem 1.2rem;        border-radius: 20px;    }    .app-fea-list .feature-icon {        width: 35px;        height: 35px;    }    .app-fea-list .feature-icon svg {        width: 18px;        height: 18px;    }    .app-fea-list .feature-text {        font-size: 0.9rem;    }}.step-item {    display: flex;    align-items: flex-start;    margin-bottom: 30px;    position: relative;    opacity: 0;    transform: translateY(20px);    animation: fadeInUp 0.6s ease forwards;    -webkit-animation: fadeInUp 0.6s ease forwards;}.step-number {    width: 45px;    height: 45px;    background: #333;    color: white;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    font-size: 1.4rem;    font-weight: bold;    margin-right: 15px;    flex-shrink: 0;}.step-content {    flex: 1;}.step-title {    font-weight: 600;}.step-description {    opacity: 0.9;}.dotted-line {    position: absolute;    left: 22px;    top: 50px;    bottom: -20px;    width: 1px;    border-left: 2px dotted #666;}.step-item:last-child .dotted-line {    display: none;}/* Simple hover effect */.step-item:hover .step-number {    background: #555;    transform: scale(1.05);    transition: all 0.3s ease;}.how-it-works-section {  background-color: var(--secondary-color);    padding: 1.5rem 2rem;    border-radius: 30px;    -webkit-border-radius: 30px;    -moz-border-radius: 30px;    -ms-border-radius: 30px;    -o-border-radius: 30px;    margin: 2.2rem;}/* Mobile responsive */@media (max-width: 576px) {    .main-title {        font-size: 2rem;    }    .step-title {        font-size: 1.4rem;    }}.veified-bees {    padding: clamp(5rem, 3vw, 1rem) 0 !important;    background-color: var(--gray);}.hive-works {    padding: clamp(2rem, 3vw, 5rem) 0 !important;    background-color: var(--light-color);}.hive-icon-box {    background-color: var(--primary-color);    border-radius: 20px;    -webkit-border-radius: 20px;    -moz-border-radius: 20px;    -ms-border-radius: 20px;    -o-border-radius: 20px;    padding: 0.8rem 1rem;    display: flex;    gap: 1rem;}.hive-icon-box img {    width: 70px;    max-height: 70px;}.hive-icon-box p {    line-height: 1.2rem !important;}.hive-icon-text p {    margin-bottom: 1rem !important;}.join-hive {    padding: clamp(5rem, 3vw, 1rem) 0;    background-color: var(--red-color);}.join-hive .col-md-4 img {    padding: 0 3rem;}.real-fix {    padding: clamp(4rem, 3vw, 2vw) 0 0}.test-box {    padding: 1rem;    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;    border-radius: 20px;    -webkit-border-radius: 20px;    -moz-border-radius: 20px;    -ms-border-radius: 20px;    -o-border-radius: 20px;    height: 100%;}.test-box .test-details {    display: flex;    justify-content: space-between;}.test-box .test-details img {    width: 60px;    height: 100%;}.test-box p {    margin-bottom: 0 !important;    font-size: 16px !important;}.bee-ready {    padding: clamp(2rem, 3vw, 5rem) 0;    background-color: var(--dark-color);    margin: 3rem 0 0;    padding-bottom: 5rem;}.download-btn {    background-color: var(--light-color);    color: var(--dark-color);    border: 0;    padding: 0.5rem 1rem;    width: 100%;    border-radius: 30px;    -webkit-border-radius: 30px;    -moz-border-radius: 30px;    -ms-border-radius: 30px;    -o-border-radius: 30px;    font-size: 1rem;}.download-btn:hover {    transform: translateY(-2px);    transition: all 0.3s;    box-shadow: rgba(241, 241, 241, 0.732) 0px 5px, rgba(214, 214, 214, 0.425) 0px 08px, rgba(245, 245, 245, 0.2) 0px 10px;}.down-app {    display: flex;    gap: 1rem;}.down-app img {    cursor: pointer;}.down-app img:hover {    transition: all 0.3s;    transform: translateY(-2px);/*     box-shadow: rgba(255, 241, 250, 0.4) 0px 5px, rgba(227, 227, 227, 0.3) 0px 10px, 0px 25px; */    border-radius: 20px;}.app-fea {    position: absolute;    transform: translateY(-100px);    padding: 0 3rem;    -webkit-transform: translateY(-100px);    -moz-transform: translateY(-100px);    -ms-transform: translateY(-100px);    -o-transform: translateY(-100px);}.qr-code {    padding: 0px 0rem 0px 3rem;}.fix-buzz {    padding: clamp(2rem, 3vw, 5rem) 0;}.bee-ready h3 {    color: var(--primary-color);}.bee-ready h6 {    color: var(--light-color);}.bee-ready p {    color: var(--light-color);}.need-help {    background-color: var(--primary-color);}.need-help {    padding: 2rem 0;}/* ---- Our Story ---- */.our-story {    padding: clamp(3rem, 3vw, 6rem) 0;    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%);}.our-story .eyebrow {    margin: 0;}.our-story h1 {    margin-top: .5rem !important;}.our-story p {    color: #0a0a0a;    font-size: 18px !important;}/* ---- Purpose Slider (JS-driven) ---- */.purpose-slider {    padding: clamp(2rem, 3vw, 4rem) 0;    position: relative;    overflow: hidden}.purpose-slider .viewport {    overflow: hidden}.purpose-slider .slides {    display: flex;    gap: 2rem;    transition: transform .6s ease-in-out}.purpose-slider .slide {    position: relative;    flex: 0 0 100%;    height: 520px;    border-radius: 28px;    overflow: hidden;}.purpose-slider .slide-image {    width: 100%;    height: 100%;    object-fit: cover;}.purpose-slider .slide::after {    content: "";    position: absolute;    inset: 0;    background: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .6));}.purpose-slider .slide .slide-content {    position: absolute;    left: 2rem;    bottom: 2rem;    z-index: 2;    color: #fff;}.purpose-slider .slide h3 {    font-size: clamp(1.5rem, 2.5vw, 3rem) !important;    color: #fff}.purpose-slider .slide p[data-aos^="fade"][data-aos^="fade"].aos-animate {	opacity: 0;		} .purpose-slider .slide p {    color: #fff !important;    font-size: 18px !important;    width: 95%;	transition-behavior: allow-discrete;    transition: opacity 0.5s ease-in-out, display 0.5s ease-in-out;}.purpose-slider:hover .slide p[data-aos^="fade"][data-aos^="fade"].aos-animate {	opacity: 1;	}@media (min-width: 992px) {    .purpose-slider .viewport {        padding: 0 2rem;        overflow: visible    }}@media (max-width: 768px) {    .purpose-slider .slide {        height: 360px    }    .purpose-slider .slides {        gap: 1rem    }}/* arrows */.purpose-slider .controls {    pointer-events: none}.purpose-slider .arrow {    position: absolute;    top: 50%;    transform: translateY(-50%);    width: 46px;    height: 46px;    border-radius: 50%;    background: #ffffffcc;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    box-shadow: 0 6px 16px rgba(0, 0, 0, .15);    pointer-events: auto;    border: 0}.purpose-slider .arrow:hover {    background: #fff}.purpose-slider .arrow span {    display: block;    width: 12px;    height: 12px;    border-top: 2px solid #000;    border-left: 2px solid #000}.purpose-slider .arrow.prev {    left: 12px}.purpose-slider .arrow.next {    right: 12px}.purpose-slider .arrow.prev span {    transform: rotate(-45deg)}.purpose-slider .arrow.next span {    transform: rotate(135deg)}@media (max-width:768px) {    .purpose-slider .arrow {        width: 40px;        height: 40px;        z-index: 2    }    .purpose-slider .arrow.prev {        left: 8px    }    .purpose-slider .arrow.next {        right: 8px    }}/* ---- Core Values ---- */.core-values {    padding: clamp(3rem, 3vw, 6rem) 0;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.03) 100%)}.core-values .subtitle {    font-size: 20px !important;}.values-grid .value-card {    position: relative;    border-radius: 28px;    overflow: hidden;    aspect-ratio: 4 / 3;    height: auto;    background: #000}.values-grid .value-card .image-wrap {    position: absolute;    inset: 0}.values-grid .value-card img {    width: 100%;    height: 100%;    object-fit: cover;    transform: scale(1);    transition: transform .6s ease, width .3s ease, height .3s ease}.values-grid .value-card:hover img {    transform: scale(1.08)}.values-grid .value-card {    transition: transform .3s ease}.values-grid .value-card:hover {    transform: scale(1.02)}.values-grid .value-card .overlay {	position: absolute;	inset: 0;    top: 0px;	background: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .8));	width: 100%;	height: 110%;	opacity: 1;	top: -10px;}.values-grid .value-card .card-copy {    position: absolute;    left: 1.5rem;    bottom: 1.5rem;    color: #fff;    text-align: left;    max-width: 85%}.values-grid .value-card .value-description {    opacity: 0;    transform: translateY(10px);    transition: all 0.3s ease;    font-size: 1rem;    line-height: 1.5;    margin-top: 0.5rem;}.values-grid .value-card:hover .value-description {    opacity: 1;    transform: translateY(0);}.values-grid .value-card h3 {    color: #fff}.values-grid .value-card:hover img {    transform: scale(1.08)}.values-grid .value-card:active img {    transform: scale(1.02)}@media (max-width:768px) {    .values-grid .value-card {        aspect-ratio: 4 / 3    }}/* ---- Why CityBees ---- */.why-citybees {    padding: clamp(3rem, 3vw, 6rem) 0}.why-grid .badge-circle {    width: 150px;    height: 150px;    margin: 0 auto;    border-radius: 50%;    background: var(--primary-color);    position: relative;    display: flex;    align-items: center;    justify-content: center;    box-shadow: 0 6px 24px rgba(0, 0, 0, .08)}.why-grid .badge-circle:before {    content: "";    position: absolute;    inset: 14px;    border-radius: 50%;    border: 2px dashed #000000}.why-grid .badge-circle img {    width: 54px;    height: 54px}.why-grid h4 {    font-family: 'gold-semi', sans-serif;    font-size: 18px;}.why-grid p {    margin: 0;    font-size: 16px !important;}@media (max-width:768px) {    .why-grid .badge-circle {        width: 120px;        height: 120px    }    .why-grid .badge-circle img {        width: 44px;        height: 44px    }}.clearboth {  clear: both;  display: block;}/* ---- The Hive Ecosystem ---- */.hive-ecosystem {    padding: clamp(3rem, 3vw, 6rem) 0}.hive-cards .hive-card.red_bg {    background-color: var(--red-color);}.hive-cards .hive-card {    position: relative;    border-radius: 28px;    overflow: hidden;    height: 100%;    background-color: var(--primary-color);    text-align: center;   /*  display: flex; */    	flex-direction: column;    justify-content: space-between;    padding: 1rem 0 0;}.hive-cards .hive-card h4 {    margin-top: 1rem;    color: #000;    font-family: 'hell',sans-serif!important;    font-weight: 600!important;}.hive-cards .hive-card p {    color: #000;    margin-bottom: 1rem;}.hive-cards .hive-card .hive-img {    width: 70%;    align-self: center;    margin-top: auto;}@media (max-width:768px) {    /*.hive-cards .hive-card{min-height:440px}*/}/* ---- Who We Serve ---- */.who-serve {    padding: clamp(3rem, 3vw, 6rem) 0}.who-serve .subtitle {    font-size: 20px !important;}.who-grid .serve-card {    position: relative;    border-radius: 28px;    height: auto;	background: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .8));	z-index: 2;	overflow: hidden;}.who-grid .serve-card img {    inset: 0;    width: 100%;    height: auto;	border-radius: 28px;	position: relative;	z-index: -1;}.serve-card-overlay {	position: absolute;	width: 100%;	height: 100%;	background: linear-gradient(180deg,rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.24) 25%, rgba(255, 255, 255, 0.12) 50%, rgba(0, 0, 0, 0.45) 75%, rgba(0, 0, 0, 0.74) 100%);}.who-grid .serve-card .caption {    position: absolute;    left: 0;    right: 0;    bottom: 10%;    padding: 1rem;    color: #fff;    text-align: center;}@media (max-width:768px) {    .who-grid .serve-card {        aspect-ratio: 3 / 2    }}.download-btn{    width: auto!important;}/* ---- Core Team ---- */.core-team {    padding: clamp(3rem, 3vw, 6rem) 0}.team-grid .team-card {    position: relative;    border-radius: 28px;    overflow: hidden;    aspect-ratio: 4 / 5;    height: auto;    background: #000}.team-grid .team-card img {    position: absolute;    inset: 0;    width: 100%;    height: 100%;    object-fit: cover;    opacity: .92}.team-grid .team-card .team-badge {    position: absolute;    left: 50%;    bottom: 1.25rem;    transform: translateX(-50%);    background: #fff;    color: #000;    padding: 0.9rem 1rem;    border-radius: 16px;    min-width: 75%;    text-align: center;    box-shadow: 0 10px 30px rgba(0, 0, 0, .15)}.team-grid .team-card .team-badge.featured {    background: var(--primary-color);}.team-grid .team-card .team-badge .name {    font-family: 'gold-semi', sans-serif}.team-grid .team-card .team-badge .role {    font-size: 14px;}@media (max-width:768px) {    .team-grid .team-card {        aspect-ratio: 4 / 5    }    .team-grid .team-card .team-badge {        min-width: 85%    }}/* -------footer-------------- */.footer-section {    padding: clamp(3rem, 3vw, 2rem) 0;    background-color: var(--gray);}.footer-links {    list-style: none;    padding: 0;    margin: 0;}.footer-links li {    margin-bottom: 12px;}.footer-links a {    color: #666;    text-decoration: none;    font-size: 18px;    transition: color 0.3s ease;}.footer-links a:hover {    color: #333;}.language-links {    list-style: none;    padding: 0;    margin: 0;}.language-links li {    margin-bottom: 12px;}.language-links a {    color: #666;    text-decoration: none;    font-size: 15px;    font-weight: 500;    transition: color 0.3s ease;}.language-links a:hover {    color: #333;}.social-icons {    display: flex;    gap: 15px;    margin-top: 20px;}.social-icon {    width: 40px;    height: 40px;    background-color: var(--light-color);    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    text-decoration: none;    transition: all 0.3s ease;    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    -o-border-radius: 50%;}.social-icon:hover {    background-color: #000 !important;    transform: translateY(-2px);}.social-icon i {    color: white;    font-size: 16px;}@media (max-width: 768px) {    .mob-menu {        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;        border-radius: 20px;        -webkit-border-radius: 20px;        -moz-border-radius: 20px;        -ms-border-radius: 20px;        -o-border-radius: 20px;        background-color: var(--gray);        margin: 0 1rem;    }    .join-hive .col-md-4 img {        padding: 0;    }    .mob-pad {        margin-top: 5rem;    }    .mob-hide {        display: none !important;    }    .bee-ready {        margin: 0;    }    .need-help .col-md-3 {        text-align: center;    }    .real-fix .col-md-4 {        margin-bottom: 2rem;    }    .test-box {        margin-bottom: 1rem;    }    .hive-icon-box {        margin-bottom: 1rem;    }    .veified-bees {        padding: clamp(3rem, 3vw, 1rem) 0;    }    .step-item:last-child {        margin-bottom: 0;    }    .how-it-works-section {        margin: 0;        padding: 2rem;    }    .footer-section {        padding: 40px 0;    }    .section-title {        font-size: 16px;        margin-bottom: 15px;    }    .social-icons {        margin-top: 15px;        justify-content: flex-start;    }    .navbar-brand {        width: unset !important;    }    .our-story p {        font-size: 14px !important;    }}.footer-links a {    font-family: 'gold-med', sans-serif;}.foot-logo {    width: 150px;}.need-help .download-btn {    width: 70%;}@media (min-width: 768px) and (max-width: 1024px) {    .app-fea {        padding: 0;    }    .how-bees .col-md-6 {        width: 100%;    }    .hive-icon-box {        padding: 2rem 1rem;        display: block;        height: 100%;    }    .hive-icon-box img {        width: 60px;        padding-bottom: 1rem;    }}@media (min-width: 1400px) and (max-width: 1700px) {    .hive-icon-box {        min-height: 9rem;    }}.bee-hive {    padding: clamp(1rem, 3vw, 8rem) 0 0;}.navbar-brand {    width: 11%;}.resi-banner {	background : linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)), url('../img/banner/home services 2.webp');    background-size: cover;    background-position: center center;    background-repeat: no-repeat;    height: 100vh;    margin: 0;    margin-top: 7rem;}h2.white_heading,.contact-banner h2,.resi-banner h2 {    color: var(--light-color);}.resi-banner p {    color: var(--light-color);    font-family: "Inter", sans-serif;}.resi-about {    padding: clamp(5rem, 3vw, 2rem) 0;}.resi-about .col-md-7 {    padding-left: 5rem;}.abt-logo {    width: 120px;    position: absolute;    bottom: 30%;    left: 40%;    animation: vibrate-1 2s linear infinite both;}.abt-logo-first {    width: 130px;    position: absolute;    bottom: 18%;    left: 40%;    animation: vibrate-1 2s linear infinite both;	z-index: 9;}.abt-logo-two {    width: 100px;    position: absolute;    bottom: 18%;    left: 40%;    animation: vibrate-1 2s linear infinite both;	z-index: 9;}@-webkit-keyframes vibrate-1 {    0% {        -webkit-transform: translate(0);        transform: translate(0);    }    20% {        -webkit-transform: translate(-2px, 2px);        transform: translate(-2px, 2px);    }    40% {        -webkit-transform: translate(-2px, -2px);        transform: translate(-2px, -2px);    }    60% {        -webkit-transform: translate(2px, 2px);        transform: translate(2px, 2px);    }    80% {        -webkit-transform: translate(2px, -2px);        transform: translate(2px, -2px);    }    100% {        -webkit-transform: translate(0);        transform: translate(0);    }}@keyframes vibrate-1 {    0% {        -webkit-transform: translate(0);        transform: translate(0);    }    20% {        -webkit-transform: translate(-2px, 2px);        transform: translate(-2px, 2px);    }    40% {        -webkit-transform: translate(-2px, -2px);        transform: translate(-2px, -2px);    }    60% {        -webkit-transform: translate(2px, 2px);        transform: translate(2px, 2px);    }    80% {        -webkit-transform: translate(2px, -2px);        transform: translate(2px, -2px);    }    100% {        -webkit-transform: translate(0);        transform: translate(0);    }}.resi-everything {    padding: 80px 0;    background: #f8f9fa;}.resi-everything .heading {    text-align: center;    margin-bottom: 60px;}.resi-everything .heading h2 {    font-size: 2.5rem;    font-weight: 600;    color: #333;    margin-bottom: 20px;}.resi-everything .special {    color: #ffc107;}.resi-services-slider {    position: relative;    margin: 0 auto;}.resi-properties {    padding: 0px 0 50px !important;}.resi-properties .service-card {    background: linear-gradient(180deg, rgba(255, 203, 4, 1) 0%, rgba(255, 246, 210, 1) 90%, rgba(255, 255, 255, 0.28) 99%);    border-radius: 20px;    overflow: hidden;    transition: transform 0.3s ease, box-shadow 0.3s ease;    padding: 1rem;    display: flex;    flex-direction: column;}.resi-properties .service-card:hover {    box-shadow: rgba(190, 190, 190, 0.4) 0px 5px, rgba(209, 209, 209, 0.3) 0px 10px, rgba(242, 242, 242, 0.2) 0px 15px;}.resi-properties .card-image {    height: 250px;    overflow: hidden;    flex-grow: 1;}.resi-properties .card-image img {    width: 100%;    height: 100%;    object-fit: cover;    transition: transform 0.3s ease;    border-radius: 10px;}.resi-properties .service-card:hover .card-image img {    transform: scale(1.1);}.resi-properties .card-content {    padding: 10px;    text-align: center;    flex-shrink: 0;    height: 80px;}.resi-properties .card-content p {  font-size: 1.2rem !important;  margin: 0 !important;  line-height: 1.4;  display: flex;  height: 100%;  align-items: center;          /* vertical center */  justify-content: center;      /* horizontal center */  text-align: center;           /* optional if multiline */  width: 100%;}/* Navigation Arrows */.resi-properties .swiper-button-next,.resi-properties .swiper-button-prev {    width: 50px;    height: 50px;}.resi-properties .swiper-button-next:hover,.resi-properties .swiper-button-prev:hover {    transform: scale(1.1);}.resi-properties .swiper-button-next::after,.resi-properties .swiper-button-prev::after {    display: none;}.resi-properties .swiper-button-next {    right: 0;}.resi-properties .swiper-button-prev {    left: 0;}/* Pagination */.resi-properties .swiper-pagination {    bottom: -50px;}.resi-properties .swiper-pagination-bullet {    width: 12px;    height: 12px;    background: #ccc;    opacity: 1;    transition: all 0.3s ease;}.resi-properties .swiper-pagination-bullet-active {    background: #ffc107;    transform: scale(1.2);}/* Responsive Design */@media (max-width: 768px) {    .resi-properties {        padding: 0 20px;    }    .resi-everything .heading h2 {        font-size: 2rem;    }    .service-card {        height: 320px;    }    .card-image {        height: 220px;    }    .resi-properties .swiper-button-next,    .resi-properties .swiper-button-prev {        width: 40px;        height: 40px;        font-size: 14px;    }}@media (max-width: 480px) {    .resi-properties {        padding: 0 10px;    }    .resi-everything .heading h2 {        font-size: 1.8rem;    }    .service-card {        height: 400px;    }    .card-image {        height: 200px;    }    .card-content h4 {        font-size: 1rem;    }}.resi-every-nav {    position: relative;    margin-top: 3rem;}.resi-video {    padding: clamp(5vw, 3vw, 1rem) 0;}.part-video {    padding: clamp(5vw, 3vw, 1rem) 0;}.swiper-slide {    width: 80%;    /* Sets the width of each slide */    /* Or use a fixed width, e.g., width: 300px; */}.resi-play {    padding: clamp(5rem, 3vw, 2rem) 0;    background-image: url("../img/banner/resi.webp");    background-position: center center;    background-size: cover;    width: 100%;    height: 100vh;    background-repeat: no-repeat;    border-radius: 30px;}/* Play Button Styles */.play-button-container {    display: inline-block;    position: relative;    padding: 60px 0;}.play-btn {    position: relative;    display: inline-block;    cursor: pointer;    transition: all 0.3s ease;    overflow: visible;    z-index: 1;}.play-btn img {    display: block;    transition: transform 0.3s ease, filter 0.3s ease;    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2));}.play-btn:hover img {    transform: scale(1.1);    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.3));}.play-btn.clicked img {    transform: scale(0.95);}/* Ripple Effect */.ripple {    position: absolute;    top: 50%;    left: 50%;    width: 100px;    height: 100px;    background: rgb(230, 230, 230);    border-radius: 50%;    transform: translate(-50%, -50%) scale(0);    pointer-events: none;    z-index: -1;}@keyframes ripple-animation {    0% {        transform: translate(-50%, -50%) scale(0);        opacity: 1;    }    50% {        transform: translate(-50%, -50%) scale(1);        opacity: 0.7;    }    100% {        transform: translate(-50%, -50%) scale(2);        opacity: 0;    }}/* Continuous Pulse Effect */.play-btn::before {    content: '';    position: absolute;    top: 50%;    left: 50%;    width: 100%;    height: 100%;    background: rgba(255, 255, 255, 0.703);    border-radius: 50%;    transform: translate(-50%, -50%);    animation: pulse 2s infinite;    z-index: -1;}.play-btn::after {    content: '';    position: absolute;    top: 50%;    left: 50%;    width: 100%;    height: 100%;    background: rgba(248, 248, 248, 0.866);    border-radius: 50%;    transform: translate(-50%, -50%);    animation: pulse 2s infinite 1s;    z-index: -1;}@keyframes pulse {    0% {        transform: translate(-50%, -50%) scale(1);        opacity: 1;    }    100% {        transform: translate(-50%, -50%) scale(2);        opacity: 0;    }}/* Responsive Design */@media (max-width: 768px) {    .resi-properties {        padding: 0 20px;    }    .resi-everything .heading h2 {        font-size: 2rem;    }    .service-card {        height: 320px;    }    .card-image {        height: 220px;    }    .resi-every-nav .swiper-button-next,    .resi-every-nav .swiper-button-prev {        width: 40px;        height: 40px;        font-size: 14px;        margin-top: -160px;    }    .play-btn img {        width: 80px;    }    .ripple {        width: 80px;        height: 80px;    }}@media (max-width: 480px) {    .resi-properties {        padding: 0 10px;    }    .resi-everything .heading h2 {        font-size: 1.8rem;    }    .service-card {        height: 300px;    }    .card-image {        height: 200px;    }    .card-content p {        font-size: 1rem;    }    .resi-every-nav .swiper-button-next,    .resi-every-nav .swiper-button-prev {        margin-top: -150px;    }    .play-btn img {        width: 70px;    }    .ripple {        width: 70px;        height: 70px;    }}#exampleModal .modal-content {    position: unset !important;    background: transparent !important;}#exampleModal .modal-header {    position: relative !important;    padding: 2rem 0 !important;}#exampleModal .btn-close {    color: var(--primary-color) !important;    height: 1rem !important;    width: 16px !important;    background: white !important;    padding-bottom: 0.rem ! important;    line-height: 0 !important;    top: -13px !important;}.benefits {    overflow: hidden !important;}.benefits p {    font-size: 1rem !important;}.benefits img {    border-radius: 50%;}.benefits img:hover {    transition: all 0.5s ease;    transform: translateY(-2px);    cursor: pointer;    border-radius: 50%;    box-shadow: rgba(186, 186, 186, 0.4) 0px 5px, rgba(223, 223, 223, 0.3) 0px 10px, rgba(242, 242, 242, 0.2) 0px 15px;}.resi-download-app {    background-color: var(--dark-color);    padding: clamp(5rem, 3vw, 2rem) 0;}.resi-download-app h2 {    color: var(--light-color);}#exampleModal .btn-close {    opacity: 1;    border-radius: 30px;}#videoFrame {    border-radius: 30px;}.resi-faq .accordion-button:focus {    box-shadow: unset !important;}.resi-faq {    padding: clamp(5rem, 3vw, 2rem) 0;}.resi-faq .accordion-button {    background-color: transparent !important;    letter-spacing: 0.6px;    font-weight: 600;    color: #000;}.resi-faq h4 {    font-family: 'hell', sans-serif !important;    margin-bottom: 0 !important;    letter-spacing: 1.3px;}.resi-faq .accordion-button:not(.collapsed) {    box-shadow: unset !important;}.resi-faq .accordion-item {    border: 2px solid #D5D5D5;    margin: 1rem 0;    border-radius: 20px !important;}.resi-faq .accordion-item:not(:first-of-type) {    border-top: 2px solid #D5D5D5;}.resi-every-nav img {    width: 32px;}/* -----partner-page------- */.partner-banner {	background : linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)), url('../img/banner/technitian sitting.webp');    background-size: cover;    background-position: center right;    background-repeat: no-repeat;    height: 100vh;    margin: 0;    margin-top: 7rem;}.partner-banner h2 {    color: var(--light-color);}.partner-banner {    color: var(--light-color);}.partner-banner .download-btn {    width: unset;    padding: 0.8rem 1.5rem;    border: 1px solid #cacaca;}.part-everything p {    font-size: 1rem !important;    line-height: 20px !important;}.part-play {    padding: clamp(5rem, 3vw, 2rem) 0;    background-image: url("../img/banner/part.webp");    background-position: center center;    background-size: cover;    width: 100%;    height: 100vh;    background-repeat: no-repeat;    border-radius: 30px;}.jobs-kind {    padding: clamp(5rem, 3vw, 2rem) 0 0;    background-image: url('../img/banner/part-bg.webp');    background-position: center center;    background-size: cover;    background-repeat: no-repeat;    width: 100%;}.jobs-kind-properties {    padding: 0px 0 50px !important;}.jobs-kind-properties .service-card {    overflow: hidden;    transition: transform 0.3s ease, box-shadow 0.3s ease;    display: flex;    flex-direction: column;    position: relative;}/* .jobs-kind-properties .service-card:hover {    box-shadow: rgba(190, 190, 190, 0.4) 0px 5px, rgba(209, 209, 209, 0.3) 0px 10px, rgba(242, 242, 242, 0.2) 0px 15px;} */.jobs-kind-properties .card-image {    height: 250px;    overflow: hidden;    flex-grow: 1;    border-radius: 10px;}.jobs-kind-properties .card-image img {    width: 100%;    height: 100%;    object-fit: cover;    transition: transform 0.3s ease;    border-radius: 10px;}.jobs-kind-properties .card-image:hover img {    border-radius: 10px;}.jobs-kind-properties .card-image::after {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.3);    z-index: 1;    border-radius: 10px;}.jobs-kind-properties .service-card:hover .card-image img {    transform: scale(1.1);}.jobs-kind-properties .card-content {    padding: 20px;    text-align: center;    flex-shrink: 0;    height: 100px;    position: absolute;    bottom: 0;    z-index: 2;}.jobs-kind-properties .card-content p {    font-size: 1.2rem !important;    margin: 0 !important;    line-height: 1.1 !important;    color: var(--light-color);    font-weight: 600;}/* Navigation Arrows */.jobs-kind-properties .swiper-button-next,.jobs-kind-properties .swiper-button-prev {    width: 50px;    height: 50px;}.jobs-kind-properties .swiper-button-next:hover,.jobs-kind-properties .swiper-button-prev:hover {    transform: scale(1.1);}.jobs-kind-properties .swiper-button-next::after,.jobs-kind-properties .swiper-button-prev::after {    display: none;}.jobs-kind-properties .swiper-button-next {    right: 0;}.jobs-kind-properties .swiper-button-prev {    left: 0;}/* Pagination */.jobs-kind-properties .swiper-pagination {    bottom: -50px;}/* Jobs Kind Properties Active Slide Scale Effect */.jobs-kind-properties .swiper-slide-active {    transform: scale(1.1);    transition: transform 0.3s ease;    z-index: 2;}.jobs-kind-properties .swiper-slide {    transition: transform 0.3s ease;}.jobs-kind-properties .swiper-slide-active {    transform: scale(1.1) !important;    z-index: 10;}.jobs-kind-services-slider {            overflow: visible !important;            padding: 10px 20px 10px 20px;            margin: 0 -20px;        }                .jobs-kind-properties {            overflow: visible !important;            padding: 20px 0 70px 0 !important;        }                .jobs-kind-properties .swiper-wrapper {            overflow: visible !important;        }                .jobs-kind-properties .swiper-slide {            transform: scale(0.9);            opacity: 0.7;            transition: all 0.4s ease;            transform-origin: center;            overflow: visible !important;        }                .jobs-kind-properties .swiper-slide-active {            transform: scale(1.05) !important;            opacity: 1;            z-index: 10;        }                .jobs-kind-properties .swiper-slide-active .service-card {            transform: scale(1.1) !important;            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);        }                /* Override any conflicting transforms */        .jobs-kind-properties .swiper-slide-active .service-card:hover {            transform: scale(1) !important;        }                .jobs-kind-properties .swiper-slide-active .card-image img {            transform: scale(1) !important;        }                .jobs-kind-properties .swiper-slide-active .card-image:hover img {            transform: scale(1) !important;        }        /* -----partner-page------- */.about-banner {	    background : linear-gradient(to top, rgba(0,0,0,0.8),rgba(0,0,0,0.6), rgba(0,0,0,0.1)), url('../img/banner/resident-banner.webp');    background-size: cover;    background-position: center right;    background-repeat: no-repeat;    height: 100vh;    margin: 0;    margin-top: 7rem;}.about-banner h2 {    color: var(--light-color);}.about-banner {    color: var(--light-color);}.about-banner .download-btn {    width: unset;    padding: 0.8rem 1.5rem;    border: 1px solid #cacaca;    font-family: 'hell',sans-serif!importants;}.privacy-banner {    background-image: url('../img/banner/banner-small-page.webp');    background-size: cover;    background-position: center center;    background-repeat: no-repeat;    margin-top: 7rem;    padding: 5rem 0;    border-radius: 20px;   margin: 0 2rem;    margin-top: 7rem;	text-align: center;}.privacy-banner h2{    text-align: center;}.privacy-faq .accordion-button:focus {    box-shadow: unset !important;}.privacy-faq {    padding: clamp(0rem, 3vw, 2rem) 0;}.privacy-faq .accordion-button {    background-color: transparent !important;    letter-spacing: 0.6px;    font-weight: 600;    color: #000;}.text-w {  color: #fff;}.privacy-faq h4 {    font-family: 'hell', sans-serif !important;    margin-bottom: 0 !important;    letter-spacing: 1.3px;}.privacy-faq .accordion-button:not(.collapsed) {    box-shadow: unset !important;}.privacy-faq .accordion-item {    border: 2px solid #D5D5D5;    margin: 1rem 0;    border-radius: 20px !important;}.privacy-faq .accordion-item:not(:first-of-type) {    border-top: 2px solid #D5D5D5;}.privacy-every-nav img {    width: 32px;}.payment-table{    font-family: 'hell',sans-serif!important;}.con-icon{    padding: 1rem 0;}.con-icon a{    color: #000;    text-decoration: none;}.con-icon h4{    font-size: 1.2rem!important;}.form-container {    background: var(--yellow);    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);    padding: 2rem 2rem 1rem;    max-width: 450px;    border-radius: 30px;}.form-title {    color: var(--dark-color);    margin-bottom: 30px;}.form-control {    border: none;    border-radius: 30px !important;    padding: 15px 20px;    background: rgba(255, 255, 255, 0.9);    margin-bottom: 15px;    font-size: 16px;    box-shadow: none;    -webkit-border-radius: 30px !important;    -moz-border-radius: 30px !important;    -ms-border-radius: 30px !important;    -o-border-radius: 30px !important;}.form-control:focus {    background: rgba(255, 255, 255, 1);    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.3);    border: none;}.form-control::placeholder {   font-family: 'hell',sans-serif!important;    font-size: 0.8rem!important;    letter-spacing: 1px; }.btn-submit {    background: transparent;    border: 1px solid var(--dark-color);    border-radius: 30px;    padding: 0.6rem 1.6rem;    /*color: var(--primary-color);*/    font-size: 12px;    text-transform: uppercase;    letter-spacing: 1px;    transition: all 0.3s ease;    -webkit-border-radius: 30px;    -moz-border-radius: 30px;    -ms-border-radius: 30px;    -o-border-radius: 30px;    font-family: 'gen-semi',sans-serif;    transition: all 0.3s ease;    font-weight:bold;}.btn-submit:hover {     background: var(--primary-color);    transform: translateY(-2px);    box-shadow: 0 6px 20px rgba(255, 143, 0, 0.4);    color: var(--dark-color);}.form-check {    margin: 20px 0;}.form-check-input:checked {    background-color: #ff8f00;    border-color: #ff8f00;}.form-check-label {    color: var(--dark-color);    font-size: 12px;    font-family: 'gen',sans-serif;}.app-fea.img-fluid:hover {  transform: translateY(-100px);  transition: none;}.phone-input {    border-radius: 0 25px 25px 0;}/* Respect reduced motion preference */@media (prefers-reduced-motion: reduce) {  .app-fea-list .feature-item,  .app-fea-list .feature-item:hover {    transition: none !important;    animation: none !important;    transform: none !important;  }}/* ============ Verified Bees Section ============ */.verified-bees {  text-align: center;  padding: 80px 20px;  background: #eee;  position: relative;  overflow: hidden;}.verified-bees h2 {  font-size: 2.5rem;  margin-bottom: 10px;  font-weight: 700;}.citybees-hive .section-title .highlight,.verified-bees h2 .highlight {  color: #f9c800;}.verified-bees .subtitle {  color: #555;  margin-bottom: 50px;  font-size: 1.1rem;}/* Illustration Row */.illustration-row {  position: relative;  display: flex;  justify-content: center;  align-items: flex-end;  gap: 40px;  margin-bottom: 40px;  flex-wrap: wrap;}.illustration-row img {  max-height: 430px;  height: auto;}.illustration-row .butterfly { position: absolute;
  top: 60px;
  left: auto;
  width: 60px;
  animation: fly 6s ease-in-out infinite;
  right: 12%; }.illustration-row .bees-line {  position: absolute;  top: -20px;  left: 15%;  width: 70%;  pointer-events: none;}.illustration-row .side-note {  position: absolute;  right: 5%;  top: 20%;  text-align: left;  font-size: 1rem;  line-height: 1.4;  color: #222;  font-weight: 500;}/* Flying butterfly animation */@keyframes fly {  0%, 100% { transform: translateY(0) rotate(0deg); }  25% { transform: translateY(-20px) translateX(15px) rotate(10deg); }  50% { transform: translateY(-10px) translateX(30px) rotate(-10deg); }  75% { transform: translateY(-30px) translateX(15px) rotate(5deg); }}/* Badges Row */.features-badges {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));  gap: 15px;  margin-top: 20px;}.features-badges .badge {  padding: 14px 18px;  border-radius: 10px;  font-weight: 600;  display: flex;  align-items: center;  gap: 10px;  justify-content: center;  transition: transform 0.5s ease, box-shadow 0.5s ease;  cursor: default;}.features-badges .badge:hover {  transform: translateY(-5px) scale(1.03);  box-shadow: 0 6px 16px rgba(0,0,0,0.15);}/* Responsive Tweaks */@media (max-width: 992px) {  .illustration-row {    gap: 20px;  }  .illustration-row img {    max-height: 220px;  }   .illustration-row .side-note {    position: relative;    top: 50px;    text-align: center;    width: 100%;    left: 0px;  }}@media (max-width: 600px) {  .verified-bees h2 {    font-size: 1.8rem;  }  .features-badges {    grid-template-columns: 1fr 1fr;  }  .illustration-row img {    max-height: 160px !important;  }}/* Initial hidden state */.reveal-up, .reveal-fade, .reveal-right {  opacity: 0;  transform: translateY(30px);  transition: all 0.8s ease-out;}.reveal-right {  transform: translateX(40px);}.reveal-fade {  transform: none;}/* When active (scrolled into view) */.reveal-active {  opacity: 1;  transform: translate(0,0);}.features-badges {  overflow: hidden;  white-space: nowrap;  position: relative;  margin-top: 20px;  background: #FFCB04;  padding: 15px 25px;  border-radius: 10px;  position: absolute;  max-width: 90%;  bottom: 60px;}.features-badges .badge-line {  display: inline-block;  /* animation: scrollBadges 30s linear infinite; */}.features-badges .badge {  display: inline-block;  margin-right: 40px;  font-size: 1rem;  color: #333;  padding: 6px 12px;}.features-badges img {  width: 16px;  margin-right: 6px;  vertical-align: middle;}.verified-bees > .container {  background: #fff;  border-radius: 20px;  padding: 75px 10px;}@keyframes scrollBadges {  0%   { transform: translateX(100%); }  100% { transform: translateX(-100%); }}/* ================= Verified Bees overlay + mobile sliding (appended) ================= */.veified-bees .verified-wrapper { width:100%; }.veified-bees .verified-heading { margin-bottom: 12px; }.veified-bees .verified-image { display:block; width:100%; height:auto; }/* badges container (overlayed above the image) */.veified-bees .verified-badges {  position: absolute;  left: 50%;  top: 18%;  transform: translateX(-50%);  width: min(92%, 1200px);  z-index: 30;  pointer-events: none; /* allow clicks to pass through except on actual .badge */  display: flex;  align-items: center;  justify-content: center;}/* track & strip */.veified-bees .badge-track {  display: flex;  width: 200%; /* two strips side-by-side for looping scroll */  align-items: center;}.veified-bees .badge-strip {  display: flex;  gap: 14px;  align-items: center;  padding: 6px 8px;  /* ensure the strip is inline horizontally inside the track */}/* individual badge style (yellow pill) */.veified-bees .verified-badges .badge {  display: inline-flex;  align-items: center;  gap: 8px;  background: linear-gradient(180deg,#f9c800,#f6b200);  color: #0b0b0b;  font-weight: 700;  padding: 10px 16px;  border-radius: 999px;  box-shadow: 0 6px 18px rgba(0,0,0,0.12);  white-space: nowrap;  pointer-events: auto; /* badges can be clicked (if needed) */  transform: translateZ(0);}/* star icon (keep simple and inside the pill) */.veified-bees .verified-badges .badge-icon {  display:inline-block;  font-size: 0.95em;  line-height: 1;  color: #111;  margin-right: 2px;}/* desktop / tablet: static (no sliding) — badges sit centered above the image */@media (min-width: 769px) {  .veified-bees .badge-track { transform: translateX(0); transition: none; }  .veified-bees .verified-badges { top: 18%; }}/* Mobile: enable smooth continuous scroll of the badge-track */@media (max-width: 768px) {  .veified-bees .verified-badges {    top: 10%;    width: 110%;    overflow: hidden;    left: 50%;    transform: translateX(-50%);  }  /* animate the track leftwards; the duplicates in HTML make it look continuous */  .veified-bees .badge-track {    animation: vb-scroll 60s linear infinite;    will-change: transform;  }  @keyframes vb-scroll {    0%   { transform: translateX(0); }    100% { transform: translateX(-50%); }  }}/* Accessibility: respect reduced motion */@media (prefers-reduced-motion: reduce) {  .veified-bees .badge-track { animation: none !important; }}/* quick spacing tweak for very small screens */@media (max-width: 420px) {  .veified-bees .verified-badges { top: 6%; }  .veified-bees .verified-badges .badge { padding: 8px 12px; font-size: 0.95rem; }}/*.citybees-hive .icon-circle {  width: 80px;  height: 80px;  border-radius: 50%;}*/.citybees-hive .hive-layout {  position: relative;}.hive_overlay_text {  position: absolute;  bottom: 0%;}/*.citybees-hive .icon-circle {  width: 80px;  height: 80px;  border-radius: 50%;}*//* Connector Lines */.citybees-hive .connector {  position: absolute;  top: 50%;  height: 2px;  background: #ccc;  width: 20%;}.citybees-hive .connector.left {  left: 15%;}.citybees-hive .connector.right {  right: 15%;}/* Arrowheads */.citybees-hive .connector::after {  content: '';  position: absolute;  top: -6px;  border: 6px solid transparent;}.citybees-hive .connector.left::after {  right: 0;  border-left-color: #ccc;}.citybees-hive .connector.right::after {  left: 0;  border-right-color: #ccc;}/* Animation */@keyframes dash {  0% {    background-position: 0 0;  }  100% {    background-position: 40px 0;  }}.citybees-hive .connector {  background-image: linear-gradient(to right, #ccc 50%, transparent 50%);  background-size: 40px 2px;  animation: dash 2s linear infinite;}section.citybees-hive > .container.text-center {  background: #fff;  border-radius: 12px;  /*margin: 25px auto;*/  padding: 40px 10px;}/* Hive Section */.citybees-hive .hive-layout {  position: relative;  align-items: center;  justify-content: center;}/* Inline arrows image */.citybees-hive .hive-layout > img {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  max-width: 60%;  height: auto;  z-index: 0;  opacity: 0.9;}/* Hive items */.citybees-hive .hive-item {  position: relative;  z-index: 1; /* Keep text and logo above inline.svg */}/* Center logo box */.citybees-hive .logo-box {  position: relative;  display: inline-flex;  align-items: center;  justify-content: center;}.citybees-hive .logo-box img.hive_mobile {  max-width: 240px;  height: auto;}.citybees-hive .logo-box img.h-20 {  position: absolute;  width: 115px;  height: auto;}/* Text under apps */.citybees-hive .hive-item p {  font-weight: 600;  font-size: 18px;  margin-top: 12px;}/* Responsive for Hive Section */@media (max-width: 768px) {  .citybees-hive .hive-layout {    flex-direction: column;    gap: 40px;  }  /* Inline arrows background */  .citybees-hive .hive-layout > img {    position: absolute;    top: auto;    bottom: 35%;    left: 50%;    transform: translateX(-50%);    max-width: 94%;    opacity: 0.9;  }  /* Mobile + logo */  .citybees-hive .logo-box img.hive_mobile {    max-width: 180px;  }  .citybees-hive .logo-box img.h-20 {    width: 60px;  }  /* Text under apps */  .citybees-hive .hive-item p {    font-size: 16px;    margin-top: 8px;  }}/* Extra small screens */@media (max-width: 480px) {  .citybees-hive .logo-box img.hive_mobile {    max-width: 70px;  }  .citybees-hive .logo-box img.h-20 {    width: 50px;  }}