@import url("assets/css/variables.css");

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
::before,
::after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body {
	font-family: var(--font-family-base);
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
	color: var(--color-secondary);
	font-weight: 400;
	background-color: var(--color-site-white);
}

.container {
	width: 100%;
	max-width: 100%;
	padding: 0 12px;
	margin: 0 auto;
}

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

/* Typography */

h1,
.heading-one {
	font-family: var(--font-family-libertinus);
	font-size: 28px;
	line-height: 34px;
	font-weight: 600;
	color: var(--color-primary);
}	

h2,
.heading-two {
	font-family: var(--font-family-libertinus);
	font-size: 26px;
	line-height: 30px;
	font-weight: 400;
	color: var(--color-primary);
}

h3,
.heading-three {
	font-family: var(--font-family-libertinus);
	font-size: 22px;
	line-height: 26px;
	font-weight: 400;
}

h4,
.heading-four {
	font-family: var(--font-family-libertinus);
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
}

h5,
.heading-five {
	font-family: var(--font-family-libertinus);
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

h6,
.heading-six {
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 12px;
}

p {
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	color: var(--color-secondary);
}

a,
p>a {
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	text-decoration: none;
	transition: color var(--transition-base) ease-in-out;
}

a:hover,
p>a:hover {
	color: var(--color-brown);
}

.text-xl {
	font-size: 20px;
	line-height: 24px;
}
.text-lg {
	font-size: 16px;
	line-height: 24px;
}
.text-md {
	font-size: 14px;
	line-height: 21px;
}

.fw-300 {
	font-weight: 300;
}

.fw-400 {
	font-weight: 400;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

.fw-800 {
	font-weight: 800;
}

.fw-900 {
	font-weight: 900;
}

.text-link {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: var(--color-primary);
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 0.01rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.text-link:hover i {
    background: var(--color-brown);
    transition: 0.3s ease-in-out;
}
/* Typography End */

/* Spacing Start */
.py-80 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.pt-80 {
	padding-top: 30px;
}

.pb-80 {
	padding-bottom: 30px;
}

.py-40 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.pt-40 {
	padding-top: 15px;
}

.pb-40 {
	padding-bottom: 15px;
}

.mb-40 {
	margin-bottom: 15px;
}

.mt-30 {
	margin-top: 15px;
}

.mb-16 {
	margin-bottom: 16px;
}

.mb-24 {
	margin-bottom: 12px;
}

.mt-24 {
    margin-top: 12px;
}

/* Spacing End */

/* Button */
button {
	background-color: transparent;
	border: none;
	outline: none;
	padding: 0;
}

.solid__btn {
	position: relative;
	overflow: hidden;
	font-size: 13px;
	line-height: 16px;
	font-weight: 500;
	color: var(--color-site-white);
	background-color: var(--color-primary);
	border-radius: var(--radius-40);
	padding: 10px 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 0;
	transition: 0.3s ease-in-out;
	cursor: pointer;
	border: none;
	text-transform: uppercase;
	z-index: 1;
}
.solid__btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: -75%;
	width: 50%;
	height: 100%;
	background: rgba(255,255,255,0.18);
	transform: skewX(-25deg);
	transition: 0.7s;
	z-index: -1;
}
.solid__btn:hover,
.solid__btn:focus {
	background: var(--color-brown);
	color: var(--color-site-white);
	box-shadow: 0 12px 24px rgba(0,0,0,0.18);
	transition: 0.3s ease-in-out;
}

.solid__btn:hover::before {
	left: 130%;
}

/* Arrow Animation */
.solid__btn i {
	font-size: 12px;
	transition: transform 0.35s ease;
}

.solid__btn:hover i,
.text-link:hover i {
    transform: rotate(45deg);
}

.solid__btn:disabled,
.solid__btn:disabled:hover,
.solid__btn:disabled:focus {
	color: var(--color-site-white);
	background: var(--color-grey-300);
	pointer-events: none;
}
.solid__btn--sm {
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  padding: 10px 20px;
  color: var(--color-site-white);
  background-color: var(--color-primary);
  border: 0;
  padding: 9px 21px;
}
.solid__btn--sm:hover,
.solid__btn--sm:focus {
  color: var(--color-site-white);
  background-color: var(--color-brown);
}
.solid__btn--sm:disabled,
.solid__btn--sm:disabled:hover,
.solid__btn--sm:disabled:focus {
  color: var(--color-grey-400);
  background-color: var(--color-brown);
  pointer-events: none;
}

.solid__btn.white__btn {
	background-color: var(--color-site-white);
	color: var(--color-primary);
}
.solid__btn.white__btn .icon-top-arrow {
	background: var(--color-primary);
}
.solid__btn.white__btn:hover {
	background: var(--color-brown);
	color: var(--color-site-white);
	box-shadow: 0 12px 24px rgba(0,0,0,0.18);
	transition: 0.3s ease-in-out;
}
.solid__btn.white__btn:hover .icon-top-arrow {
	background: var(--color-site-white);
}
ol,
ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

/* Forms */
input, select, textarea {
	border: 1px solid var(--color-grey-500);
    background: var(--color-site-white);
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-primary);
	width: 100%;
}
input::placeholder,
textarea::placeholder {
	font-size: 14px;
	line-height: 24px;
	color: var(--color-grey-600);
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: url(./assets/images/icon-chevron.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right 6px center !important;
  cursor: pointer;
  padding-inline-end: 34px;
}
input:focus,
textarea:focus,
select:focus { 
	border-color: var(--color-primary);
}
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline-offset: 0px;
	outline: 0;
}

label {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: var(--color-primary);
	margin-bottom: 6px;
}
label .required {
	color: var(--color-red);
}
/* Icons */
.icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	background-color: currentColor;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
	transition: 0.3s ease-in-out;
}

