/* BLAZOR Errors UI Styling */
@import url("blazor.css");
/* Custom ROOT / Font 'Optimistic' */
@import url("root.css");
@import url("fonts/optimistic.css");

/*Font-Size*/
.fs-36 {font-size: var(--bs-px-36);}
.fs-24 {font-size: var(--bs-px-24);}
.fs-21 {font-size: var(--bs-px-21);}
.fs-18 {font-size: var(--bs-px-18);}
.fs-14 {font-size: var(--bs-px-14);}
.fs-13 {font-size: var(--bs-px-13);}
.fs-12 {font-size: var(--bs-px-12);}
.fs-11 {font-size: var(--bs-px-11);}
.fs-10 {font-size: var(--bs-px-10);}
.fs-9  {font-size: var(--bs-px-9);}

/*Headings*/
.h1, .h2, .h3, .h4, .h5, .h6, :is(h1, h2, h3, h4, h5, h6) {font-weight:bold; outline:none; color:var(--bs-heading-color);}

/* MULTI LINES TEXT TRUNCATE */
.text-truncate-2, .text-truncate-5, .text-truncate {line-height:125%;}
.text-truncate-2, .text-truncate-5 {display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
.text-truncate-2 {-webkit-line-clamp:2;} /*2 LINES*/
.text-truncate-5 {-webkit-line-clamp:5; line-height:1.5;} /*5 LINES*/

/* Heart Font-Awesome */
.heart:before, .heart.active:before {font-family:var(--fa-style-family,"Font Awesome 6 Free")!important; font-style:normal; font-weight:400!important; font-variant:normal; text-transform:none; line-height:1; display:inline-block; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.heart:before, .heart[aria-pressed=false]:before {content:"\f004"; font-weight:400!important;}
.heart.active:before, .heart[aria-pressed=true]:before {font-weight:900!important;}
.heart {cursor:pointer; font-size:20px; color:var(--bs-danger); margin-right:6px; --bs-bg-opacity:1; border:none; background-color:transparent; transition:transform 0.2s ease;}
.heart.active {color:var(--bs-danger); transform:scale(1.2);}

/***container**/
@media (max-width:991px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:100%;} }
@media (min-width:992px) and (max-width:1304px) {.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:calc(100% - 1.5rem);} }
@media (min-width:1305px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:calc(1304px - 1.5rem);} }
@media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:none; width:91%;} }
@media (min-width:1600px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1600px; width:89%;} }