/* Sizes */
.icon--sm {
	width: 12px;
	height: 12px;
}

.icon--md {
	width: 16px;
	height: 16px;
}

.icon--lg {
	width: 20px;
	height: 20px;
}

.icon--xl {
	width: 24px;
	height: 24px;
}

/* Individual icons */
.icon-event {
	mask-image: url("../images/icon-event.svg");
	-webkit-mask-image: url("../images/icon-event.svg");
	background: var(--color-brown);
}

.icon-picks {
	mask-image: url("assets/images/icon-picks.svg");
	-webkit-mask-image: url("assets/images/icon-picks.svg");
	background: var(--color-brown);
}

.icon-discovery {
	mask-image: url("assets/images/icon-discovery.svg");
	-webkit-mask-image: url("assets/images/icon-discovery.svg");
	background: var(--color-brown);
}

.icon-food {
	mask-image: url("assets/images/icon-food.svg");
	-webkit-mask-image: url("assets/images/icon-food.svg");
	background: var(--color-brown);
}

.icon-location {
	mask-image: url("assets/images/icon-location.svg");
	-webkit-mask-image: url("assets/images/icon-location.svg");
	background: var(--color-brown);
}

.icon-bookmark {
	mask-image: url("assets/images/icon-bookmark.svg");
	-webkit-mask-image: url("assets/images/icon-bookmark.svg");
	background: var(--color-brown);
}

.icon-promotion {
	mask-image: url("assets/images/icon-promotion.svg");
	-webkit-mask-image: url("assets/images/icon-promotion.svg");
	background: var(--color-brown);
}

.icon-map {
	mask-image: url("assets/images/icon-map.svg");
	-webkit-mask-image: url("assets/images/icon-map.svg");
	background: var(--color-brown);
}

.icon-top-arrow {
	mask-image: url("assets/images/icon-top-arrow.svg");
	-webkit-mask-image: url("assets/images/icon-top-arrow.svg");
	background: var(--color-site-white);
}

.icon-upload {
    mask-image: url("assets/images/icon-upload.svg");
	-webkit-mask-image: url("assets/images/icon-upload.svg");
	background: var(--color-brown);
}
.icon-sponsership {
    mask-image: url("assets/images/icon-sponsership.svg");
	-webkit-mask-image: url("assets/images/icon-sponsership.svg");
	background: var(--color-site-white);
}
.icon-email {
    mask-image: url("assets/images/icon-email.svg");
	-webkit-mask-image: url("assets/images/icon-email.svg");
	background: var(--color-brown);
}
.icon-top-arrow.black {
	mask-image: url("assets/images/icon-top-arrow.svg");
	-webkit-mask-image: url("assets/images/icon-top-arrow.svg");
	background: var(--color-primary);
}
/* Icons End */

[data-color-mode="dark"] .site__header.scrolled .site__header-inner {
    border-color: #fff;
    background: #fff;
}

[data-color-mode="light"] .site__header.scrolled .site__header-inner {
  border-color: rgba(255,255,255,0.15);
  background: rgba(255,255,255,0.80);
}

/* Header Start */
.admin-bar .site__header {
    margin-top: 32px;
}
.header__logo img {
	max-width: 120px;
}

.header__nav-container {
	display: flex;
	align-items: center;
	justify-content: end;
}

.header__nav-container {
	gap: 6px;
}

.header__nav-list li a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-secondary);
    transition: 0.3s ease;
	text-transform: uppercase;
}

/* Underline Animation */

.header__nav-list li a::after,
.footer__nav-list li a::after,
.legal__nav-list li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 2px;
    background: var(--color-brown);
    border-radius: 10px;
    transition: width 0.35s ease;
}

.header__nav-list li a:hover::after,
.footer__nav-list li a:hover::after,
.legal__nav-list li a:hover::after {
    width: 100%;
}

.footer__nav-list li a::after,
.legal__nav-list li a::after {
	background: var(--color-site-white);
}

.header__nav-list a:hover,
.header__nav-list a:focus,
.header__nav-list a.active {
	color: var(--color-primary);
}

.site-branding img {
    transition: transform 0.4s ease;
}

/* .site__header.scrolled .site-branding img {
    transform: scale(0.9);
} */

.header__menu-toggle {
    transition: all 0.3s ease;
}


/* HEADER SHOW/HIDE */

.site__header.header-hide {
    transform: translateY(-120%);
}

.site__header.header-show {
    transform: translateY(0);
}

/* Mobile menu */
.site__header {
    position: fixed;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 30px;
	z-index: 999;
	transition: all 0.4s ease;
}

.site__header-inner {
    padding: 10px 16px;
    border: 1px solid rgb(255 255 255 / 10%);
    backdrop-filter: blur(4px);
	 -webkit-backdrop-filter: blur(4px);
    background: rgb(255 255 255 / 40%);
    border-radius: var(--radius-16);
	transition: all 0.4s ease;
}

.site__header.scrolled {
    padding-top: 15px;
}

.site__header.scrolled .site__header-inner {
    /* padding: 12px 24px; */
    background: rgba(255,255,255,0.10);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,0.15);
    box-shadow:
        0 10px 40px rgba(0,0,0,0.12),
        inset 0 1px 1px rgba(255,255,255,0.15);
}

.header__menu-toggle {
	flex-direction: column;
	display: flex;
	align-items: center;
    justify-content: center;
    white-space: nowrap;
    height: 32px;
    width: 32px;
    background: var(--color-primary);
    backdrop-filter: blur(20px);
    border: 0;
    border-radius: 8px;
}

.header__menu-toggle-line {
	display: block;
	height: 2px;
	width: 20px;
	background-color: var(--color-site-white);
	margin-bottom: 4px;
	border-radius: 8px;
}

.header__menu-toggle-line:last-of-type {
	margin-bottom: 0;
}

.header__offcanvas {
	background-color: var(--color-site-white);
	max-width: 80%;
}

.offcanvas-header {
	justify-content: start;
	padding: 20px;
	border-bottom: 1px solid var(--color-grey-100);
}

.offcanvas-header .btn-close {
	padding: 6px;
	position: absolute;
	left: -28px;
	top: 21px;
	background-color: var(--color-site-white);
	border-radius: 4px 0 0 4px;
	background-image: url(assets/images/icon-cross.svg);
	background-size: 26px;
	filter: none;
	opacity: 1;
	box-shadow: none;
}

.offcanvas-backdrop {
	background-color: #16181b;
}

.offcanvas-body {
	display: flex;
	flex-direction: column;
	align-items: start;
	padding: 0;
}

.offcanvas-body .header__nav-list a {
	padding: 12px;
	width: 100%;
	display: block;
	color: var(--color-primary);
	border-bottom: 1px solid var(--color-grey-300);
}

.offcanvas-body .header__nav-menu {
	width: 100%;
	height: calc(100vh - 116px);
	overflow: auto;
}
.sidebar-button {
	margin: 0 0 0 16px;
}
.site__header .header__nav-list .faq-item {
	display: none;
}
/* Header End */

/* Banner */
.section__banner {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 84px 0 0 0;
	position: relative;
	min-height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.section__banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(82.08deg, rgba(240, 235, 230, 0.9) 5.23%, rgba(248, 245, 241, 0.5) 42.2%, rgba(248, 245, 241, 0) 74.9%);
}
.banner__content {
    position: relative;
}
.banner__title-inner {
	gap: 8px;
}
.banner__site-logo {
	width: 50px;
}
.button-list {
	display: flex;
	align-items: center;
	gap: 12px;
}
.button-list a {
	background-color: rgba(255,255,255,0.20);
	backdrop-filter: blur(0);
	border-radius: 8px;
	transition: 0.3s;
}
.button-list a:hover {
	background-color: rgba(255,255,255,0.20);
	transition: 0.3s;
	backdrop-filter: blur(18px);
}
.sub__title {
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
	letter-spacing: 0.01rem;
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
	text-transform: uppercase;
	color: var(--color-brown);
}
.sub__title::before {
    content: '';
    width: 24px;
    height: 1px;
    background-color: var(--color-brown);
}
.banner__content {
	color: var(--color-primary);
}
.banner__content .sub__title {
	gap: 8px;
}
/* End Banner */

/* About Us */

.about__image img {
    border-radius: 0 15px 15px 15px;
    overflow: hidden;
	max-height: 250px;
	width: 100%;
}
.about__us-list li {
	padding-left: 32px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--color-grey-700);
	position: relative;
}
.about__us-list li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.about__us-list li::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(assets/images/icon-hand.svg) no-repeat center ;
}
.about__us-list li p.title {
	line-height: 21px;
	color: var(--color-primary);
	margin-bottom: 4px;
}
.about__us-list li p.content {
	line-height: 18px;
}
/* About Us End */

/* Features Start */
.section__features {
	background-color: var(--color-cream);
}
.features__box-col {
	margin-top: 16px;
}
.features__box {
	padding: 16px;
	background-color: rgb(255 255 255 / 50%);
	height: 100%;
	border-radius: var(--radius-24);
}
.features__icon {
	margin-bottom: 16px;
}
.features__icon img {
	width: 20px;
	height: 20px;
}
.features__box h3 {
	font-family: var(--font-family-base);
	color: var(--color-primary);
	margin-bottom: 8px;
}
/* Features Start End */

/* Featured City Start */
.featured__city-card {
    position:relative;
    overflow:hidden;
    border-radius:24px;
	height: 100%;
}
.featured__city-large {
	max-height: 250px;
	margin-bottom: 24px;
}
.featured__city-card img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s ease;
}