/*Splash*/
.splash {height:100vh; display:flex; justify-content:center; align-items:center;}
img.splash-logo {width:500px; height:auto;}
a {text-decoration:none; color:#00a;}

/*LOADING*/
.loading, .loading div {box-sizing:border-box;}
.loading {width:5rem; height:5rem; position:relative; display:inline-block; margin-right:auto; margin-left:auto; align-self:center;}
.loading div {position:absolute; top:2.083333125rem; width:0.833333125rem; height:0.833333125rem; border-radius:50%; animation-timing-function:cubic-bezier(0,1,1,0);}
.loading div {background:var(--bs-primary-loading);}
.loading div:nth-child(2), .loading div:nth-child(4) {background:var(--bs-secondary-loading);}
.loading div:nth-child(1) {left:0.5rem; animation:loading1 0.6s infinite;}
.loading div:nth-child(2) {left:0.5rem; animation:loading2 0.6s infinite;}
.loading div:nth-child(3) {left:2rem; animation:loading2 0.6s infinite;}
.loading div:nth-child(4) {left:3.5rem; animation:loading3 0.6s infinite;}
@keyframes loading1 { 0% {transform:scale(0);} 100% {transform:scale(1);} }
@keyframes loading3 { 0% {transform:scale(1);} 100% {transform:scale(0);} }
@keyframes loading2 { 0% {transform:translate(0,0);} 100% {transform:translate(1.5rem,0);} }

/* Photo Caption */
.caption-photo {position:relative; margin-bottom:1rem;}
.caption-photo > img {max-width:100%; height:auto; border-radius:var(--bs-border-radius-lg); vertical-align:middle;}
.caption-photo > a {position:absolute; bottom:0; right:calc(var(--bs-gutter-x) * 0.5); left:calc(var(--bs-gutter-x) * 0.5); font-size:0.58125rem; line-height:1.25; letter-spacing:0.02rem; text-align:center; padding:0.25em 1em; text-shadow:var(--bs-black) 0.0625rem 0 0.1875rem, var(--bs-black) 0.0625rem 0 0.1875rem; background:rgba(var(--bs-black-rgb),0.5); border-bottom-right-radius:var(--bs-border-radius-lg); border-bottom-left-radius:var(--bs-border-radius-lg);}
.caption-photo > a, .caption-photo > a:hover, .caption-photo > a:active {color:var(--bs-white);}
.caption-photo > a > i {vertical-align:text-top;}

/* Ribbon Top-Left and Bottom */
.ribbon {font-size:0.5rem; font-weight:bold; letter-spacing:0.03rem; text-transform:uppercase; position:absolute; line-height:1.5; cursor:pointer;}
.ribbon-tl, .ribbon-tr {--f:0.5em; top:0; padding-inline:1lh; padding-bottom:var(--f); border-image:conic-gradient(#0008 0 0) 51%/var(--f);}
.ribbon-tl {left:0; clip-path:polygon(100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px)); transform:translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg); transform-origin:100% 100%;}
.ribbon-tr {right:0; clip-path:polygon( 0 calc(100% - var(--f)), 0 100%, var(--f) calc(100% - var(--f)), calc(100% - var(--f)) calc(100% - var(--f)), 100% 100%, 100% calc(100% - var(--f)), calc(100% - 999px) calc(100% - var(--f) - 999px), 999px calc(100% - var(--f) - 999px) ); transform:translate(calc((1 - cos(45deg)) * 100%), -100%) rotate(45deg); transform-origin:0% 100%;}
.ribbon-b {--d:0.8em; bottom:0; inset-inline:calc(2.1*var(--d)); border-top:var(--d) solid #0008; clip-path:polygon(0 100%,100% 100%,100% var(--d),calc(100% - var(--d)) 0%,calc(100% - var(--d)) var(--d),var(--d) var(--d),var(--d) 0%,0 var(--d));}
.ribbon.bg-danger {text-shadow:0 0 0.125rem var(--bs-black);}

.top-categories a img.cat-bogo-icon {margin-bottom:13px;}
.top-categories lord-icon {width:50px; height:50px;}
.bg-gray {background-color:rgba(var(--bs-black-rgb),0.1);}
.app-store-icon img {height:2.5rem;}

/*Business Cover Photo*/
.bus-title {display:flex; align-items:center; gap:1rem; background-color:#fffffff5; width:96%; margin:-77px auto 20px; padding:0.5rem; border-radius:10px; border:1px solid #eee!important;}
.bus-title img {width:40px; height:40px; border:1px solid #eee; border-radius:10px!important;}

/*Landing Page / Saving Circle*/
.savings_animation {background-image:url(../images/animation.gif);}
.savings_circle {width:18.75rem; height:14.3125rem; text-align:center; margin:1rem auto; display:flex; flex-direction:column; justify-content:center; background-image:url('../images/savings_circle.svg'); background-repeat:no-repeat; background-position:center; background-size:contain;}

/*Buttons*/
.btn {--bs-btn-font-weight:600; --bs-btn-padding-x:1rem;}
.card .btn {--bs-btn-font-weight:400;}
.card :not(.input-group) > .btn {--bs-btn-border-radius:var(--bs-border-radius-pill);}
.btn-primary {color:#fff; background-color:var(--bs-primary); border-color:var(--bs-primary);}
.btn-primary:hover {background-color:var(--bs-warning); border-color:#fff;}

/*Login Card*/
.login-card {width:22.5rem; min-width:22.5rem; max-width:25rem;}
.login:is(h1,h2,h3,h4,h5,h6) {color:var(--bs-heading-color); font-size:2rem; line-height:1; text-align:center; letter-spacing:-0.0625rem; margin-bottom:0.75rem;}
.login-card .text-success {color:var(--bs-warning)!important; letter-spacing:-1px;}
.login-card .card-body .btn[type="submit"] {font-size:1rem;}
.form-check-input[type=checkbox] {--bs-border-color:;}
.form-check-input:checked {background-color:var(--bs-warning); border-color:var(--bs-warning);}

/*Password Show/Hide Button*/
#togglePassword {width:var(--bs-px-24); height:var(--bs-px-24); font-weight:400; position:absolute; top:var(--bs-px-21); right:0.5rem; display:flex; justify-content:center; align-items:center; cursor:pointer;}
#password[class*='is'] ~ #togglePassword {right:2rem;}

/* Multi Steps Form */
.form-detail label {color:var(--bs-black);}
.tab {display:none; min-height:21.875rem;}
.step {width:4.6875rem; height:0.375rem; background-color:var(--bs-gray-300); border:none; border-radius:0; display:inline-block; opacity:1;}
.step.active {opacity:1;}
.step.finish {background-color:var(--bs-warning);}
/* Multi Steps Form */

/*Floating Form Field*/
.form-floating > .form-control:not(#code):focus,
.form-floating > .form-control:not(#code):not(:placeholder-shown) {padding-top:1.125rem;}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {transform:scale(0.65) translateY(-1.0rem) translateX(0.4rem); text-transform:uppercase;}

/*Verification OTP #code*/
.form-floating > .form-control#code.is-valid,
.was-validated .form-control#code:valid,
.form-floating > .form-control#code.is-invalid,
.was-validated .form-control#code:invalid {background-position:right 0.5625rem center; background-size:1.125rem 1.125rem;}
.form-floating > .form-control#code:focus,
.form-floating > .form-control#code:not(:placeholder-shown) {font-size:2rem; letter-spacing:1rem; text-indent:2.25rem; padding-top:1.125rem; padding-right:2.25rem; padding-left:2.25rem;}
.form-floating.fundraise-code-copy > .form-control#memberCode:focus,
.form-floating.fundraise-code-copy > .form-control#memberCode:not(:placeholder-shown) {font-size:2rem; letter-spacing:0.25rem; text-indent:0; padding-top:1.125rem; padding-right:1.25rem; padding-left:1.25rem; text-align:center;}

/*Subscribe Plan*/
.subcribe_plan i {border-radius:50%; border:0.0625rem solid var(--bs-gray-300); width:2.25rem; height:2.25rem; padding:0.3125rem 0.4225rem 0.3125rem 0.3525rem; font-size:1.375rem; text-align:center; line-height:1;}
.subcribe_plan .form-check-input[type=radio] {width:1.25rem; height:1.25rem; margin-top:0.1rem;}
.ecom_amount {font-size:2rem; line-height:1; margin:18px 0 16px!important;}
.ecom_amount::first-letter {font-size:16px; letter-spacing:2px; vertical-align:middle;}
.ecom_amount sup {top:-0.45em;}
sup, sub {font-size:0.57em; letter-spacing:0;}

/*Subscription MailChimp*/
#mc_embed_signup {false; clear:left;}
#mc_embed_signup input.valid {border-color:var(--bs-green); padding-right:calc(1.5em + 0.75rem); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:right calc(0.375em + 0.1875rem) center; background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);}
#mc_embed_signup input.mce_inline_error {border-color:var(--bs-red)!important;}
#mc_embed_signup div.mce_inline_error {color:var(--bs-red)!important; background-color:transparent!important; font-size:var(--bs-px-14); line-height:1; text-align:left; margin:0 !important; padding:0.4375rem 2rem 0 4rem!important;}

/*OffCanvas Height*/
#offcanvasCities, #offcanvasAbout, #offcanvasRedeem, #offcanvasMonYrPicker, #offcanvasEventDesc, #offcanvasNearby {--bs-offcanvas-height:auto;}

/*Dropdown Style*/
.dropdown-menu .dropdown-item > i {width:1rem;}
.dropdown-item.active,
.dropdown-item:active {background-color:var(--bs-warning);}

/*Action Items "Dort Dropdown / Switch" for List*/
.action-list .dropdown-toggle::after {display:none;}
.action-list,
.action-list .dropdown .dropdown-toggle,
.action-list .dropdown .dropdown-toggle i,
.action-list .form-check.form-switch {display:flex;}
.action-list,
.action-list .dropdown .dropdown-toggle,
.action-list .form-check.form-switch {align-items:flex-end;}
.action-list {justify-content:space-between; font-size:0.75rem; margin:0.75rem 0;}
.logo ~ .btn-group .dropdown-menu,
.nav-foot .dropdown .nav-link ~ .dropdown-menu,
.action-list .dropdown .dropdown-menu {font-size:0.875rem;}
.action-list .dropdown .dropdown-toggle,
.action-list .form-check.form-switch {color:var(--bs-gray-500); padding:4px 0 7px;}
.action-list .dropdown .dropdown-toggle i {align-items:center; height:1rem; font-size:1rem; line-height:1; color:var(--bs-primary); margin-left:6px;}
.action-list .form-check.form-switch {gap:0.5rem; margin:0 0 0 auto; padding:0;}
.action-list .form-check.form-switch .form-check-input {font-size:1rem; margin:0;}

/*Member-Only Offers BLUR Effect*/
.card.blur .card-body, .card.blur .card-body + .offers-icons {pointer-events:none; filter:blur(0.100rem); opacity:0.5;}
.card.blur .member-only {position:absolute; z-index:1; width:94%; right:3%; left:3%; margin-top:12%; box-sizing:border-box; padding:0.4375rem 0.5rem var(--bs-px-10); background-color:var(--bs-warning); color:#2d2d2d; font-weight:bold; line-height:1.25; padding:15px; text-align:center; border-radius:20px; border:0.1875rem dashed var(--bs-primary); box-shadow:-1px 0 21px 0 rgba(var(--bs-black-rgb),0.2); -webkit-box-shadow:-1px 0 21px 0 rgba(var(--bs-black-rgb),0.2); -moz-box-shadow:-1px 0 21px 0 rgba(var(--bs-black-rgb),0.2);}
.card.blur .member-only button {font-weight:300; padding-right:12px;}
.card.blur .member-only lord-icon {width:24px; height:24px; margin:-3px 3px 0 0;}

/*Offer i.e. RedeemED / Taken GrayScale Effect*/
.card.grayscale .card-body, .card.grayscale .card-body + .offers-icons {pointer-events:none; filter:grayscale(100%);}

/*Redeem Section*/
.offer-top {position:relative; align-items:center;}
.offer-top .heart {top:0.0625rem; right:0;}
.offer-expiry {font-size:16px; color:var(--bs-gray-400); letter-spacing:0.0375rem;}
.card.redeem .card-body p {font-size:0.75rem;}
.card.redeem {max-width:30rem; width:calc(100% - 1rem); height:78rem; margin:0 0.5rem; padding-right:var(--bs-px-13); padding-left:var(--bs-px-13); align-self:center; border:1px solid #d5d5d5 !important; border-radius:20px !important;}
.card.redeem .card-header, .card.redeem .card-footer {background:none; text-align:center;}
.card.redeem .card-header {color:var(--bs-heading-color); font-size:26px; font-weight:500; border:none; padding:0.5rem 0 1rem;}
.card.redeem .card-body {height:100%; overflow-y:auto; margin:0 var(--bs-px-n10) var(--bs-px-14); padding:0 var(--bs-px-10);}
.card.redeem .card-body .redeem-desc {text-align: center; color:var(--bs-body-color); font-weight:normal; line-height:1.25;}
.card.redeem .card-body p {font-size:0.75rem; margin-bottom:var(--bs-px-10); text-align: center;}
.card.redeem .card-img {width:100%; height:180px; margin:var(--bs-px-10) auto; margin-top:10px; margin-bottom:10px;}
.card.redeem .card-footer {position:relative; border-top:0.125rem dashed var(--bs-warning); padding:1rem 0;}
.card.redeem .card-footer:before,
.card.redeem .card-footer:after {background-image:url('../images/redeem-foot.png'); background-color:var(--bs-warning); background-repeat:no-repeat; background-size:auto; width:var(--bs-px-10); height:1.1875rem; content:''; position:absolute; top:var(--bs-px-n10);}
.card.redeem .card-footer:before {background-position:0 0; left:var(--bs-px-n10);}
.card.redeem .card-footer:after {background-position:calc(var(--bs-px-11) * -1) 0; right:var(--bs-px-n10);}
[data-bs-theme=dark] .card.redeem .card-footer, .theme-dark .card.redeem .card-footer {border-top-color:#224;}
[data-bs-theme=dark] .card.redeem .card-footer:before, .theme-dark .card.redeem .card-footer:before,
[data-bs-theme=dark] .card.redeem .card-footer:after, .theme-dark .card.redeem .card-footer:after {background-color:var(--bs-body-bg);}
[data-bs-theme=dark] .card.redeem .card-footer:before, .theme-dark .card.redeem .card-footer:before {background-position:-1.375rem 0;}
[data-bs-theme=dark] .card.redeem .card-footer:after, .theme-dark .card.redeem .card-footer:after {background-position:-2rem 0;}

/* Owl Carousel (Any) */
.owl-carousel .owl-stage-outer a {text-decoration:none;}
.owl-carousel .owl-item:last-child {margin-right:0!important;}
.owl-carousel .owl-nav {position:absolute; top:0; right:var(--bs-px-n10); left:var(--bs-px-n10); width:calc(100% + var(--bs-px-10) + var(--bs-px-10)); margin:0;}
.owl-carousel .owl-nav [class*=owl-],
.owl-carousel .owl-nav [class*=owl-] span {width:0.3125rem;}
.owl-carousel .owl-nav [class*=owl-] span {line-height:2.875rem; font-size:1.75rem; text-indent:-0.125rem; font-weight:100; color:#999; display:block;}
.owl-carousel .owl-nav [class*=owl-],
.owl-carousel .owl-nav [class*=owl-] span {height:var(--bs-px-48);}
.owl-carousel .owl-nav [class*=owl-] {position:absolute; margin:0; cursor:pointer;}
.owl-carousel .owl-nav [class*=owl-].disabled {opacity:1;}
.owl-carousel .owl-nav [class*=owl-]:hover, .owl-carousel .owl-nav [class*=owl-]:focus-visible {background:none; outline:none;}
.owl-carousel .owl-nav .owl-prev {left:2px;}
.owl-carousel .owl-nav .owl-next {right:2px;}
.owl-carousel .owl-nav .owl-next > span {text-indent:-0.0625rem;}

/* Calendar Owl Carousel */
button[aria-controls="offcanvasMonYrPicker"] {margin:12px 0 4px!important;}
button[aria-controls="offcanvasMonYrPicker"] i {font-size:12px;}
.event-calendar.sliding-tabs {margin-bottom:10px; min-height:3rem;}
.event-calendar .owl-carousel a:hover .item,
.event-calendar .owl-carousel .item.tabs.active {background-color:#ddf;}
.event-calendar .owl-carousel .item.tabs img {width:var(--bs-px-40); height:auto; margin-right:0.4375rem; padding:0.5rem;}
.event-calendar .owl-carousel .item.tabs h6 {font-size:1.12rem; font-weight:normal; text-align:left; margin-bottom:0;}
.event-calendar .owl-carousel .item.tabs span {font-size:var(--bs-px-13); text-align:left; display:block;}
.event-calendar .owl-carousel .item {height:var(--bs-px-48); width:var(--bs-px-36);}
.event-calendar .owl-carousel .item {border-radius:0.5rem;}
.event-calendar .owl-carousel .item.tabs {background-color:transparent; text-align:center;}
.event-calendar .owl-carousel .item.tabs,
.event-calendar .owl-carousel .item.tabs h6,
.event-calendar .owl-carousel .item.tabs span {color:#666;}
.event-calendar .owl-carousel a:hover .item.tabs:not(.active),
.event-calendar .owl-carousel a:hover .item.tabs:not(.active) h6,
.event-calendar .owl-carousel a:hover .item.tabs:not(.active) span {color:var(--bs-primary);}
[data-bs-theme=dark] .event-calendar .owl-carousel .item.tabs, .theme-dark .event-calendar .owl-carousel .item.tabs,
[data-bs-theme=dark] .event-calendar .owl-carousel .item.tabs h6, .theme-dark .event-calendar .owl-carousel .item.tabs h6,
[data-bs-theme=dark] .event-calendar .owl-carousel .item.tabs span, .theme-dark .event-calendar .owl-carousel .item.tabs span {color:var(--bs-gray-500);}
.event-calendar .owl-carousel .item.tabs.active {background-color:var(--bs-primary);}
.event-calendar .owl-carousel .item.tabs.active,
.event-calendar .owl-carousel .item.tabs.active h6,
.event-calendar .owl-carousel .item.tabs.active span {color:var(--bs-white);}
[data-bs-theme=dark] .event-calendar .owl-carousel .item.tabs.active, .theme-dark .event-calendar .owl-carousel .item.tabs.active,
[data-bs-theme=dark] .event-calendar .owl-carousel .item.tabs.active h6, .theme-dark .event-calendar .owl-carousel .item.tabs.active h6,
[data-bs-theme=dark] .event-calendar .owl-carousel .item.tabs.active span, .theme-dark .event-calendar .owl-carousel .item.tabs.active span {color:var(--bs-white);}
.event-calendar .owl-carousel .item.tabs.event-dot:after, .card-group.events-timeline li::before {width:0.4375rem; height:0.4375rem; background-color:var(--bs-warning); border-radius:50%;}
.event-calendar .owl-carousel .item.tabs.event-dot:after {display:block; content:""; margin:0 auto; margin-top:0.0625rem;}
.event-calendar .owl-carousel .item.tabs h6 {text-align:center; text-transform:uppercase; font-size:var(--bs-px-9); padding-top:0.375rem; line-height:var(--bs-px-12);}
.event-calendar .owl-carousel .item.tabs span {text-align:center; font-size:1.25rem; line-height:1.375rem;}

/*notification card*/
.card.notification .card-img {max-width:100px; height:100px!important; float:left; margin-right:10px;}

/*Business Categories Owl Carousel*/
[class*=bus-cat].sliding-tabs {margin-bottom:var(--bs-px-10); min-height:0;}
@media (min-width: 992px) { .bus-cat-main {margin-top:-2rem;} }
.bus-cat-sub {margin:0 0 var(--bs-px-10);}
[class*=bus-cat] a {display:flex; align-items:center; gap:0.25rem; padding:0.25rem; padding-right:1rem; border-radius:50rem; color:var(--bs-black);}
.bus-cat-main a {background-color:rgba(var(--bs-warning-rgb),0.30);}
.bus-cat-sub a {background-color:var(--bs-tertiary-bg); border:solid var(--bs-gray-300); padding-left:1rem;}
.bus-cat-sub a, .card-group > .card, .card.redeem {border-width:1px;}
[data-bs-theme=dark] .bus-cat-sub a, .theme-dark .bus-cat-sub a {border-color:#224;}
[class*=bus-cat] a.active,
[class*=bus-cat] a:hover,
[class*=bus-cat] a:active {background-color:var(--bs-warning); color:var(--bs-black);}
.bus-cat-sub a.active,
.bus-cat-sub a:hover,
.bus-cat-sub a:active {background-color:var(--bs-heading-color);}
[data-bs-theme=light] .bus-cat-sub a.active, .theme-light .bus-cat-sub a.active,
[data-bs-theme=light] .bus-cat-sub a:hover, .theme-light .bus-cat-sub a:hover,
[data-bs-theme=light] .bus-cat-sub a:active, .theme-light .bus-cat-sub a:active,
[data-bs-theme=light] .bus-cat-sub a.active .bus-label span, .theme-light .bus-cat-sub a.active .bus-label span,
[data-bs-theme=light] .bus-cat-sub a:hover .bus-label span, .theme-light .bus-cat-sub a:hover .bus-label span,
[data-bs-theme=light] .bus-cat-sub a:active .bus-label span, .theme-light .bus-cat-sub a:active .bus-label span {color:var(--bs-white);}
[class*=bus-cat] a .bus-icon {width:1.75rem; height:1.75rem; padding:0.375rem; background:var(--bs-secondary); border-radius:50%;}
[class*=bus-cat] a .bus-icon > img {width:1rem; height:1rem; vertical-align:super;}
[class*=bus-cat] a .bus-label {display:flex; flex-direction:column; font-size:var(--bs-px-10); font-weight:bold; letter-spacing:0.02rem; line-height:1.25;}
[class*=bus-cat] a .bus-label span {color:rgba(var(--bs-black-rgb),0.72); font-size:0.5rem; font-weight:normal; transition:0.3s;}
[data-bs-theme=dark] [class*=bus-cat] a .bus-label span, .theme-dark [class*=bus-cat] a .bus-label span {color:rgba(var(--bs-white-rgb),0.75);}
[data-bs-theme=dark] [class*=bus-cat] a.active .bus-label span, .theme-dark [class*=bus-cat] a.active .bus-label span,
[data-bs-theme=dark] [class*=bus-cat] a:hover .bus-label span, .theme-dark [class*=bus-cat] a:hover .bus-label span,
[data-bs-theme=dark] [class*=bus-cat] a:active .bus-label span, .theme-dark [class*=bus-cat] a:active .bus-label span {color:rgba(var(--bs-black-rgb),0.5);}
[data-bs-theme=dark] [class*=bus-cat] a, .theme-dark [class*=bus-cat] a {color:var(--bs-white);}
[data-bs-theme=dark] [class*=bus-cat] a.active, .theme-dark [class*=bus-cat] a.active,
[data-bs-theme=dark] [class*=bus-cat] a:hover, .theme-dark [class*=bus-cat] a:hover,
[data-bs-theme=dark] [class*=bus-cat] a:active, .theme-dark [class*=bus-cat] a:active {color:var(--bs-black);}

/* MONTH / YEAR Picker */
.picker-wrapper {position:relative; display:flex; justify-content:center; gap:2rem; height:8.25rem; overflow:hidden;}
#monthList {width:10rem;}
#yearList {width:4.5rem;}
.picker-column {height:100%; overflow-y:scroll; scroll-snap-type:y mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.picker-column::-webkit-scrollbar {display:none;}
.picker-column ul {list-style:none; margin:0; padding:0; text-align:center;}
.picker-column li {height:2.75rem; line-height:2.75rem; font-size:1.75rem; letter-spacing:-0.04rem; cursor:n-resize; color:transparent; text-shadow:0 0 0.15625rem rgba(var(--bs-primary-rgb),0.2); scroll-snap-align:center; transition:color 0.2s, text-shadow 0.2s, font-weight 0.2s; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.picker-column li.selected {color:var(--bs-heading-color); text-shadow:none;}
.picker-highlight {position:absolute; left:0; top:1.375rem; z-index:2; width:100%; height:2.75rem; border:solid rgba(var(--bs-primary-rgb),0.15); border-width:0.01875rem 0; transform:translateY(-50%); pointer-events:none;}

/*Event Details*/
img.event-detail {width:100%; height:220px; object-fit:cover; border-radius:18px; opacity:1;}
.event-detail, .event-detail li, .event-detail li > a, .event-detail li i {display:flex;}
.event-detail {flex-wrap:wrap; justify-content:space-between; gap:var(--bs-px-10);}
.event-detail li, .event-detail li > a {flex-direction:row; flex:0 0 100%; flex-shrink:0; gap:0.5rem; color:var(--bs-dark); line-height:1.25rem; text-decoration:none;}
.event-detail li {background-color:rgba(var(--bs-black-rgb),0.05); border-width:1px; border-radius:20px; padding:1.01rem 1.5rem;}
.event-detail li.w-50 {flex-basis:48.9%;}
@media (max-width: 479px) {
    .event-detail li {border-radius:10px; padding:0.5rem 0.75rem;}
    .event-detail li.w-50 {flex-basis:48.3%;}
}
.event-detail li.w-50 [class*="clock"] + div [class*="bold"] {width:56px; display:inline-block;}
.event-detail li a:hover span {color:var(--bs-warning); transition:0.3s;}
[data-bs-theme=dark] .event-detail li, .theme-dark .event-detail li {background-color:rgb(0,0,0,0.05);}
.event-detail li > a i:last-child {font-size:12px; margin-right:-3px; padding-top:5px;}
.event-detail li i {font-size:1rem; width:1rem; align-items:flex-start; justify-content:center; padding-top:0.125rem;}
.event-detail li i, .event-detail li > a i {color:var(--bs-gray-500);}
.event-detail li > a i:last-child {color:var(--bs-link-color);}
.event_title {padding-right:var(--bs-px-40);}
.event_title > .heart {position:absolute; top:6px; right:0; margin-right:4px;}
.events-timeline .event_title > .heart {top:auto;}

/*events timeline*/
.action-events {background-color:rgb(var(--bs-tertiary-bg-rgb)); height:3.3125rem; padding-top:var(--bs-px-10); padding-bottom:var(--bs-px-10); border-style:solid; border-width:0; border-color:var(--bs-gray-300); border-top-width:1px; border-bottom-width:1px;}
.action-events .action-list {align-items:center; margin-top:0; margin-bottom:0;}
.action-list .chips {display:flex; flex-wrap:wrap; gap:0.5rem;}
.action-list .chips > a {height:1.75rem; line-height:1.25rem; padding-right:0.75rem; padding-left:0.75rem;}
.action-list .chips > .btn:not(.active), .action-list .chips > .btn[aria-selected=false] {border-color:#ccc!important;}
.action-list .chips > .btn.active, .action-list .chips > .btn[aria-selected=true] {background-color:#ddf; border-color:#ccf!important; color:var(--bs-primary)!important;}
.action-events > .container {padding-right:0; padding-left:0;}
@media (min-width: 992px) { .container-events {min-height:calc(100% - 8.5rem - 6.3125rem - 3.3125rem);} }
@media (max-width: 991px) { .container-events {min-height:calc(100vh - 4.75rem - 6.3125rem - 3.3125rem - var(--mob-top-height));} }
.container-events {background-color:var(--bs-gray-200);}
[data-bs-theme=dark] .container-events, .theme-dark .container-events {background-color:var(--bs-body-bg);}
.card-group > .card {box-shadow:0 0.0625rem 0.1875rem rgba(var(--bs-black-rgb),0.16);}
[data-bs-theme=dark] .card-group > .card, .theme-dark .card-group > .card {box-shadow:0 0.0625rem 0.1875rem rgba(var(--bs-white-rgb),0.20);}
:not(.row) > .card {padding-right:calc(var(--bs-card-spacer-x) * 0.5); padding-left:calc(var(--bs-card-spacer-x) * 0.5);}
:not(.row) > .card.redeem {padding-right:var(--bs-px-10); padding-left:var(--bs-px-10);}
.card-group > .card {margin-bottom:0;}
.card-group.events-timeline > .card {padding:0;}
.card-group > .card, .card-group.events-timeline > .card a .event_date {background-color:rgb(var(--bs-tertiary-bg-rgb));}
.card-group > .card {border-radius:var(--bs-border-radius-lg)!important;}
.card-group {display:flex; flex-wrap:wrap; gap:var(--bs-px-10);}
.card-group > .card a, .card-group.events-timeline > .card a .event_date {display:flex;}
.card-group.events-timeline > .card a .event_date {border-width:0; border-style:solid; border-color:#e5e5e5;}
[data-bs-theme=dark] .card-group > .card, .theme-dark .card-group > .card, [data-bs-theme=dark] .card-group.events-timeline > .card a .event_date, .theme-dark .card-group.events-timeline > .card a .event_date {border-color:#224;}
.card-group.events-timeline {list-style:none; padding-left:0.5rem; padding-right:0; margin:var(--bs-px-10) 0 calc(var(--mob-top-height) * 0.5);}
.card-group.events-timeline > .card {background-color:var(--bs-white); border:none; position:relative; flex-basis:100%; width:100%;}
[data-bs-theme=dark] .card-group.events-timeline > .card, .theme-dark .card-group.events-timeline > .card {background-color:var(--bs-heading-color);}
.card-group.events-timeline > .card::after,
.card-group.events-timeline > .card::before {content:""; position:absolute;}
.card-group.events-timeline > .card::before {left:-0.6875rem; top:calc(50% - (0.4375rem / 2)); z-index:2;}
.card-group.events-timeline > .card::after {top:-0.3125rem; bottom:-0.4375rem; left:-0.5rem; width:0.0625rem; background-color:rgba(var(--bs-warning-rgb),0.4);}
[data-bs-theme=dark] .card-group.events-timeline > .card::after, .theme-dark .card-group.events-timeline > .card::after {background-color:rgba(var(--bs-heading-color-rgb),0.21);}
.card-group.events-timeline > .card:first-child::after {top:50%;}
.card-group.events-timeline > .card:last-child::after {bottom:50%;}
.card-group.events-timeline > .card a {color:var(--bs-body-color);}
.card-group.events-timeline > .card a .event_title {padding-right:1.5rem; margin-bottom:0.1981875rem; font-size:17px;}
.card-group.events-timeline > .card a .event_date {width:4.5rem; height:4.5rem; color:var(--bs-body-color); flex-direction:column; align-items:center; justify-content:center; border-top-left-radius:var(--bs-border-radius-lg); border-bottom-left-radius:var(--bs-border-radius-lg); border-right-width:0.0625rem;}
.card-group.events-timeline > .card a .event_date.today {color:var(--bs-white); background-color:var(--bs-gray-500); border-right-color:var(--bs-gray-500); font-size:1.25rem; letter-spacing:-0.0625rem; text-indent:-0.0625rem;}
.card-group.events-timeline > .card a .event_date.today, .card-group.events-timeline > .card a .event_date > span:last-child {font-weight:bold;}
.card-group.events-timeline > .card a .event_date > span:last-child:not([class]) {font-size:21px; letter-spacing:-0.125rem;}
.card-group.events-timeline > .card a .event_date > span:last-child:not([class]) > span[class*="start"] {padding-right:0.125rem;}
.card-group.events-timeline > .card a .event_date > span:last-child:not([class]) > span[class*="end"] {padding-left:0.125rem;}
.card-group.events-timeline > .card a .event_date.today, .card-group.events-timeline > .card a .event_month_start, .card-group.events-timeline > .card a .event_month_end {text-transform:uppercase;}
.card-group.events-timeline > .card a .event_month_start, .card-group.events-timeline > .card a .event_month_end {letter-spacing:0.03rem;}
.card-group.events-timeline > .card a .event_date > span:last-child {font-size:1.625rem; line-height:1; text-indent:-0.1875rem;}
.card-group.events-timeline > .card a .event_date > span:first-child {display:block; font-size:var(--bs-px-10);}
.card-group.events-timeline > .card a .event_date + div {width:calc(100% - 4.5rem); padding:7px var(--bs-px-10);}
.card-group.events-timeline > .card a .event_date + div p {margin-bottom:0; font-size:var(--bs-px-12); line-height:1.05rem;}
.card-group.events-timeline > .card a .event_date + div p i {width:var(--bs-px-12); text-align:center; color:var(--bs-gray-400);}

/* offer badge */
.offer-badge {background:#f6a23b; color:#fff; display:inline-block; font-size:16px; font-weight:700; text-align:center; letter-spacing:-1px; line-height:1; width:100px; padding:8px 0; border-radius:32px;}
@media (max-width: 768px) { .offer-badge {width:92px; padding:4px 0; border-radius:24px;} }
/* banner */
.profile-banner {border-radius:20px; background-color:#2d2d2d;}
.banner-img {width:100%; height:220px; object-fit:cover; border-radius:18px; opacity:0.4;}

/* profile logo img */
.profile-logo {width:132px; padding:4px; margin-top:-92px; margin-bottom:-16px; margin-left:20px; border-radius:14%; border:2px solid var(--bs-gray-200); box-shadow:0 5px 15px rgba(var(--bs-black-rgb),0.1); background:#fff; aspect-ratio:1; position:initial; z-index:100;}
@media (max-width: 991px) { .profile-logo {width:120px;} }
@media (max-width: 767px) { .profile-logo {width:96px; margin-top:-72px; border-width:1px; padding:3px;} }
@media (max-width: 639px) { .profile-logo {width:72px; margin-top:-50px;} }

.profile-details > .profile-name {margin-left:0.5rem; margin-bottom:0.25rem;}
@media (min-width: 992px) { .profile-details > .profile-name {margin-left:1rem; margin-bottom:0.5rem;} }

.profile-details > .cont-offer-badge {margin-left:auto;}
@media (max-width: 639px) {
    .profile-details > .profile-name {flex-basis:calc(100% - 92px - 0.5rem); letter-spacing:-1px;}
    .profile-details > .cont-offer-badge {flex-basis:100%; padding-top:6px; padding-left:10px;}
}

/* social */
.social-links img {width:20px;}
@media (max-width:768px) {
    .social-links-profile {width:100%; display:flex; justify-content:center; flex-direction:column; margin-top:10px; text-align:center;}
    .banner-img {height:200px;}
}

/* map */
.map-box {border-radius:15px; overflow:hidden;}
.map-box iframe {width:100%; height:320px; border:0;}
.location {margin-top:15px; color:#666; font-size:14px;}

/* accordion */
.time-btn {background:none; box-shadow:none; font-weight:500;}
.closed {color:red; font-weight:600;}

/*Maps*/
.map-wrapper {position:relative; padding:0!important;}
.business-map {position:absolute!important; z-index:1;}
.maps-over {z-index:2;}
.map-wrapper, .business-map, .maps-over, .maps-business, .marker-wrapper {height:calc(100vh - var(--mob-top-height))}
@media (min-width: 992px) { .map-wrapper, .business-map, .maps-over, .maps-business, .marker-wrapper {height:calc(100vh - 4.8125rem);} }
.business-map {height:100vh!important;}
@media (min-width: 992px) { .business-map {height:70vh!important;} }
.maps-over, .maps-business, .marker-wrapper, .marker-wrapper .marker, .marker-wrapper .marker + .collapse {position:absolute;}
.business-map, .maps-over, .maps-over > .slide-cards, .maps-business, .marker-wrapper {width:100%;}
.maps-business, .maps-business > a.marker {z-index:3;}
.maps-business > a.marker {position:relative; display:block; text-align:center; background:transparent; transform:translate(-50%, -50%);}
.maps-business > a.marker, .maps-business > a.marker > img {width:1.5rem; aspect-ratio:1 / 1;}
.maps-business > a.marker + .collapse {z-index:1055; transition:opacity .25s ease, transform .25s ease; opacity:0; transform:scale(0.95);}
.maps-business > a.marker + .collapse.show {opacity:1; transform:scale(1);}
.maps-business > a.marker + .collapse > .card {width:14rem; height:2.625rem; text-size-adjust:none; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.maps-over, .maps-over > .slide-cards {display:flex; flex-direction:column;}
.maps-over {align-items:center; justify-content:space-between; padding:var(--bs-px-10) 0;}
.maps-over > #nearby_radius {height:var(--bs-nearby_radius); aspect-ratio:1 / 1; background-color:rgba(var(--bs-red-rgb),0.14); border:1px solid rgba(var(--bs-red-rgb),0.63); z-index:2;}
.maps-over, .maps-over > #nearby_radius, .maps-business {pointer-events:none;}
.maps-over > .top-search-bar, .maps-over > .slide-cards > .sliding-tabs, .slide-cards > .btn-nearby, .slide-cards > .offcanvas, .maps-business > a.marker, .maps-business > a.marker + .collapse {pointer-events:auto;}
.maps-over > .top-search-bar {width:17.5rem;}
.maps-over > .top-search-bar .form-control {font-size:var(--bs-px-18);}
.maps-over > .slide-cards {gap:var(--bs-px-10);}
.maps-over > .slide-cards > .sliding-tabs {margin-bottom:0.5rem;}
.maps-over > .slide-cards .owl-item:first-child {margin-left:0.5rem;}
.map-offers .card-group .card .card-img {width:3rem; height:3rem;}
.map-offers .card-group .card > div:not(.card-img):not(.card-redeem) {width:calc(100% - 3.5rem);}
.map-offers .card-group .card .btn {padding:0.03125rem 0.5rem; font-size:var(--bs-px-10); font-weight:normal; text-transform:uppercase; letter-spacing:0.075rem;}
.btn-nearby {align-self:end; border:none; margin-right:var(--bs-px-10); padding:0;}
.marker-wrapper .marker {background:transparent; transform:translate(-50%, -50%);}
.marker-wrapper .marker, .marker > img {width:2rem; aspect-ratio:1 / 1;}
.marker-wrapper .marker + .collapse {width:3.25rem; height:2.625rem; z-index:1055;}
.marker-wrapper .marker, .marker-wrapper .marker + .collapse > .card, .maps-business > a.marker, .maps-business > a.marker + .collapse {cursor:pointer;}
.marker-wrapper .marker + .collapse > .card {flex-direction:row; align-items:center; justify-content:space-between; gap:0.25rem; padding:var(--bs-px-12) var(--bs-px-10);}
.marker-wrapper .marker + .collapse > .card * {text-size-adjust:none;}
.marker-wrapper .marker + .collapse > .card :is(h1,h2,h3,h4,h5,h6) {font-size:var(--bs-px-14); line-height:1rem; margin-bottom:0; width:calc(100% - 4rem - 0.05rem);}
.map-overlap-offers{margin-top:-60px; background-color:#fff!important; z-index:100; position:relative; padding-top:20px;}
.btn-primary.btn-nearby{margin-top:-150px!important;}

/*Profile Section*/
iframe.location-map, iframe.business-map {width:100%; height:100%;}
iframe.location-map {min-height:30rem; border-radius:20px!important;}
.contact-detail {background:#f0f0f3; padding:12px; border-radius:15px;}
.contact-detail, iframe.location-map {flex:1 0 calc(50% - 1rem);}
.contact-detail > div {margin:0; padding:var(--bs-px-10) 0; border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);}
.contact-detail > div:last-child {border:none;}
.contact-detail > div > a {line-height:1.2; text-decoration:none;}
.contact-detail > div > a > i {font-size:12px; margin-top:4px;}
.contact-detail > div > a > i:before {display:block; width:12px; text-align:center;}
.contact-detail #bus-time {list-style:none; margin:0.25rem 0 0 1.25rem; padding-left:0; font-size:1rem;}
@media (max-width: 374px) {
    .contact-detail #bus-time {font-size:0.875rem;} 
    .contact-detail > div {letter-spacing:-1px;}
}
.contact-detail #bus-time.show {display:grid;}
.contact-detail #bus-time li > * {display:inline-block;}
.contact-detail #bus-time [data-weekday] {width:33%;}
.contact-detail #bus-time [data-opening],
.contact-detail #bus-time [data-closing], .contact-detail #bus-time li b {text-align:center;}
.contact-detail #bus-time li b {text-indent:0.0625rem;}
.text-red {color:#e00;}
.profile-location {font-size:16px; color:#1d1d1d; font-weight:400; text-decoration:none!important;}

lord-icon.contact-detail-animated {width:25px; height:25px; --lord-icon-primary:var(--bs-primary); --lord-icon-secondary:var(--bs-warning);}

/* Social Brands icons style */
.fab, .fa-brands {width:50px; height:50px; margin:0 3px 12px; padding:12px; font-size:28px; color:white; line-height:1; text-align:center; text-decoration:none; border-radius:50%; transition:transform 0.3s ease-out, box-shadow 0.3s ease-out; box-shadow:0 4px 6px rgba(var(--bs-black-rgb),0.1); display:inline-flex; flex-wrap:wrap; flex-direction:column; align-content:center;}
.fab:before, .fa-brands:before {max-width:28px; max-height:28px;}
.fab:hover, .fa-brands:hover {color:white; transform:translateY(-5px); box-shadow:0 10px 20px rgba(var(--bs-black-rgb),0.2);}
/*profile page social*/
.contact-detail > .social-icons {margin-top:10px;}
.contact-detail > .social-icons > a {line-height:1;}
.social-icons .fab, .social-icons .fa-brands {width:37px; height:37px; margin:0 3px 7px; padding:9px; font-size:20px;}
.social-icons .fab:before, .social-icons .fa-brands:before {max-width:none; max-height:none;}
/* each brand BG-color */
.fa-facebook {background-color:#1877F2;}
.fa-instagram {background-color:#125688; background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}
.fa-x-twitter {background-color:#000;}
.fa-youtube {background-color:#f00;}
.fa-linkedin-in {background-color:#0077B5;}

.top-links {}
.top-links a {font-size:14px; text-decoration:none; margin:5px 0; color:#222; font-weight:500;}
.inner-header {height:var(--mob-top-height); display:flex; align-items:center; justify-content:flex-start; border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);}
.header > .top-links + .container {padding-top:0; padding-bottom:14px;}

/* Mobile Header */
@media (max-width: 991px) {
    .header > .top-links + .container {padding-top:var(--bs-px-9); padding-bottom:0.5rem;}
    .sticky-sm-top-only {position:sticky; top:0; z-index:2;}
    a.back-link, a.back-link:hover {font-size:1.5rem; color:#221e1f; width:2rem; aspect-ratio:1; display:flex; align-items:center; justify-content:center; text-decoration:none; cursor:pointer;}
}

/*Logo*/
.logo {width:322px; display:flex; align-items:flex-end; gap:0;}
@media (max-width: 991px) { .logo {width:auto; padding:0 7px; margin-right:0.5rem;} }
.logo .app-icon {height:46px;}
.logo .app-logo {height:40px;}

.top-icon-animated {width:30px; height:30px;}
.header-right .top-icon-animated {margin-top:7px;}

.more-links lord-icon {width:20px; height:20px; --lord-icon-primary:#000; --lord-icon-secondary:var(--bs-warning);}
lord-icon {stroke:3!important;}

/* Offers Wrap */
.offersWrap {display:flex; flex-wrap:wrap; gap:1.25rem; width:100%;}
.offersWrap .card {flex-grow:1; flex-shrink:0; flex-basis:calc(33.33% - 2.5rem); border:none;}
.offersWrap .card:last-child {flex-grow:0; flex-basis:33.33%;}
@media (max-width: 991px) {
    .offersWrap .card {flex-basis:calc(50% - 1.25rem);}
    .offersWrap .card:last-child {flex-basis:50%;}
}
@media (max-width: 539px) {
    .offersWrap .card {flex-basis:100%;}
    .offersWrap .card:last-child {flex-basis:100%;}
}

/*offers icon responsive*/
.offers-icons > small .view_num + .view_txt {display:inline-block;}
@media (min-width: 1200px) and (max-width: 1540px) { .owl-item .offers-icons > small .view_num + .view_txt {display:none;} }
@media (min-width:  913px) and (max-width: 1199px) { .owl-item .offers-icons > small .view_num + .view_txt {display:inline-block;} }
@media (min-width:  768px) and (max-width:  912px) { .owl-item .offers-icons > small .view_num + .view_txt {display:none;} }
@media (min-width:  480px) and (max-width:  767px) { .owl-item .offers-icons > small .view_num + .view_txt {display:inline-block;} }
                        @media (max-width:  479px) { .owl-item .offers-icons > small .view_num + .view_txt {display:none;} }
                        @media (max-width:  360px) { .owl-item .offers-icons .btn {padding-right:0.5rem!important; padding-left:0.5rem!important;} }
@media (min-width:  992px) and (max-width: 1160px) { .offers-icons > small .view_num + .view_txt {display:none;} }
@media (min-width:  768px) and (max-width:  991px) { .offers-icons > small .view_num + .view_txt {display:inline-block;} }
@media (min-width:  501px) and (max-width:  760px) { .offers-icons > small .view_num + .view_txt {display:none;} }
@media (min-width:  381px) and (max-width:  500px) { .offers-icons > small .view_num + .view_txt {display:inline-block;} }
                        @media (max-width:  380px) { .offers-icons > small .view_num + .view_txt {display:none;} }

/*button active / focus*/
.btn-check:checked+.btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check)+.btn:active:focus-visible {box-shadow:none!important;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active, .btn-check:focus+.btn-primary, .btn-primary:focus {background-color:var(--bs-warning); border-color:var(--bs-warning);}
.btn-check:focus+.btn-primary, .btn-primary:focus {box-shadow:none!important;}

.location lord-icon, .offers lord-icon, .offers-icons lord-icon {width:25px; height:25px; vertical-align:bottom;}
.offers-icons lord-icon {width:20px; height:20px;}

@media (max-width:424px) {
	.top-search-field {display:none!important;}	
	.header-right .d-none {display:block!important;}	
}
.top-search-field .form-control {border-radius:15px; font-size:14px; text-decoration:none; font-weight:500; color:#787878; padding:11px 12px 1px 10px; white-space:nowrap;
overflow:hidden; text-overflow:ellipsis;}
.top-search-field .form-control span {float:inline-start; margin-top:-4px;}
.main-heading {font-weight:bold; font-size:28px;}
h5.main-heading {width:calc(100% - 63px);}
.see-all a {font-size:14px; color:#000; text-decoration:none; margin-top:10px;}

/*Cards*/
:not(.card-group) > .card {box-shadow:none!important;}
.card {text-align:left; border-radius:0!important;}
.card .card-img {width:100%; height:11.25rem; object-fit:cover; background-position:center; background-size:cover; background-color:#999;}
.card-body {padding:0; text-decoration:none;}
.card-body .card-img {border-radius:20px; margin-bottom:1rem;}
.card-body + .offers-icons {padding-bottom:1rem;}
.card-body .offer-title > :is(h1,h2,h3,h4,h5,h6) {font-size:17px; width:calc(100% - 32px); display:block;}
.card-body .offer-title > .heart {margin-right:0;}
.card-body + .offers-icons .btn {font-size:13px;}
.card-body p.small, .card-body small, .card-body + .offers-icons small {color:#000; font-size:13px; margin-top:6px;}
.card-body p.small {font-size:0.875rem; margin:0 0 5px;}
.card-body small .fa, .card-body + .offers-icons small .fa {color:var(--bs-warning);}
.card-body small lord-icon, .card-body + .offers-icons small lord-icon {float: inline-start; margin-right: 4px;}
.owl-item {text-align:center;}
.top-categories img, .top-offers img {width:45px!important; height:45px; text-align:center; margin:0 auto;}
.top-categories a, .top-offers a {font-size:20px; text-align:center; font-weight:500; color:#222; text-decoration:none;}
.top-offers a {font-size:14px;}
@media (max-width: 419px) { .top-offers .col > a p {font-size:10px;} }

/*underline animation hover*/
.hover-underline-animation {display:inline-block; position:relative;}
.hover-underline-animation::after {position:absolute; content:''; bottom:0; left:0; width:100%; height:1px; background-color:var(--bs-warning); transform:scaleX(0); transition:transform 0.25s ease-out;}
.hover-underline-animation.current-page::after {height:0!important;}
.hover-underline-animation:hover::after {transform:scaleX(1);}
.hover-underline-animation.left::after, .hover-underline-animation.right:hover::after {transform-origin:bottom right;}
.hover-underline-animation.left:hover::after, .hover-underline-animation.right::after {transform-origin:bottom left;}
.hover-underline-animation.center::after, .hover-underline-animation.center:hover::after {transform-origin:bottom center;}

/* ===== HERO SLIDER FIXED HEIGHT ===== */
.hero-slider .owl-dots {position:absolute; bottom:15px; width:100%; text-align:center;}
.hero-slider .owl-dot span {width:10px; height:10px; background:rgba(var(--bs-black-rgb),0.2); display:inline-block; border-radius:50%; margin:0 5px; transition:0.3s;}
.hero-slider .owl-dot.active span {width:30px; border-radius:20px; background:rgba(var(--bs-black-rgb),0.4);}
.hero-slide {height:520px; position:relative; overflow:hidden;}

/* ===== FULL IMAGE SLIDE ===== */
.hero-slide.slide-image img {width:100%; height:auto; object-fit:cover; object-position:center; display:block;}

/* ===== TEXT SLIDE LAYOUT ===== */
.hero-slide .row {height:100%;}
.slider-caption {position:relative; z-index:2;}

/* Optional background if needed */
.hero-slide:not(.slide-image) {}

/* Right side image inside text slide */
.hero-img {max-height:380px; width:auto; object-fit:contain; right:80px; bottom:0;}

/* Hero */
.hero-slide01 {background-image:url(../images/slider-bg01.jpg);}
.hero-slide02 {background-image:url(../images/slider-bg02.jpg);}
.hero-slide03 {background-image:url(../images/slider-bg03.jpg);}
.hero-slide {background-color:#000; background-size:cover; padding:10px 0; border-radius:20px; height:auto;}
.hero-img {width:410px!important; float:inline-end;}
.hero-slide.slide-image {padding:0;}
.hero-slide.slide-image img {border-radius:20px;}
.slider-caption {float:inline-start;}
.hero-slide h1 {text-align:left; max-width:500px;}
.hero-slide .btn {display:block;}
.slider-caption {float:inline-start; top:28%; position:absolute;}

/* Categories */
.cat-item img {width:45px;}
.cat-item p {margin-top:0; font-size:14px;}
.cat-item .center {border:0px solid #222; border-radius:12px; padding-top:13px; width:100%;}
.current-page {border:1px solid #c3c3c3!important; border-radius:12px; padding-top:13px;}
	
/* Cards */
:not(.card-group) > .card {border-radius:15px; overflow:hidden;}
:not(.card-group) > .card img {max-height:180px; object-fit:cover;}

/* Footer */
.footer {background:#202020; color:#fff; border-radius:20px;}
.footer h6 {font-weight:600; font-size:20px;}
.app-stores img {width:160px; filter:grayscale(100%); opacity:0.8; display:block; margin-bottom:16px; transition:transform 0.3s ease-out, box-shadow 0.3s ease-out;}
.app-stores img:hover {filter:grayscale(100%); opacity:1; transform:translateY(-3px);}
.card-hover {transition:transform 0.3s ease-out, box-shadow 0.3s ease-out;}
.card-hover:hover {transform:translateY(-3px);}
.card-hover::after {content:''; position:absolute; width:100%; transform:scaleX(0); height:1px; bottom:0; left:0; background-color:var(--bs-warning); transition:transform 0.25s ease-out;}
.card-hover:hover::after {transform:scaleX(1);}
.card-hover::after {transform-origin:bottom center;}
.card-hover:hover::after {transform-origin:bottom center;}
.footer ul li a {font-size:14px; font-weight:500; color:#fff; text-decoration:none; margin-bottom:10px;}
.footer ul li a:hover {color:#fff;}
.newsletter-subscription input.form-control {font-size:14px;}
.newsletter-subscription button.btn.btn-warning {font-size:14px; color:#fff;}
.newsletter-subscription .text-subscription {font-size:11px;}
.footer-card-social img {display:block;}	
.footer-card-social {vertical-align:bottom!important; float:right; text-align:right; top:30%; position:relative;}
.copyright, .copyright a {font-size:12px; color:#000; text-decoration:none; font-weight:500; margin-right:5px; margin-left:5px;}
.copyright, .copyright a:hover {color:#000;}

@media (max-width:576px) { 
    .d-xs-none {display:none!important;}
    img.splash-logo{width:80%; height:auto;}
}
@media screen and (min-width:320px) and (max-width:379px) { .top-search-field .form-control {max-width:140px; margin-right:7px;} }
@media screen and (min-width:380px) and (max-width:440px) { .top-search-field .form-control {max-width:175px;} }

/***nav foot**/
@media (min-width:992px) { .nav-foot {display:none!important;} }
@media (max-width:991px) {
    .nav-foot {background-color:#f9faff; border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); width:100%; height:4rem; align-items:flex-end; position:fixed; bottom:0; left:0; z-index:2;}
	.nav-foot .nav-link:hover, .nav-foot .nav-link.active {color:var(--bs-warning);}
    .nav-foot > li {width:20%;}
    .nav-foot .nav-link {font-size:0.75rem; letter-spacing:0.015rem; line-height:0.975rem; color:#333; padding-bottom:4px;}
    .nav-foot .nav-link > img {width:1.25rem; height:1.25rem; fill:none; filter:none;}
}

/*** Search modal **/
.search-wrapper {max-width:100%; margin:auto;}
.search-bar {border-radius:15px; font-size:14px; text-decoration:none; font-weight:500; color:var(--bs-gray); padding:2px 12px 2px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);}
.search-bar .search-icon, .close-icon {margin-top:6px;}
.search-bar input.form-control {background:transparent; box-shadow:none;}
.search-bar input.form-control:focus, .search-bar input.form-control:focus-visible, .top-search-field .form-control:focus, .top-search-field .form-control:focus-visible {box-shadow:none; outline:none;}
.search-icon, .close-icon {font-size:18px; cursor:pointer;}
.section-title {font-weight:bold; font-size:17px; margin-bottom:19px;}
.categories .cat-icon {font-size:28px;}
.recent-search li {display:flex; justify-content:space-between; padding:8px 0; font-size:15px;}
.recent-search li a small {color:#222; font-weight:500; padding-left:7px; font-size:14px; transition:all 0.2s ease-out;}
.recent-search li a:hover small {transition:all 0.2s ease-in; color:var(--bs-warning);}
.recent-search li .fa-clock-rotate-left {color:var(--bs-gray-400);}
.recent-search li span {background:#eee; width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; cursor:pointer;}
.offers-slider .card img {height:120px; object-fit:cover;}
.offers-slider a {text-decoration:none; color:#222;}
.custom-card h6 {font-size:14px; font-weight:600;}
.range-wrapper input[type="range"] {accent-color:var(--bs-warning)!important;}
.search-btn-bar {width:100%; padding:7px; background-color:#f9faff; position:fixed; bottom:0; left:0; z-index:100;}
.filter-btn {background:#2d2a72; color:#fff; border-radius:10px; padding:12px 40px; font-weight:600;}
.filter-btn:hover {color:#fff; background-color:var(--bs-warning); border-color:#fff;}

/* Range Wrapper Styling */
.range-wrapper {width:100%; margin:0 auto;}
.range-wrapper input[type="range"] {accent-color:orange!important;}

/* Main Slider Styling */
.custom-range {-webkit-appearance:none; appearance:none; width:100%; height:10px; background:transparent; outline:none; cursor:pointer;}

/* Chrome, Safari, Edge Track */
.custom-range::-webkit-slider-runnable-track {height:10px; border-radius:10px; background-color:#d3d3d3; background-image:linear-gradient(var(--bs-warning),var(--bs-warning)); background-size:var(--percent, 0%) 100%; background-repeat:no-repeat; transition:background-size 0.1s ease;}

/* Firefox Track */
.custom-range::-moz-range-track {height:10px; border-radius:10px; background-color:#d3d3d3; background-image:linear-gradient(var(--bs-warning),var(--bs-warning)); background-size:var(--percent, 0%) 100%; background-repeat:no-repeat;}

/* Chrome, Safari, Edge Thumb (Circle) */
.custom-range::-webkit-slider-thumb {-webkit-appearance:none; appearance:none; height:22px; width:22px; background:var(--bs-warning); border-radius:50%; border:3px solid var(--bs-white); margin-top:-6px; box-shadow:0 2px 4px rgba(var(--bs-black-rgb),0.2); cursor:pointer;}

/* Firefox Thumb (Circle) */
.custom-range::-moz-range-thumb {height:22px; width:22px; background:var(--bs-warning); border-radius:50%; border:3px solid var(--bs-white); box-shadow:0 2px 4px rgba(var(--bs-black-rgb),0.2); cursor:pointer;}

/* Filter Link */
.filter-link, .sort-select {text-decoration:none; font-weight:500; border-radius:10px; padding:14px 14px 9px; height:52px; color:var(--bs-dark); border:1px solid #c3c3c3;}
.filter-link:hover, .sort-select:hover {background-color:#f5f5f5; color:var(--bs-dark); border:1px solid #f5f5f5;}

/* Toggle */
.toggle-wrapper {background:var(--bs-warning); padding:6px; border-radius:20px; display:inline-flex; -webkit-box-shadow:0 0 19px -5px rgba(var(--bs-warning-rgb),0.49); box-shadow:0 0 19px -5px rgba(var(--bs-warning-rgb),0.49);}
.toggle-wrapper button {border:none; padding:8px 20px; border-radius:20px; background:transparent; font-weight:600;}
.toggle-wrapper .active {background:var(--bs-heading-color); color:#fff; border-radius:15px;}

/* Suggested Carousel */
.suggested-slider .item {}
.suggested-column {display:flex; flex-direction:column; gap:15px; padding-top:6px;}
.suggested-card {display:flex; align-items:center; gap:12px; background:#fff; margin:6px 0; padding:0;}
.suggested-card img {width:100px!important; height:100px; object-fit:cover; border-radius:14px;}
.owl-carousel .owl-item img + div {width:100%; overflow:hidden;}
a:hover .suggested-card h6 {color:var(--bs-warning); text-decoration:none; transition:color 0.3s ease;}
a.suggested-link, a.suggested-link h6 {transition:color 0.3s ease-out; text-decoration:none;}
a .suggested-card h6 {font-weight:bold; font-size:16px; text-align:left; margin-bottom:10px; color:var(--bs-body-color); text-decoration:none!important;}
.badge-offer {background:var(--bs-success); color:#fff; font-weight:500; padding:4px 12px; border-radius:20px; font-size:13px; text-align:left; float:inline-start;}
.location {font-size:13px; color:#777; font-weight:bold; text-align:left; margin-bottom:10px; text-decoration:none!important;}
.location .fa-location-dot {color:var(--bs-warning); margin-right:5px;}
.hidden {display:none;}

/* Business Accordion Premium */
.business-item {background:#fff; overflow:hidden; transition:all 0.3s ease;}
.business-item.active {background:#f3f3f3; box-shadow:0 4px 15px rgba(var(--bs-black-rgb),0.05);}
.business-item a {color:#222222;}
.business-item a h6 {transition:all 0.2s ease-out;}
.business-item a:hover h6 {color:var(--bs-warning); transition:all 0.2s ease-in;}
.business-item .arrow {width:40px; height:40px; border-radius:50%; transition:transform 0.3s ease; background-color:#ddd; display:flex; justify-content:center; align-items:center;}
.business-item.active .arrow {background-color:var(--bs-warning);  transform:rotate(90deg);}
.business-item .arrow svg {height:30px; width:30px; padding:1x 0 0 1px;}
.business-item.active .arrow svg {stroke:#fff;}
.business-item .arrow i {padding-top:1px; font-size:18px;}
.business-item.active .arrow i {color:#fff;}
.business-header {display:flex; justify-content:space-between; align-items:center; padding:15px 0; cursor:pointer;}
.business-header > :first-child {width:calc(100% - 3rem); overflow:hidden; text-decoration:none;}
.business-item.active .business-header {background:#f8f8f8; box-shadow:0 4px 15px rgba(var(--bs-black-rgb),0.05);}
.business-body {max-height:0; overflow:hidden; transition:max-height 0.35s ease; border-bottom:1px solid #e2e2e2!important;}
.business-item.active .business-body {max-height:600px;}
.business-item .card {background-color:transparent; padding:15px 0!important;}
.biz-img {width:120px; height:120px; object-fit:cover; border-radius:17%;}
.accordion-businesses {overflow:hidden; text-decoration:none;}
.accordion-businesses h6 {font-size:20px; font-weight:bold!important; margin-bottom:6px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;}
.accordion-businesses .location {margin-bottom:3px; font-size:15px; font-weight:600;}
.accordion-businesses .offers {font-weight:600; font-size:14px;}
.accordion-businesses .offers i {color:var(--bs-warning); font-size:14px; margin-right:4px;}

@media (max-width:520px) {
	.business-accordion .gap-3 {gap:0.8rem!important;}
	.business-accordion .biz-img {width:80px; height:80px;}
	.accordion-businesses h6 {font-size:17px!important;}
	.accordion-businesses .location {margin-top:5px;}
    .accordion-businesses .offers {margin-bottom:0;}
}
@media (max-width:424px) {
	.business-accordion .gap-3 {gap:0.5rem!important;}
	.business-accordion .biz-img {width:72px; height:72px; margin-top:-3px;}
	.accordion-businesses h6 {font-size:17px!important; margin-bottom:3px!important;}
	.accordion-businesses .location {margin-top:0;}
    .accordion-businesses .location, .accordion-businesses .offers {margin-bottom:0;}
}

/* Chips Style (Selected & Selectable) */
.offcanvas-header .btn-close {background-color:#eee; width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; cursor:pointer; color:#000; margin-top:-30px;}
.filter-tag input {display:none;}
.filter-tag label, .chip {padding:8px 24px; border-radius:50px; cursor:pointer; font-size:14px; background:#fff; transition:0.3s; display:inline-block; background-color:#fff; border:1px solid #c2c2c2;}

/* Active State */
.filter-tag input:checked + label {background-color:#f0f0f0; border:1px solid #c2c2c2;}

/* Top Selected Chips */
.chip {background-color:#f0f0f0; border:1px solid #c2c2c2;}

/*Clear All Button*/
.btn-clear-all {background:transparent; color:var(--bs-black); border-radius:10px; padding:12px 40px; border:0; min-width:70px;}
.btn-clear-all:hover {color:var(--bs-warning);}

@media (min-width:440px) and (max-width:520px) {
	.toggle-wrapper button {padding:8px 12px;}
	.toggle-wrapper {padding:5px; margin-right:6px;}
	.filter-link, .sort-select {padding:8px 12px 9px; height:41px;}
}
@media (min-width:320px) and (max-width:439px) {
	.filter-sort-bar {}
	.toggle-wrapper {margin-right:10px;}
}

/*QR Code page*/
#responseBox {display:none;}
.container.border-top.pt-5 {padding-top:1rem!important; border:none!important;}
#paymentForm {margin:0 auto; max-width:400px; min-width:296px;}
#paymentForm > .row[class*=gx] {--bs-gutter-x:0.5rem!important;}
#paymentForm .form-floating[class*=mb], #paymentForm .d-block[class*=mb] {margin-bottom:0.5rem!important;}
#paymentForm > .input-group[class*=my] {margin-top:0.5rem!important;}
@media (max-width:424px) {
    #paymentForm > .row[class*=gx] {--bs-gutter-x:0.25rem!important;}
    #paymentForm .form-floating[class*=mb], #paymentForm .d-block[class*=mb] {margin-bottom:0.25rem!important;}
    #paymentForm > .input-group[class*=my] {margin-top:0.4rem!important;}
}
.small-valid-thru {font-size:11px; color:#999;}
.btn.fs-3[type="submit"] {font-size:1.25rem!important;}

/*SMS Inbox Chat*/
.chat-area .message-area {height:100vh; overflow:hidden; padding:30px 0; background:#f3f3f3;}
.chat-area .profile-pic {width:48px; aspect-ratio:1; border:1px solid #ddd; border-radius:50%; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.chat-area .profile-pic img {width:100%; height:100%; object-fit:cover;}
.chat-area .msg-head .profile-pic {width:40px;}
.chat-area {position:relative; overflow:hidden; width:100%; height:100vh; min-height:calc(100% - 1rem); padding:0 12px; background-color:#fff; border-radius:0.3rem;}
.chat-area .chatlist {float:left; width:320px; height:100%; overflow:hidden; padding:5px 0 8px; outline:0;}
.chat-area .modal-content {border:none; border-radius:0; outline:0; height:100%;}
.chat-area .modal-dialog-scrollable {height:100%!important;}
.chat-area .chatbox .modal-body {background:#f1f1f1; border-right:1px solid #ccc; padding-top:20px;}
.chat-area .chatbox .modal-body .msg-body {}
.chat-area .chatbox {width:auto; overflow:hidden; height:100%; border-left:1px solid #ccc;}
.chat-area .chatbox .modal-dialog,
.chat-area .chatlist .modal-dialog {max-width:100%; margin:0;}
.chat-area .chatlist .chat-header .chat-top {display:flex; align-items:center;}
.chat-area .chatlist .chat-header .chat-top .logo {width:64px;}
.chat-area .chatlist .chat-header input[aria-label=search] {box-shadow:none;}
.chat-area .msg-search {display:flex; align-items:center; justify-content:space-between;}
.chat-area a.add img {height:36px;}
.chat-area .nav-tabs {border-bottom:1px solid #dee2e6; align-items:center; justify-content:space-between; flex-wrap:inherit;}
.chat-area .nav-tabs .nav-item,
.chat-area .nav-tabs .nav-link {width:100%;}
.chat-area .nav-tabs .nav-link {color:#180660; font-size:14px; font-weight:500; line-height:1.5; text-transform:capitalize; margin-top:5px; margin-bottom:-1px; background:0 0; border:1px solid transparent; border-top-left-radius:10px; border-top-right-radius:10px;}
.chat-area .nav-tabs .nav-item.show .nav-link,
.chat-area .nav-tabs .nav-link.active {color:#fff; background-color:#f93; border-color:transparent transparent #f93;}
.chat-area .nav-tabs .nav-link:focus,
.chat-area .nav-tabs .nav-link:hover {border-color:transparent transparent #f93; isolation:isolate;}
.chat-area .chat-list {padding:15px 0 0;}
.chat-area .chat-list a.d-flex {margin-bottom:15px; position:relative; text-decoration:none;}
.chat-area .chat-list .active {display:block; content:''; clear:both; position:absolute; bottom:3px; left:34px; height:12px; width:12px; background:var(--bs-teal); border-radius:50%; border:2px solid #fff;}
.chat-area .chat-list h3,
.chat-area .msg-head h3 {color:#222; line-height:1.13; margin-bottom:0;}
.chat-area .chat-list h3 {font-size:16px; font-weight:500; text-transform:capitalize;}
.chat-area .msg-head h3 {font-size:18px; font-weight:600;}
.chat-area .chat-list p,
.chat-area .msg-head p {color:rgba(0,0,0,0.5); font-size:13px; font-weight:400; line-height:1.5; text-transform:capitalize; margin-bottom:0;}
.chat-area .msg-head {padding:8px 0 7px 14px; border-bottom:1px solid #ccc;}
.chat-area .msg-head button.nav-link.dropdown-toggle {width:32px; aspect-ratio:1; border-radius:50%; font-size:21px;}
.chat-area .msg-head button.nav-link.dropdown-toggle[aria-expanded="true"] {background:#ddd;}
.chat-area .msg-head .dropdown-toggle::after {display:none;}
.chat-area .bubbles {display:flex; flex-direction:column; flex-wrap:nowrap; width:calc(100% - 1.8rem); margin:0 1rem 0.75rem 0.8rem; padding:0 0.5rem; filter:drop-shadow(0 1px 0.5px rgba(0,0,0,0.17));}
.chat-area .bubbles.incoming {align-items:flex-start;}
.chat-area .bubbles.outgoing {align-items:flex-end;}
.chat-area .bubbles li {position:relative; z-index:1; list-style:none; margin:2px 0; padding:6px 7px 8px 9px; width:fit-content; min-width:92px; max-width:60.72%; font-size:0.90625rem; letter-spacing:0.01rem; line-height:1.2rem; border-radius:8px; text-rendering:optimizeLegibility; word-wrap:break-word; white-space:normal;}
.chat-area .bubbles.incoming li {color:var(--bs-body-color);}
.chat-area .bubbles.outgoing li {color:var(--bs-primary);}
.chat-area .bubbles.incoming li,
.chat-area .bubbles.incoming li::before {background-color:var(--bs-white);}
.chat-area .bubbles.incoming li:first-child {border-top-left-radius:0;}
.chat-area .bubbles.outgoing li,
.chat-area .bubbles.outgoing li::before {background-color:#ddf;}
.chat-area .bubbles.outgoing li:first-child {border-top-right-radius:0;}
.chat-area .bubbles.incoming li:first-child::before,
.chat-area .bubbles.outgoing li:first-child::before {content:""; position:absolute; top:0; width:8px; height:12px;}
.chat-area .bubbles.incoming li:first-child::before {left:-7.5px; clip-path:polygon(100% 0, 0 0, 100% 100%);}
.chat-area .bubbles.outgoing li:first-child::before {right:-7.5px; clip-path:polygon(100% 0, 0 0, 0 100%);}
.chat-area .bubbles li .time {position:relative; top:8px; float:right; padding-left:6px; color:rgba(0,0,0,0.5); font-size:12px; text-transform:uppercase; line-height:15px;}
.chat-area .divider {position:relative; z-index:1; text-align:center;}
.chat-area .msg-body h6 {text-align:center; font-weight:normal; font-size:14px; line-height:1.5; color:#222; background:#fff; display:inline-block; padding:0 5px; margin-bottom:0;}
.chat-area .divider:after {display:block; content:''; clear:both; position:absolute; top:12px; left:0; border-top:1px solid #EBEBEB; width:100%; height:100%; z-index:-1;}
.chat-area .send-box {padding:15px 15px 8px; border-top:1px solid #ccc;}
.chat-area .send-box button i + span {margin-left:5px;}
.chat-area .send-box .attach {display:flex; align-items:center;}
.chat-area .button-wrapper {position:relative; width:100px; height:100px; text-align:center; margin:0 auto;}
.chat-area button:focus {outline:0;}
.chat-area .add-apoint {display:inline-block; margin-left:5px;}
.chat-area .add-apoint a {text-decoration:none; background:#F6F7FA; border-radius:8px; padding:8px; font-size:13px; font-weight:400; line-height:1.2; color:#343945;}
.chat-area .add-apoint a svg {margin-right:5px;}
.chat-area .closess i {display:none;}

@media (max-width:767px) {
    .chat-area .chatlist,
    .chat-area .chatbox {width:100%;}
    .chat-area .chatbox {position:absolute; left:1000px; right:0; background:#fff; transition:all 0.5s ease; border-left:none;}
    .chat-area .showbox {left:0!important; transition:all 0.5s ease; z-index:3;}
    .chat-area .chatlist .chat-header .chat-top .logo {margin:0; padding:0;}
    .chat-area .msg-head {padding-left:3px;}
    .chat-area .chatbox .modal-body {border:none;}
    .chat-area .bubbles {width:calc(100% - 0.5rem); margin:0 0.25rem 0.75rem 0.25rem;}
    .chat-area .send-box {padding:12px 12px 8px;}
    .chat-area .send-box button i + span {display:none;}
}
@media (max-width:640px) {
    .chat-area .bubbles li {max-width:92%;}
}

/* SOCIAL FEED */
.feed-social {background:#F2F4F7;}
.feed-social > .container {max-width:1186px;}
.card-fill {
background:#fff;
padding:12px;
margin-bottom:16px;
border-radius:12px;
border:none;
box-shadow:0 1px 2px rgba(var(--bs-black-rgb),0.2);
}
.profile-card {margin-top:12px; padding:0;}
.cover-photo { height:270px; width:100%; border-radius:12px 12px 0 0; object-fit:cover; display:block; }

.profile-info-row {padding:0 20px 20px; position:relative;}
.avatar-wrap { margin-top:-58px; display:inline-block; }
.avatar-wrap img {width:112px; height:112px; border-radius:50%; object-fit:cover; border:5px solid #fff; box-shadow:0 1px 2px rgba(var(--bs-black-rgb),0.2); background:#fff;}
.profile-name {font-weight:700; font-size:24px; padding:2px 0;}
.profile-desc {font-size:14px;}
.profile-actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.btn-connect {--bs-btn-border-radius:var(--bs-border-radius-pill);}
.btn-connect.is-connect {background:#ddf; color:var(--bs-primary);}
.btn-icon-feed {width:38px; height:38px; padding:0; border-radius:50%; background:var(--icon-bg); border:1px solid #ddd; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#5c6270; font-size:24px; transition:0.2s;}
.btn-icon-feed:hover{ background:#e4e7ec; color:var(--text-dark); }
.profile-nav {margin:0 -20px; padding:0 36px; border-top:1px solid #eee;}
.profile-nav .nav-link {font-size:14px; font-weight:600; color:#777; padding:0.734375rem 0.75rem; border:none; border-bottom:2px solid transparent; border-radius:0; background:none;}
.profile-nav .nav-link.active {border-bottom:2px solid var(--bs-warning); background:none; }
.profile-nav .nav-link.active,
.profile-nav .nav-link:hover {color:var(--bs-primary);}

/* ===== Sidebar cards ===== */
.about-heading{ font-weight:700; font-size:16px; margin-bottom:14px; }
.about-text {font-size:14px; line-height:1.25;}

.info-list{ list-style:none; padding:0; margin:0; }
.info-list li{ display:flex; gap:14px; padding:13px 0; border-bottom:1px solid var(--border-soft); }
.info-list li:last-child{ border-bottom:none; padding-bottom:0; }
.info-list li:first-child{ padding-top:0; }
.info-list .info-icon{ width:20px; color:#7b818e; font-size:16px; margin-top:2px; flex-shrink:0; }
.info-list .info-title{ font-weight:600; font-size:14px; color:var(--text-dark); }
.info-list .info-sub{ color:var(--text-muted); font-size:13px; margin-top:2px; }

.photos-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.photos-header h6{ font-weight:700; margin:0; font-size:15px; }
.photos-header a{ color:var(--link-blue); font-size:13px; font-weight:600; }

.photo-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:16px; }
.photo-grid img{ width:100%; height:90px; object-fit:cover; border-radius:10px; cursor:pointer; transition:.2s; }
.photo-grid img:hover{ opacity:.85; }

.btn-more{
  width:100%; background:var(--icon-bg); border:none; border-radius:8px; padding:11px; color:#5c6270;
  font-weight:600; font-size:13.5px; display:flex; align-items:center; justify-content:center; gap:8px;
}
.btn-more:hover{ background:#e4e7ec; }


/* ===== Create Post ===== */
.create-post-card {padding-bottom:0;}
.create-post-label{ display:flex; align-items:center; gap:10px; color:var(--text-muted); font-weight:600; font-size:14.5px; margin-bottom:16px; }
.create-post-box{ border:1px solid var(--border-soft); border-radius:var(--radius-md); padding:0; display:flex; gap:12px; margin-bottom:8px; }
.create-post-box img, .post-head img, .comment-item img, .comment-write img { border:0.004rem solid rgba(0,0,0,0.3);}
.create-post-box img { width:34px; height:34px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.create-post-box textarea{ border:none; outline:none; resize:none; width:100%; min-height:56px; font-family:inherit; font-size:14px; color:var(--text-dark); }
.create-post-box textarea::placeholder {}
.create-post-actions {display:flex; align-items:center; flex-wrap:wrap; gap:26px; border-top:1px solid #eee;}
.cp-action {display:flex; align-items:center; gap:8px; background:none; border:none; color:#5c6270; font-weight:600; font-size:12px; padding:8px 0;}
.cp-action i{ font-size:16px; }
.cp-action.live i,
.cp-action.photo i,
.cp-action.feeling i {color:var(--bs-primary);}
.cp-more{ margin-left:auto; }

/* ===== Post Cards ===== */
.post-head{ display:flex; align-items:center; margin-bottom:14px; }
.post-head img{ width:44px; height:44px; border-radius:50%; object-fit:cover; margin-right:12px; }
.post-author{ font-weight:700; font-size:14.5px; color:var(--text-dark); }
.post-time{ color:var(--text-muted); font-size:12.5px; margin-top:1px; }

.post-text {font-size:14px; line-height:1.25; margin-bottom:12px; }
.post-text .see-more-link { font-weight:600; cursor:pointer; }
.post-text .more-hidden { display:none; }

.post-media-grid{ display:grid; gap:8px; margin-bottom:12px; border-radius:var(--radius-md); overflow:hidden; }
.post-media-grid.cols-3{ grid-template-columns:repeat(3,1fr); }
.post-media-grid img{ width:100%; height:210px; object-fit:cover; display:block; cursor:pointer; transition:.2s; }
.post-media-grid img:hover{ filter:brightness(0.94); }

.media-grid-2r{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:16px; border-radius:var(--radius-md); overflow:hidden; }
.media-grid-2r > img{ width:100%; height:230px; object-fit:cover; cursor:pointer; border-radius:10px; }
.media-grid-2r .bottom-row{ grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.media-grid-2r .bottom-row img{ width:100%; height:150px; object-fit:cover; cursor:pointer; border-radius:10px; }
.media-grid-2r .bottom-row .more-overlay{ position:relative; }
.media-grid-2r .bottom-row .more-overlay::after{
  content:"+2"; position:absolute; inset:0; background:rgba(20,20,30,0.55); color:#fff; font-weight:700;
  font-size:20px; display:flex; align-items:center; justify-content:center; border-radius:10px; pointer-events:none;
}

.post-video-wrap{ position:relative; border-radius:var(--radius-md); overflow:hidden; margin-bottom:16px; cursor:pointer; }
.post-video-wrap img{ width:100%; height:400px; object-fit:cover; display:block; }
.play-btn{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:64px; height:64px; border-radius:50%;
  background:rgba(255,255,255,0.35); backdrop-filter:blur(2px); display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:22px; transition:.2s;
}
.post-video-wrap:hover .play-btn{ background:rgba(255,255,255,0.5); transform:translate(-50%,-50%) scale(1.06); }

.post-footer { display:flex; align-items:center; padding:0 22px 0 4px; margin:0 -12px -12px; gap:0; border-top:1px solid #eee;}
.footer-stat { display:flex; align-items:center; gap:8px; padding:6px 12.5px; background:none; border:none; color:#5c6270; font-weight:600; font-size:12px; }
.footer-stat > i {font-size:20px;}
.footer-stat.share-stat { }
.like-icons { margin-left:auto; display:flex; align-items:center; }
.like-icons .ic { width:24px; aspect-ratio:1; margin-right:-8px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:11px; border:2px solid #fff; }
.like-icons .ic > i {font-size:12px;}
.like-icons .ic.thumb { background:#4a7dff; z-index:2;}
.like-icons .ic.love { background:#ff5c7c; z-index:1;}
.like-icons .ic.emoji img {width:100%; aspect-ratio:1;}
.footer-stat:hover { color:var(--text-dark); }
.footer-stat.liked-active { color:#ff5c7c; }

/* ===== Tab content placeholder ===== */
.tab-placeholder{ padding:60px 20px; text-align:center; color:var(--text-muted); }
.tab-placeholder i{ font-size:38px; color:#d7dae1; margin-bottom:14px; display:block; }

/* ===== Comments (Facebook style) ===== */
.comments-section{
  display:none;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #eee;
}
.comments-section.open{ display:block; }

.comment-write{ display:flex; gap:10px; margin-top:16px; }
.comment-write img{ width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.comment-input-wrap{ background:#F2F4F7; border:1px solid #e5e5e5; border-radius:20px; padding:0 6px 0 10px; display:flex; align-items:center; flex:1; }
.comment-input-wrap input{ border:none; background:none; outline:none; width:100%; font-size:14px; color:var(--text-dark); padding:0; }
.comment-input-wrap input::placeholder{ color:var(--text-light); }
.comment-send-btn{ background:none; border:none; color:var(--link-blue); font-size:15px; margin-left:6px; }

.comment-thread{ margin-bottom:12px; }
.comment-item{ display:flex; gap:10px; }
.comment-item img{ width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.comment-body{ flex:1; }
.comment-bubble{ background:var(--icon-bg); border-radius:14px; padding:0 4px; display:inline-block; max-width:100%; }
.comment-author{ font-weight:600; font-size:12.5px; line-height:1.25; color:var(--text-dark); padding:2px 0; }
.comment-author .comment-time {color:#666; font-size:11.5px; font-weight:normal; letter-spacing:0.5px;}
.comment-text{ font-size:14.5px; color:var(--text-dark); line-height:1.3; margin:0; }
.comment-meta{ display:flex; align-items:center; gap:24px; margin-top:1px; padding-left:6px; }
.comment-meta span, .comment-meta button{ font-size:12.5px; color:#666; font-weight:400; background:none; border:none; padding:0; }
.comment-meta button:hover{ color:var(--text-dark); }
.comment-meta .comment-like-btn {font-size:16px;}
.comment-meta .comment-like-btn.liked{ color:#4a7dff; }

.comment-replies{ margin-top:12px; margin-left:4px; }
.comment-replies .comment-item{ margin-bottom:12px; }
.comment-replies .comment-item img{ width:28px; height:28px; }

.reply-write{ display:flex; gap:10px; margin-top:12px; margin-left:44px; }
.reply-write img{ width:24px; height:24px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.reply-write .comment-input-wrap{ padding:7px 14px; }
.reply-write.d-none{ display:none !important; }

.view-replies-btn{
  margin-left:1px; margin-top:3px; background:none; border:none; color:var(--text-muted);
  font-weight:600; font-size:12.5px; display:flex; align-items:center; gap:6px;
}
.view-replies-btn:hover{ color:var(--text-dark); }
.view-replies-btn i{ font-size:10px; }

/* ===== Lightbox ===== */
.lightbox-overlay{
  position:fixed; inset:0; background:rgba(10,10,15,0.9); z-index:2000; display:none;
  align-items:center; justify-content:center; padding:30px;
}
.lightbox-overlay.open{ display:flex; }
.lightbox-overlay img{ max-width:90vw; max-height:88vh; border-radius:8px; box-shadow:0 10px 40px rgba(0,0,0,0.5); }
.lightbox-close{
  position:absolute; top:24px; right:28px; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.12);
  border:none; color:#fff; font-size:18px; display:flex; align-items:center; justify-content:center;
}
.lightbox-close:hover{ background:rgba(255,255,255,0.22); }

/* ===== Share modal ===== */
.share-option-btn{
  display:flex; flex-direction:column; align-items:center; gap:8px; background:none; border:none; width:100%; padding:10px 0;
  color:var(--text-dark); font-size:12.5px; font-weight:600;
}
.share-option-icon{
  width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px;
}
.share-copy-row{
  display:flex; align-items:center; gap:10px; background:var(--icon-bg); border-radius:10px; padding:10px 14px; margin-top:6px;
}
.share-copy-row input{ border:none; background:none; outline:none; flex:1; font-size:13px; color:var(--text-muted); }
.share-copy-row button{ background:var(--green); color:#fff; border:none; border-radius:7px; padding:7px 16px; font-size:12.5px; font-weight:600; }

@media (max-width: 991.98px){
  .cover-photo{ height:200px; }
}
@media (max-width: 767.98px){
  .profile-info-row {padding:0 16px 18px;}
  .profile-actions {margin-top:14px;}
  .profile-nav {overflow-x:auto; white-space:nowrap; flex-wrap:nowrap!important;}
  .side-card, .create-post-card, .post-card {}
  .post-media-grid img, .media-grid-2r > img, .media-grid-2r .bottom-row img {height:120px;}
  .post-video-wrap img {height:220px;}
  .cover-photo {height:150px;}
  .comment-replies, .reply-write, .view-replies-btn {margin-left:26px;}
}