.featured__city-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}

.featured__city-card:hover img {
    transform:scale(1.06);
	transition:.5s ease;
}

.featured__city-overlay {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    color: var(--color-site-white);
}

.featured__city-overlay span {
    display: block;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.01rem;
    margin-bottom: 7px;
    color: rgb(255 255 255 / 70%);
}
.right__top-full-card h3 {
	font-size: 28px;
	line-height: 32px;
}
.right__bottom-card {
	margin-top: 24px;
}
.right__bottom-card .featured__city-card  {
	max-height: 250px;
}
.right__bottom-card h3 {
	font-size: 24px;
	line-height: 27px;
}
.right__top-full-card .featured__city-card {
	min-height: 250px;
	max-height: 250px;
}

/* Featured City End */

/* Inside App Start */
.section__inside-app {
	background-color: var(--color-primary);
	overflow: hidden;
    position: relative;
}
.section__inside-app .sub__title::before {
    content: '';
    width: 24px;
    height: 1px;
    background-color: var(--color-site-white);
}
.inside-app-slider{
    overflow: visible;
    /* padding-bottom: 20px; */
}

.inside-app-card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    height: 250px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
}

.inside-app-card img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}

.inside-app-card:hover img{
    transform: scale(1.08);
}

.inside-app-card__overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
}

.inside-app-card__content{
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 2;
}

.inside-app-card__content h3 {
    font-size: 24px;
    line-height: 27px;
    color: var(--color-site-white);
    margin-bottom: 4px;
    font-weight: 400;
}

.inside-app-card__content p {
    margin: 0;
    color: var(--color-grey-700);
    font-size: 12px;
    line-height: 16px;
}
/* Inside App End */

/* Pricing Plan Start */
.section__price-plan {
    background: var(--color-cream);
    overflow: hidden;
}

.pricing__card {
    background: var(--color-site-white);
    border-radius: 20px;
    padding: 16px;
    transition: .4s ease;
    position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.pricing__card:hover{
    transform: translateY(-8px);
}

.pricing__card.dark{
    background: var(--color-primary);
    border-color: var(--color-primary)
}

.pricing__card .solid__btn {
	margin-top: auto;
}

.renew-text {
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    letter-spacing: 0.01rem;
    text-transform: uppercase;
    color: var(--color-brown);
    display: block;
    margin-top: 16px;
    text-align: center;
}

.tier {
    line-height: 18px;
    color: var(--color-primary);
    margin-bottom: 0;
}

.pricing__card h3 {
	color: var(--color-primary);	
	margin-bottom: 6px;
}
.pricing__card.dark h3{
    color: var(--color-site-white);
}

.pricing__card.small-card h3 {
    line-height: 21px;
    margin-bottom: 4px;
}

.price {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 6px;
}

.pricing__card.dark .price {
    color: var(--color-site-white);
}

.pricing__card.small-card .price {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}

.price span.time {
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    display: inline-block;
}

.features{
    list-style: none;
    margin: 12px 0 20px;
    padding: 0;
}

.features li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px;
    color: var(--color-primary)
}
.features li:last-child {
    margin-bottom: 0;
}

.pricing__card.dark .features li {
    color: var(--color-site-white);
}

.features li::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--color-primary);
    left: 0;
    top: 7px;
}

.pricing__card.dark .icon-top-arrow {
    background: var(--color-primary);
}

.white-btn{
    background: var(--color-site-white);
    color: var(--color-primary);
}

.white-btn:hover{
   	background: var(--color-brown);
	color: var(--color-site-white);
}

.white-btn:hover .icon-top-arrow {
   	background: var(--color-site-white);
	transition: 0.3s ease-in-out;
}
.pricing__card-col {
    margin-bottom: 24px;
}
.pricing__card-col:last-child {
    margin-bottom: 0;
}

.pricing__card.dark .features li::before {
    background: var(--color-site-white);
}

.price-col-box {
    margin-bottom: 24px;
}
.price-col-box:last-child {
    margin-bottom: 0;
}











/* Pricing Plan End */

/* Download App Start */
.title-custom-logo {
	width: 52px;
}
.download__app-inner {
	padding: 0 0 10px 0;
    background: linear-gradient(90deg, rgba(230, 221, 214, 0.6) 0%, #F8F5F1 100%);
    border-radius: 20px;
}
.download__app-inner-left {
    padding: 24px;
}
/* Download App End */

/* FAQ */

.section__faq .sub__title::after,
.section__get-in-touch .sub__title::after {
    content: '';
    width: 24px;
    height: 1px;
    background-color: var(--color-brown);
}
.faq__title {
	max-width: 500px;
	margin: 0 auto;
}
.faq__title span {
	display: inline-flex
}

.faq__accordion .accordion-item {
    margin-bottom: 16px;
    border: 1px solid var(--color-grey-200);
    border-radius: 8px;
    overflow: hidden;
}
.faq__accordion .accordion-button:focus {
    outline: 0;
    box-shadow: none;
}
.faq__accordion .accordion-button {
	padding: 12px 16px;
	line-height: 20px;
    font-weight: 500;
	color: var(--color-secondary);
	font-family: var(--font-family-base);
}
.faq__accordion .accordion-button:not(.collapsed) {
    color: var(--color-primary);
    background-color: transparent;
    box-shadow: none;
}
.faq__accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
    border-color: var(--color-primary);
}
.faq__accordion .accordion-body {
	padding: 0 16px 12px 16px;
}
.faq__accordion .accordion-body p {
	font-size: 14px;
	line-height: 22px;
	color: var(--color-secondary);
	margin-bottom: 0;
}
.faq__accordion .accordion-button::after {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-left: auto;
    content: "";
    background-image: url(assets/images/icon-down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 16px;
	background-position: center;
    transition: transform 0.2s ease-in-out;
	border: 1px solid var(--color-grey-400);
	border-radius: 100%;
}
.faq__accordion .accordion-button:not(.collapsed)::after {
	background-image: url(assets/images/icon-down-arrow-white.svg);
	background-color: var(--color-brown);
	border-color: var(--color-brown);
	transition: transform 0.2s ease-in-out;
}
/* FAQ End */

/* Get In Touch */
.section__get-in-touch {
	background: var(--color-gradient);
}
.contact-form-submit button.solid__btn {
    width: 100%;
}

.contact-form textarea {
    height: 100px;
    min-height: 100px;
    resize: none;
}
.form-group {
	margin-bottom: 16px;
}
.contact-form p {
	margin-bottom: 0;
}
.contact-form-submit p {
    position: relative;
}
.wpcf7-spinner {
    opacity: 1;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--color-brown);
    width: 100%;
    height: 100%;
    border-radius: var(--radius-40);
    display: inline-flex;
    align-items: center;
    justify-content: center;
	z-index: 9;
}
.wpcf7-spinner::before {
    content: "Loading...";
    animation: none;
    color: var(--color-site-white);
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
   font-size: 14px;
    line-height: 16px;
    font-weight: 500;
	text-transform: uppercase;
}
.wpcf7 form .wpcf7-response-output {
    margin: 16px 0 0 0;
    padding: 6px 16px;
    border: 1px solid var(--color-brown);
	font-size: 14px;
    line-height: 22px;
    font-weight: 500;
	color: var(--color-secondary);
	border-radius: var(--radius-40);
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--color-green);
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--color-red);
}
.wpcf7-not-valid-tip {
    color: var(--color-red);
    font-size: 14px;
    font-weight: normal;
    display: block;
}
.phone-field {
    position: relative;
}
.phone-field input {
    padding-left: 52px;
}
span.country-code {
    position: absolute;
    display: block;
    top: 20px;
    left: 12px;
    z-index: 2;
    transform: translateY(-50%);
	color: var(--color-primary);
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	padding-right: 10px;
}
span.country-code {
	border-right: 1px solid var(--color-grey-700);
}

/* Get In Touch End */

/* Footer Start */
.site__footer {
	background-color: var(--color-primary);
	padding-top: 40px;
}
.site__footer .site-branding {
	margin-bottom: 16px;
}
.site__footer .site-branding img {
	width: 80px;
}
.footer__menu--wrapper span {
	font-size: 12px;
	line-height: 16px;
	color: var(--color-brown);
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.footer__menu--wrapper li:not(:last-child) {
	margin-bottom: 10px;
}
.footer__menu--wrapper li {
    line-height: 18px;
}
.footer__menu--wrapper li a {
	position: relative;
	font-size: 14px;
	line-height: 18px;
	color: var(--color-grey-700);
	font-weight: 400;
}
.footer__col {
	margin-bottom: 16px;
}
.footer__social {
    display: flex;
    align-items: center;
    gap: 16px;
}
.footer__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
       position: relative;
    transition: all 0.35s ease;
}
.footer__social-link img {
    display: block;
    width: 16px;
    height: 16px;
    object-fit: contain;
    transition: all 0.35s ease;
}
.footer__social-link:hover {
    transform: translateY(-2px);
}

.footer__social-link:hover img {
    transform: scale(1.2);
    filter: drop-shadow(0 0 8px rgba(212, 169, 118, 0.8));
}
.footer__bottom {
	margin-top: 20px;
    border-top: 1px solid var(--color-secondary);
    padding: 16px 0;
}

.footer-bottom__copyright,
.footer-bottom__developer {
    font-size: 12px;
	line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
	font-weight: 600;
    color: var(--color-secondary);
}

.footer-bottom__developer a {
	font-size: 12px;
	line-height: 12px;
    color: var(--color-secondary);;
	font-weight: 600;
    transition: color 0.3s ease;
}

.footer-bottom__developer a:hover {
    color: #fff;
}
.company-col,
.legal-col {
	width: 50%;
}
.footer-bottom__copyright,
.footer-bottom__developer {
	text-align: center;
}
.footer-bottom__copyright {
	margin-bottom: 8px;
}
/* Footer End */

#c-go-top {
    position: fixed;
    right: 30px;
    bottom: 100px;
    display: none;
    padding: 6px;
    border-radius: var(--radius-rounded);
    text-decoration: none;
    z-index: 8;
    background-color: var(--color-primary);
    border: 1px solid var(--color-site-bg);
    transition: all 0.3s;
}

/* CMS Page */
.privacy-policy .site-content,
.page-template-page-business-registration .site-content,
.page-template-cms-pages .site-content,
.page-template-thank-you .site-content {
	margin-top: 106px;
}
section.page__header {
  padding: 40px 0;
  background: var(--color-grey-700);
}
.cms-pages ul {
    margin-bottom: 30px;
}
.cms-pages ul,
.cms-pages ol {
  padding-left: 20px;
}
.cms-pages ul li,
.cms-pages ol li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 8px;
}
.cms-pages ul li::before,
.cms-pages ol li::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: var(--radius-round);
  background-color: var(--color-brown);
}
.cms-pages ol {
  counter-reset: item;
  margin-bottom: 30px;
}
.cms-pages ol li {
  counter-increment: item;
}
.cms-pages ol li::before {
  content: counter(item) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-brown);
  font-weight: 600;
  width: 0;
  height: 0;
  border-radius: 0;
  background-color: transparent;
}
.cms-pages h2 {
  font-size: 22px;
  line-height: 28px;
}
.cms-pages h3 {
  font-size: 18px;
  line-height: 22px;
  color: var(--color-primary);
}
.cms-pages p a,
.cms-pages ul li a {
	color: var(--color-primary);
	text-decoration: underline;
	transition: 0.3s;
}
.cms-pages p a:hover,
.cms-pages ul li a:hover {
	color: var(--color-brown);
	text-decoration: none;
	transition: 0.3s;
}
/* CMS Page */

/* Business Registration Start */
.upload-box {
    position: relative;
}

.upload-box input[type=file]{
    position:absolute;
    opacity:0;
    width:1px;
    height:1px;
}

.upload-label {
    width: 100%;
    min-height: 180px;
    border: 2px dashed #d7d7d7;
    border-radius: 16px;
    background: #fafafa;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: all .3s ease;
    padding: 12px;
    text-align: center;
}

.upload-label:hover {
    border-color: var(--color-brown);
    background: #fff;
}

.upload-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(164, 113, 78, .08);
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-icon i {
  width: 24px;
    height: 24px;
}

.upload-label h6 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.upload-label p {
    margin: 0;
    color: #6f6f6f;
    font-size: 14px;
}

.upload-label p span {
    display: block;
    color: var(--color-brown);
    font-weight: 500;
}

.upload-file-name {
    margin-top: 8px;
    padding: 8px 16px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid #ececec;
    font-size: 13px;
    color: #666;
    max-width: 100%;
    word-break: break-word;
}

.upload-box small {
    display: block;
    margin-top: 10px;
    color: #777;
}


.upload-preview-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 20px;
}

.preview-card {
    width: 80px;
    height: 80px;
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
}

.preview-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

.preview-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.preview-content {
    padding: 10px;
}

.preview-name {
    font-size: 12px;
    line-height: 16px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview-size {
    font-size: 11px;
    color: #777;
    margin-top: 4px;
}

.logo-remove,
.photo-remove {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 50%;
    background: rgba(0,0,0,.7);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-remove:hover,
.photo-remove:hover {
    background: #dc3545;
}

.remove-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    background: rgba(255, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    line-height: 18px;
    text-align: center;
    font-size: 14px;
}

.logo-preview{
    margin-top:15px;
}

.logo-card{
    width:150px;
}

.preview-image{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
}

.operating-hours {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
.day-row{
    display:flex;
    justify-content: flex-start;
    align-items:center;
    flex-wrap: wrap;
    border-bottom:1px solid var(--color-grey-500);
}

.day-row:last-child{
    border-bottom:none;
}

.day-name{
    width:120px;
    padding:8px;
    font-weight:500;
    font-size: 14px;
    line-height: 22px;
}

.day-status{
    width:140px;
    padding:8px;
    display:flex;
    align-items:center;
    gap:8px;
}

.day-time{
    flex:1;
    padding:8px;
    display:flex;
    align-items:center;
    gap:8px;
}

.day-time .form-control {
    width: 120px;
    font-size: 14px;
}

.day-time .form-control:focus {
    box-shadow: none;
    border-color: var(--color-primary);
}

.form-check-input:focus {
    border-color: var(--color-grey-500);
    outline: 0;
    box-shadow: none;
}

/* Premium Switch */

.day-status .form-switch{
    margin:0;
}

.day-status .form-check-input{
    transition:all .3s ease;
}

.day-status .form-check-input:checked{
    background-color:var(--color-brown);
    border-color:var(--color-brown);
}

.day-status .form-check-input:focus{
    box-shadow:none;
}

.status-text{
    font-size:15px;
    font-weight:600;
    min-width:60px;
}

.status-open{
    color:var(--color-brown);
}

.status-closed{
    color: var(--color-secondary);
}

.open-time:disabled,
.close-time:disabled{
    background:var(--color-grey-100);
    opacity:.8;
    cursor:not-allowed;
}


/* Select 2 */
/* Main Select2 Container */
body .select2-container--default .select2-selection--multiple{
    border:1px solid var(--color-grey-500);
    border-radius:8px;
    padding:9px 16px;
    background:var(--color-site-white);
    transition:all .3s ease;
}

/* Focus State */
body .select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color:var(--color-brown);
}

/* Selected Tags */
body .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background:linear-gradient(135deg, #9c6b4f, #b9835f );
    border:none;
    color:#fff;
    border-radius:30px;
    padding:6px 12px;
    font-size:13px;
    font-weight:500;
    margin-top:4px;
    margin-right:6px;
}

/* Tag Text */
body .select2-selection__choice__display{
    color:var(--color-site-white) !important;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 10px;
    padding-right: 0;
    color:var(--color-site-white);
}

/* Remove Button */
body .select2-container--default .select2-selection__choice__remove {
    color: var(--color-site-white) !important;
    border: none !important;
    transition: .2s !important;
    left: 4px !important;
    top: 5px !important;
    font-size: 18px !important;
}

body .select2-container--default .select2-selection__choice__remove:hover{
    color:#ffe6d5 !important;
    background:transparent !important;
}

/* Search Field */
body .select2-search__field,
body .select2-container .select2-search--inline .select2-search__field {
    margin-top:0 !important;
    margin-left: 0 !important;
    height: 24px;
}

/* Dropdown */
body .select2-dropdown{
    border-radius:8px !important;
    border:1px solid var(--color-grey-500) !important;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    top: 30px;
}

/* Dropdown Options */
body .select2-results__option{
    padding:12px 15px !important;
    font-size:14px;
}

/* Hover */
body .select2-results__option--highlighted{
    background:var(--color-brown) !important;
    color:var(--color-site-white) !important;
}

/* Selected Option */
body .select2-results__option[aria-selected="true"]{
    background:#f7f1ed !important;
    color:#9c6b4f !important;
}

/* Clear All Button */
body .select2-selection__clear{
    color:var(--color-brown) !important;
    font-size:18px !important;
    margin-right:8px !important;
}

/* Placeholder */
body .select2-container--default .select2-search--inline .select2-search__field::placeholder{
    color:#999;
}

/* Business Registration End */

/* Thank You */
.thank-you-section{
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at top,
        rgba(146,98,71,.25),
        transparent 40%),
        #181513;
}

.thank-you-card{
    max-width:700px;
    width:100%;
    text-align:center;
    background:rgba(255,255,255,0.03);
    backdrop-filter:blur(10px);
    border:1px solid rgba(146,98,71,.25);
    border-radius:24px;
    padding:20px;
    box-shadow:
        0 20px 60px rgba(0,0,0,.4);
        margin: 0 auto;
}

.thank-you-card h1{
    color:var(--color-site-white);
    margin-bottom:20px;
}

.thank-you-card p {
    color:var(--color-grey-200);
    font-size:16px;
    line-height:1.8;
    max-width:100%;
    margin:0 auto 15px;
}
.success-animation{
    display:flex;
    justify-content:center;
    margin-bottom:10px;
}

.success-svg{
    width:80px;
    height:80px;
    overflow:visible;
}

/* Main Ring */
.circle-path{
    fill:none;
    stroke:var(--color-brown);
    stroke-width:6;
    stroke-linecap:round;
    stroke-dasharray:410;
    stroke-dashoffset:410;
    animation:ringDraw 1.5s ease forwards;
}

/* Checkmark */
.check-path{
    fill:none;
    stroke: var(--color-site-white);
    stroke-width:8;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-dasharray:90;
    stroke-dashoffset:90;
    animation:checkDraw .8s ease forwards;
    animation-delay:1.2s;
}

/* Glow Ring */
.pulse-ring{
    fill:none;
    stroke:var(--color-brown);
    stroke-width:2;
    opacity:.5;
    transform-origin:center;
    animation:pulse 2.5s ease infinite;
}

@keyframes ringDraw{
    to{
        stroke-dashoffset:0;
    }
}

@keyframes checkDraw{
    to{
        stroke-dashoffset:0;
    }
}

@keyframes pulse{
    0%{
        transform:scale(.8);
        opacity:.8;
    }
    70%{
        transform:scale(1.25);
        opacity:0;
    }
    100%{
        opacity:0;
    }
}
/* Thank You End */

/* Comming Soon Page Start */
.coming-soon{
    position:relative;
    overflow:hidden;
    background: radial-gradient(circle at top, rgba(146, 98, 71, .25), transparent 40%), #181513;
    height: 100vh;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-glow{
    position:absolute;
    width:700px;
    height:700px;
    border-radius:50%;
    background:rgba(146,98,71,.15);
    filter:blur(140px);
    animation:pulseGlow 6s ease infinite;
}

.coming-soon__content{
    position:relative;
    z-index:10;
    text-align:center;
}

.logo-wrap{
    margin-bottom:30px;
}

.logo-wrap svg {
    width:120px;
    height:auto;
}

.logo-wrap svg path{
    fill:var(--color-site-white);
}

.tagline{
    display:inline-block;
    color:var(--color-brown);
    letter-spacing:4px;
    font-size:12px;
    margin-bottom:20px;
}

.coming-soon__content h1{
    color:var(--color-site-white);
    margin-bottom:12px;
}

.coming-soon__content h1 span{
    display:block;
    color:var(--color-brown);
}

.coming-soon__content p {
    max-width:700px;
    margin:auto;
    font-size: 16px;
}

.countdown {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin: 20px 0;
    flex-wrap: wrap;
}

.count-item {
    width: 68px;
    height: 68px;
    border: 1px solid rgba(146,98,71,.3);
    background: rgba(255,255,255,.03);
    backdrop-filter: blur(12px);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6px;
}

.count-item small {
    color:var(--color-brown);
}

.notify-form{
    max-width:600px;
    margin:auto;
    display:flex;
    gap:8px;
}

.notify-form input{
    border: 0;
    background:var(--color-primary);
    color:var(--color-site-white);
    flex: 1;
}
.solid__btn.reverse {
    background-color: var(--color-brown);
}

@keyframes pulseGlow{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.2);
    }
}

.particles{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
}

/* Base Particle */

.particle{
    position:absolute;
    border-radius:50%;
    background:#926247;
    box-shadow:
        0 0 10px rgba(146,98,71,.8),
        0 0 20px rgba(146,98,71,.5),
        0 0 40px rgba(146,98,71,.3);
}

/* Different Sizes */

.p1{
    width:10px;
    height:10px;
    left:10%;
    animation:float1 12s linear infinite;
}

.p2{
    width:6px;
    height:6px;
    left:20%;
    animation:float2 15s linear infinite;
}

.p3{
    width:14px;
    height:14px;
    left:35%;
    animation:float3 18s linear infinite;
}

.p4{
    width:8px;
    height:8px;
    left:50%;
    animation:float4 13s linear infinite;
}

.p5{
    width:12px;
    height:12px;
    left:65%;
    animation:float5 16s linear infinite;
}

.p6{
    width:5px;
    height:5px;
    left:75%;
    animation:float2 14s linear infinite;
}

.p7{
    width:10px;
    height:10px;
    left:85%;
    animation:float3 20s linear infinite;
}

.p8{
    width:7px;
    height:7px;
    left:95%;
    animation:float1 11s linear infinite;
}

/* Floating Animations */

@keyframes float1{

    0%{
        transform:translateY(110vh) translateX(0) scale(.4);
        opacity:0;
    }

    50%{
        opacity:1;
    }

    100%{
        transform:translateY(-100px) translateX(80px) scale(1.3);
        opacity:0;
    }

}

@keyframes float2{

    0%{
        transform:translateY(110vh) translateX(0);
        opacity:0;
    }

    50%{
        opacity:1;
    }

    100%{
        transform:translateY(-120px) translateX(-120px);
        opacity:0;
    }

}

@keyframes float3{

    0%{
        transform:translateY(110vh) scale(.2);
        opacity:0;
    }

    50%{
        opacity:1;
    }

    100%{
        transform:translateY(-100px) translateX(150px) scale(1.6);
        opacity:0;
    }

}

@keyframes float4{

    0%{
        transform:translateY(110vh);
        opacity:0;
    }

    50%{
        opacity:1;
    }

    100%{
        transform:translateY(-100px) translateX(-80px);
        opacity:0;
    }

}

@keyframes float5{

    0%{
        transform:translateY(110vh);
        opacity:0;
    }

    50%{
        opacity:1;
    }

    100%{
        transform:translateY(-120px) translateX(100px);
        opacity:0;
    }

}
.page-template-comming-soon header,
.page-template-comming-soon footer {
    display: none;
}
/* Comming Soon Page End */

.partnership-card {
    margin: 15px auto 0;
    padding: 15px;
    border: 2px solid var(--color-brown);
    border-radius: 12px;
    background: var(--color-gradient);
    display: flex;
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
}

.partnership-icon {
    width: 40px;
    height: 40px;
    background: var(--color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.partnership-icon i {
    width: 24px;
    height: 24px;
}
.partnership-content h2 {
    margin-bottom: 0;
}
.title-line {
    width: 45px;
    height: 2px;
    background: var(--color-brown);
    margin: 8px 0 12px;
}

.email-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--color-brown);
    margin-bottom: 10px;
}

.partnership-content .icon-email {
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

.partnership-content p:last-child {
    margin-bottom: 0;
}

/* How It Works Start */
.section__how-it-works {
    background: linear-gradient(90deg, rgba(230, 221, 214, 0.6) 0%, #F8F5F1 100%);
}
.work-card .circle-bg {
    position: relative;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
    background: #FFF5EF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.work-card .step-number {
    position: absolute;
    left: -50px;
    right: 0;
    bottom: 0;
    width: 22px;
    height: 22px;
    background: var(--color-brown);
    color: var(--color-site-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    margin: 0 auto;
}
.work-card .circle-bg img {
    width: 26px;
    height: 26px;
    object-fit: contain;
}
.work-card h3,
.work-card p {
    color: var(--color-primary);
}
.work-card p:last-child {
    margin-bottom: 0;
}
/* How It Works End */