/*Navbar*/
body.overlay-active {overflow: hidden;}
.overlay {position: fixed; top: 145px;left: 0; width: 100%; height: calc(100% - 145px);background-color: rgba(56, 57, 63, 0.6); z-index: 1050;display: none;}
.wrapper{display:flex; flex-direction:column; min-height:100vh;}
.navbar-header{height:5.5rem;}
.navbar-container{height:82px; width:100%; padding-top:8px; padding-bottom:8px;}
.navbar-logo-item{height:70px;}
.navbar-search-container{width:100%; max-width:500px;  position:relative;}
.navbar-search-container-responsive{position:relative;}
.navbar-item-search{width:100% !important; height:40px !important; border-radius:20px !important; background-color:#FFFFFF; border:none !important;}
.navbar-item-search:focus{border:none !important; outline:none; padding-left:42px;}
.navbar-item-search::placeholder{padding-left:42px;}
.navbar-item-search:focus:placeholder-shown{padding-left:0px;}
.navbar-search-icon{position:absolute; top:30%; left:16px;}
.navbar-icon-container{list-style:none; gap:32px;}
.navbar-icon-container-responsive {list-style:none; gap:16px;}
.navbar-icon-item{cursor:pointer;}
.navbar-icon-item:hover{color:var(--primary-active-color) !important;}
.navbar-button-item{display:flex; align-items:center; justify-content:center; background-color: var(--primary-active-color); border-radius:20px; padding: 8px 32px;}
.sub-menu{width:100%; height:62px; position:fixed; bottom:0px; left:0px; z-index:300; background-color:#F7F7F7; margin:0px !important; padding:8px 0px !important;}
.sub-menu li {display:inline-block; text-align:center; font-size:12px; height:100%; width:20%; float:left; overflow:visible;}
.sub-menu > li.active  > a > i {color:var(--primary-active-color) !important;}
.sub-menu > li.active  > a > span {color:var(--primary-active-color) !important;}
.sub-menu-advertise{display:grid; justify-content:center; position:relative;}
.sub-menu-advertise > span {position:absolute; transform:translate(-50%, 100%); width:100%;}
.sub-menu-advertise-container{height:48px; width:48px; border-radius:50%; padding:8px; background-color:var(--primary-active-color); position:absolute; top:-30px; left:50%; transform: translate(-50%, 0%);  display:flex; align-items:center; justify-content:center;}
.user-menu-header{border-bottom:1px solid #38393F99; width:100%; margin:0px; font-size:16px;}
.user-menu-ınfo{font-size:16px; font-weight:500; text-align:center;}
.user-menu-container{list-style:none; padding:0px; margin:0px;}
.user-menu-item{font-size:18px; border-bottom:1px solid #38393F99;}
.user-menu-item > a {color:var(--primary-text-color); font-weight:500;}
.user-menu-item > a :hover{color:var(--primary-active-color);}
.header-menu-list{display:flex; align-items:center; justify-content:space-between; padding:0px; margin:0px !important;}
.header-menu-list-item{display:inline-block; padding: 16px 0px; cursor:pointer;}
.header-mega-menu-container{position:absolute;left: 50%; transform: translateX(-50%);width: 100%;max-width: 1300px;background-color: #fff;padding:0rem 1rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 1100;  border-radius: 8px; display:none; margin-top:1rem;}
.small-menu-container{position:absolute;left: 50%; transform: translateX(-50%);width: 100%;max-width: 1300px;background-color: #fff;padding:0rem 1rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 1100;  border-radius: 8px;  margin-top:1rem; max-width:250px; padding-top:1rem;}
.mega-menu-list-item{padding-top:16px;}
.mega-menu-list-item > a:hover{color:var(--primary-active-color);}
.mega-menu-list-container{border-right:1px solid #F3F3F3;}
.mega-menu-list-container:last-child{border-right:none;}
.menu-arrow {width: 0;height: 0;border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--primary-active-color);position: absolute; top: -10px; z-index: 1001;}
.mega-menu-arrow {width: 0;height: 0;border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--primary-active-color);position: absolute; top: -10px; z-index: 1001;}
.main-page-container{border-top:2px solid var(--primary-bg-color);}
.agreement-content-container{height:500px; overflow:scroll;}
.border-bottom-1{border-bottom:2px solid #FFFFFF;}
@media (max-width: 1200px) {
    .navbar-header{height:8.75rem;}
    .navbar-search-container {display:none !important;}
    .navbar-icon-container{gap:16px;}
    .navbar-logo-item{height:48px;}
    .navbar-search-icon {left: 16px;}
    .navbar-login-text-container{display:none !important;} 
}

@media (min-width: 1201px) {
    .hamburger-menu-btn {display: none !important;}
    .navbar-search-container {display: flex !important;}
    .navbar-icon-container{gap:32px;}
}

@media (max-width: 768px) {
    .navbar-logo-item {height: 32px;}    
}

/*Navbar*/

/*Footer*/
.footer{width:100%;}
.footer-container{padding:32px 0px;}
.footer-list-header{font-size:24px; font-weight:500; color:var(--primary-text-color);}
.footer-list{list-style:none; padding: 8px 0px; }
.footer-list-item{font-size:14px; font-weight:500; color:var(--primary-text-color); padding-bottom:12px;}
.footer-icon-container{display:flex; align-items:center; justify-content:space-between; border-radius:2px; padding:8px; text-decoration:none; gap:8px; border:2px solid #B4B3B3;}
.footer-icon-question-container{background-color:var(--primary-active-color); border-radius:50%; display:flex; align-items:center; justify-content:center; height:38px; width:38px;}
.footer-login{min-height:3rem;}

@media (max-width: 768px) {
    .footer-image{height:30px;}
    .footer-image{font-size:24px;}  
    .footer-icon-container{gap:8px; padding:4px;}
}

@media (max-width: 1200px) {    
    .footer-container{padding:16px 16px;}
    .footer-image{height:32px;}
    .footer-icon-question-container{height:32px; width:32px;}
}

@media (min-width: 1201px) {
    .footer-image{height:38px;}
}




/*Footer*/


/*Login Pages*/
.login-page-container{padding:16px 0px;}
.login-container {border-radius: 4px;width: 528px;}
.login-navtab{list-style: none; display: flex; padding: 0px; margin: 0px;border-bottom: 2px solid #ddd; height: 56px; width: 528px;}
.login-navtab-item{padding: 8px 0px; cursor: pointer; position: relative; font-size: 24px; font-weight: 500; color:var(--primary-text-color); width:100%; text-align:center}
.login-navtab-item.active{border-bottom:4px solid var(--primary-active-color); color:var(--primary-active-color); margin-bottom: -2px;}
.user-phone-country-container{padding: 0.5rem; background-color: #F3F3F3; opacity:0.5; border-radius: 4px; display:flex; align-items:center}
.login-user-phone{border-radius: 4px; border:1px solid #B4B3B3; height: 50px;}
.login-user-phone::placeholder{color:#B4B3B3}
.login-user-password{border-radius:4px; border:1px solid #B4B3B3; height: 50px; padding-right: 16px;}
.login-user-password::placeholder{color:#B4B3B3;}
.password-container {position: relative;width: 100%;}
.close-password{position: absolute;right: 16px;top: 50%;transform: translateY(-50%);cursor: pointer;color: var(--primary-text-color);font-size: 14px;}
.login-remind-me-checkbox{border-radius:2px; border:1px solid #B4B3B3; }
.login-button{background-color:var(--primary-active-color); color:#FFFFFF; font-size:16px; font-weight:600; opacity:0.5; height:50px; border-radius:38px; display:flex; align-items:center; justify-content:center; border:none; width:100%;}
.login-with-arppha-container{border:1px solid #B4B3B3; border-radius: 38px; text-align: center; padding:12px; cursor: pointer; text-decoration: none; color: var(--primary-text-color);}
.arppha-logo{width: 80px; height:28px; background-image: url('../images/arppha-orginal.png');background-size: contain;background-repeat: no-repeat;background-position: center;margin: 0 auto;}
.login-with-arppha-container:hover .arppha-logo {background-image: url('../images/arppha-green.png');}
.login-with-arppha-container:hover .arppha-text{color:var(--primary-active-color);}
.password-checklist-item{font-size:14px; font-weight: 600; color: var(--primary-text-color);}
.confirm-password-help{font-size:12px; font-weight:500; color:var(--primary-danger-color);}
.login-border{border-bottom:2px solid #F3F3F3; width:100%; height:2px;}

/* Telefonlar ve küçük cihazlar (320px - 480px) */
@media (max-width: 480px) {
    .login-container {width: 100%;}  
    .login-navtab {width: 100%;height: auto;text-align: center;}  
    .login-navtab-item {width: 100%; font-size: 20px;}  
    .content-container {padding: 0 10px;}  
    .user-phone-country-container {font-size: 14px;}  
    .login-user-phone, .login-user-password {height: 45px;}  
    .password-checklist-item {font-size: 12px;} 
    .login-button {height: 45px;} 
    .arppha-logo {width: 60px;}    
    .login-with-arppha-container{padding:6px;}
  }
  
/* Tablet ve orta boyutlu cihazlar (481px - 768px) */
@media (max-width: 1024px) {
  .login-container {width: 90%;}  
  .login-navtab {width: 100%;}  
  .content-container {padding: 0 20px;}  
  .user-phone-country-container {font-size: 15px;} 
  .login-user-phone, .login-user-password {height: 36px;}  
  .login-button {height: 48px;}
  .login-page-container{min-height:calc(100vh - 14.25rem);}
}

/* Büyük ekranlar ve laptoplar (768px ve üzeri) */
@media (min-width: 1025px) {
  .login-container {width: 528px;}  
  .login-navtab {height: 56px;}    
  .user-phone-country-container {font-size: 16px;}
  .login-page-container{min-height:calc(100vh - 10rem);}
}
/*Login Pages*/

/*Custom Dropdown*/

.custom-dropdown{position:relative; display:inline-block;}
.custom-dropdown-menu {display: none;position: absolute;background-color: #FFFFFF;min-width: 250px;box-shadow: 0px 0px 16px #00000029;z-index: 999;border: 1px solid var(--primary-active-color);border-radius: 4px;margin-top: 15px;right: 0;top:calc(100% - 10%); padding:0px !important}
.custom-dropdown-menu::before {content: '';position: absolute;top: -12px;right: 14px;border-width: 0 12px 12px 12px;border-style: solid;border-color: transparent transparent var(--primary-active-color) transparent;display: block;width: 0;z-index: 1;}
.custom-dropdown-menu::after {content: '';position: absolute;top: -10px;right: 16px;border-width: 0 10px 10px 10px;border-style: solid;border-color: transparent transparent #FFFFFF transparent;display: block;width: 0;z-index: 1;}
.custom-dropdown-item{padding:12px; text-decoration:none; display:block; font-size:14px; }
.custom-dropdown-item:hover{color:var(--primary-active-color);}
.custom-dropdown-item > a:hover{color:var(--primary-active-color) !important;}
/*.custom-dropdown:hover .custom-dropdown-menu{display:block;}
*/
/*Custom Dropdown*/

/*User Page*/
.user-menu{display:block;}
.user-menu-detail-header{padding: 8px 0px; border-bottom:2px solid #F3F3F3; font-size:16px; font-weight:600; color:var(--primary-text-color); }
.user-menu-detail-list{list-style:none;}
.user-menu-detail-list-item{padding:8px 0px; font-size:14px; font-weight:500; cursor:pointer; border-bottom:1px solid #F3F3F3;}
.user-menu-detail-list-item:hover {color: var(--primary-active-color) !important;}
.user-menu-detail-list-item > a:hover {color: var(--primary-active-color) !important;}
.user-detail-header{padding:0.5rem 1rem;  font-size:24px; font-weight:600; width:100%; border-radius:8px; background-color:var(--primary-bg-color); display:flex; align-items:center;}
.user-detail-sub-header{font-size:18px; font-weight:600;}
.user-info-container{padding:1rem; border:1px solid #F3F3F3; border-radius:8px; margin-top:1rem;}
.close-account-container{display:flex; padding:16px 0px; justify-content:center; align-items:center; border-top:1px solid var(--primary-bg-color);}
.close-account-reason-container{display:none;}
.close-account-reason-list-container{list-style:disc;}
.close-account-reason-list-item{font-size:16px; font-weight:500; color:var(--primary-text-color);}
.user-menu-detail-list-item.text-active{font-weight:600;}
.user-menu-detail-list-item > a.text-active{font-weight:600;}
@media (max-width: 1024px) {
    .user-menu{display:none;}
}
/*User Page*/

/*Company Page*/
.company-isapproved-check-container{padding:1rem; margin-top:1.5rem; background-color:var(--primary-bg-color); }
.store-logo-container{height:160px; width:160px; border-radius:50%; border:1px dashed #B4B3B3; background-color:var(--primary-bg-color); display:grid; align-items:center; justify-content:center; position:relative}
.company-image-control-container{display: flex; position: absolute;top: -8px;right: 16px;}
.company-image-control-icon-container{height: 24px; width: 24px;border-radius: 50%;box-shadow: 0px 0px 8px #00000029;display: flex; align-items: center;justify-content: center; background-color:#FFFFFF; margin-left:.5rem; cursor:pointer;}
.company-store-image{width:160px; height:160px; object-fit:cover; border-radius:50%;}
.add-company-logo-btn{display:flex; align-items:center; justify-content:center; padding:8px 28px; margin-top:-50px; border-radius:38px; font-size:14px; font-weight:600; background-color:var(--primary-active-color); color:#FFFFFF; cursor:pointer;box-shadow: 0px 0px 8px #00000029;}
/*Company Page*/

/*Post Ad*/
.post-ad-title-container{margin:24px 0px; padding:1rem; background-color:var(--primary-bg-color); border-radius:8px;}
.post-ad-section-step-container{display:flex; align-items:center; justify-content:center; padding:1.5rem;}
.section-step-item-container{display:block; position:relative;}
.section-step-item{width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#B4B3B3; background-color:var(--primary-bg-color);}
.section-step-item.active{border:2px solid var(--primary-active-color); color:var(--primary-active-color);}
.section-step-item.succsess{background-color:var(--primary-active-color); color:#FFFFFF;}
.section-step-item-label{color:#B4B3B3; font-size:16px; font-weight:500; position:absolute; width:max-content; transform:translate( calc(-50%), 10px); top:100%; right:50%; left:50%; bottom:50%;}
.section-step-item-label.active{font-weight:600;}
.section-step-break-hyphen{height:2px; background-color:var(--primary-bg-color); width:100%;}
.section-step-break-hyphen.active{background-color:var(--primary-active-color);}
.post-ad-category-searchbox{width:100%; height:40px; border-radius:20px!important; background-color:var(--primary-bg-color); border:none !important;}
.post-ad-category-searchbox:focus{border:none !important; outline:none; padding-left:42px;}
.post-ad-category-searchbox::placeholder{padding-left:42px;}
.post-ad-category-searchbox:focus:placeholder-shown{padding-left:0px;}
.post-ad-category-search-icon{position:absolute; top:30%; left:16px;}
.post-ad-category-searchbox-container{width:100%; position:relative;}
.post-ad-border{border:1px solid #F3F3F3; width:100%;}
.post-ad-category-card-container {display: grid;grid-template-columns: repeat(5, 1fr);gap: 24px; margin-bottom:8px;}
.post-ad-category-card-item {border-radius:8px; background-color:var(--primary-bg-color); box-shadow: 0px 0px 8px #00000029; cursor:pointer; max-width:250px; width:100%;}
.post-ad-category-card-item:hover {color:var(--primary-active-color);}
.category-image-container{height:180px;}
.category-image-container > img{border-radius:8px 8px 0px 0px;}
.category-title-container{display:flex; align-items:center; justify-content:center; padding:0.5rem 1rem; border-radius:0px 0px 8px 8px; font-size:16px; font-weight:500; background-color:#FFFFFF;}
.post-ad-category-card-item.active > .category-title-container{ color:#FFFFFF;background-color:var(--primary-active-color);}
.category-detail-container{width:100%; background-color:var(--primary-bg-color); border-radius:8px; padding:1rem; margin:1.5rem 0rem; display:none;}
.category-search-container{position:sticky; top:0px;}
.category-search{height:36px!important}
.input-group-text{border:none !important; outline:none;}
.upper-category-container{background-color:#FFFFFF; border-radius:4px; max-width:290px; width:100%; max-height:360px; overflow-y:auto; width:100%; min-height:360px;}
.upper-category-list-container{list-style:none; padding:0px !important;}
.upper-category-list-item{padding:0.5rem; font-size:14px; font-weight:500;cursor:pointer;}
.upper-category-list-item.active{background-color:var(--primary-active-color); color:#FFFFFF;}
@media (max-width: 1024px ) {
    .post-ad-category-searchbox-container{margin-top:60px;}
    .post-ad-section-step-container{padding:0px;}
    .section-step-item{height:36px; width:36px}
    .section-step-item-label{font-size:14px; width:fit-content;}
}

@media (max-width: 480px) {
    .post-ad-category-searchbox-container{margin-top:60px;}
    .post-ad-section-step-container{padding:0px;}
    .section-step-item{height:30px; width:30px}
    .section-step-item-label{font-size:12px; width:fit-content;}
}

.ad-post-detail-container{padding:1rem; border:1px solid #F3F3F3; border-radius:8px; margin-top:1rem;}
.post-ad-next-btn{display:flex; align-items:center; justify-content:center; padding:8px 24px; border-radius:38px; background-color:var(--primary-active-color); color:#FFFFFF; font-size:14px; font-weight:500; cursor:pointer; box-shadow: 0px 0px 8px #00000029; min-width:130px;}
.post-ad-prev-btn{display:flex; align-items:center; justify-content:center; padding:8px 24px; border-radius:38px; background-color:#FFFFFF; color:var(--primary-text-color); font-size:14px; font-weight:500; cursor:pointer; box-shadow: 0px 0px 8px #00000029; min-width:130px;}
.post-ad-info-container{padding:1rem; border:1px solid #F3F3F3; border-radius:8px; margin-top:1rem;}
.ad-details-container{display:none;}
.upload-photo-button-container{background-color:var(--primary-active-color); color:#FFFFFF; padding:8px 32px; font-size:14px;box-shadow: 0px 0px 8px #00000029; border-radius:38px;}
.post-ad-photo-container{display:none;}
.ad-post-upload-image-container{position:relative;}
.custom-thumbnail{max-height:210px; height:100%; width:100%;}
.trash-container {height: 24px;width: 24px;background-color: #FFFFFF;border-radius: 50%;position: absolute;top: 8px;right: 8px;text-align: center; cursor: pointer;}
.post-ad-preview-container{display:none;}
.post-ad-upgrade-container{display:none;}
.post-ad-container{display:none;}
.preview-image-list-item{height:90px;}
.preview-image-container{height:640px; position:relative;}
.favorite-listing-container{position:absolute; top:16px; right:16px; background-color:#FFFFFF; display:flex; align-items:center; justify-content:center; padding:13px; border-radius:50%;}
.preview-company-container{border-radius:8px; background-color:var(--primary-bg-color); padding:1rem;}
.saler-all-listing-btn{border-radius:38px; padding-top:8px; padding-bottom:8px; width:100%; background-color:#FFFFFF;display:flex; align-items:center; justify-content:center;}
.saler-all-listing-btn:hover{color:var(--primary-active-color);}
.company-phone-container{border:1px solid #B4B3B3; padding:24px 16px; background-color:#FFFFFF; border-radius:8px;}
.send-message-btn{cursor:pointer; border-radius:25px; color:white; background-color:var(--primary-active-color); width:100%; padding-bottom:12px; padding-top:12px; display:flex; align-items:center; justify-content:center;}
.preview-listing-info-row{border-bottom:1px solid #F3F3F3;}
.preview-image-list-item{border:1px solid #B4B3B3; position:relative;}
.nav-custom-underline{border-bottom:2px solid #F3F3F3;}
.custom-nav-link{color:#B4B3B3; font-size:24px;}
.custom-nav-link:hover{color:#B4B3B3;}
.custom-nav-link.active{border-bottom:4px solid var(--primary-active-color); color:var(--primary-active-color); }
.upgrade-card{border-radius:4px; border:1px solid #B4B3B3;}
.upgrade-info-container{border-radius:4px;}
.upgrade-info-list-container{margin-top:16px !important;}
.payment-info-row {margin: 0px !important; padding-bottom:8px; border-bottom:1px solid #F3F3F3;}
.payment-info-row > .col-md-3{padding:0px !important;}
.invoice-info-container{padding:16px; border-radius:4px;}
.payment-information-container{border-radius:4px;}
.add-listing-border-bottom{border-bottom:1px solid #B4B3B3;}
.add-listing-border-radius{border-radius:4px;}
.add-listing-button{width:100%; padding:8px 0px; border-radius:38px; background-color:var(--primary-active-color); outline:none; border:none; color:#FFFFFF; height:50px;}
.continue-cancel-btn{border-radius:38px; width:160px; padding:8px 0px; display:flex; align-items:center; justify-content:center; background-color:#FFFFFF; box-shadow: 0px 0px 8px #00000029; border:none;}
.continue-add-listing-btn{border-radius:38px; width:160px; padding:8px 0px; display:flex; align-items:center; justify-content:center; background-color:var(--primary-active-color); color:#FFFFFF; box-shadow: 0px 0px 8px #00000029; border:none}
.update-company-adress-btn{position:absolute; right:0px; top:-50px; font-weight:600;}
.invoice-container{position:relative;}
.credit-card-pan-container{position:relative;}
.credit-card-icon-container{position:absolute; top:45px; right:16px;}
.creditcard-card{border:1px solid #B4B3B3; border-radius:4px; height:100%;}
.another-cards-container{display:none;}
/*Post Ad*/
/*My Credit Cards*/
.user-credit-card-container {padding: 1rem;border-radius: 4px;border: 1px solid #B4B3B3;}
.credit-card-trash-container{display:flex; align-items:center; justify-content:center; height:24px; width:24px;box-shadow: 0px 0px 8px #00000029; border-radius:50%; cursor:pointer;}
/*My Credit Cards*/
/*My Listing*/
.company-listing-button-container{display:flex; gap:16px; align-items:center;}
.company-listing-image-container{width:100px; height:100px; border:1px solid #B4B3B3; display:flex;}
/*My Listing*/
/*Payment Verified*/
.payment-verify-container{background-color:#FFFFFF; padding:1rem; border-radius:8px;}
.payment-verify-icon-container {height: 80px;width: 80px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.payment-verify-text-container{text-align:center; width:600px;}
/*MainPage*/
.main-carousel{background-color:#DEF2D8}
.highlights-container{border-radius:8px;background: linear-gradient(180deg, #B11F29 0%, #D8505E 38%, rgba(255, 255, 255, 0) 100%); padding:1rem;}
.highlights-header{display:flex; align-items:center; justify-content:space-between;}
.header-button{display:flex; align-items:center; justify-content:center;box-shadow: 0px 0px 8px #00000029; border-radius:38px; padding:8px 32px; background-color:#FFFFFF; cursor:pointer;}
.owl-item{background-color:#FFFFFF;height:440px;border-radius:8px; cursor:pointer;}
.owl-item-image-container{border-radius:8px;}
.owl-item-image-container > img {border-top-left-radius:8px; border-top-right-radius:8px;}
.highlights-item{width:290px;box-shadow: 0px 0px 8px #00000029; border-radius: 8px; height:100%;}
.highlights-item-container{margin-top:1.5rem;}
.owl-stage {margin-right: -20% !important;padding:0px !important;}
.owl-nav .owl-prev, .owl-nav .owl-next {background: #333;color: white;padding: 10px 15px;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.owl-nav .owl-prev {left: -40px;}
.owl-nav .owl-next {right: -40px;}
.category-type-listing-container{border-radius:8px;background: linear-gradient(180deg, var(--primary-bg-color) 0%, #F9F9F984 40%, #FFFFFF00 100%); padding:1rem;}
.small-menu-list-item:hover > a {color:var(--primary-active-color);}
/*Listing Page*/
/*Category Showcase*/
.category-type-showcase-category-type{padding-left:0px; margin-top:24px; position:sticky; height:100vh; overflow-y:auto;}
.category-type-showcase-header{font-size:16px; font-weight:700; margin-bottom:16px;}
.category-type-showcase-subheader{font-size:16px; font-weight:600; border-bottom:2px solid #F3F3F3; padding-bottom:8px;}
.highlights-category-list-item{padding:8px 0px; border-bottom:1px solid #F3F3F3;}
.highlights-category-list-item > a:hover{color:var(--primary-active-color);}
.highlights-header > a :hover{color:var(--primary-active-color);}
/*Favorite List*/
.favorite-listing-header{font-size:24px; font-weight:700;}
.add-favorite-list-btn{display:flex; align-items:center; justify-content:center; padding:8px 32px; cursor:pointer; border-radius:38px; background-color:var(--primary-active-color);}
.favorite-listing-list{padding:1rem; border:1px solid #B4B3B3; border-radius:4px;}
.favorite-listing-buttton-container{display:flex; align-items:center; justify-content:space-between;}
.favorite-listing-list-btn{cursor:pointer; box-shadow: 0px 0px 8px #00000029; padding:8px 32px; display:flex; align-items:center; justify-content:center; border-radius:38px; }
.favorite-listing-list-btn:hover > a{color:var(--primary-text-color);}
.favorite-listing-lists-container{padding:1rem 0rem; min-height:102px; display:flex; align-items:center; gap:8px;}
.favorite-listing-delete-btn{cursor:pointer;}
.favorite-listing-update-btn{cursor:pointer;}
.item-container{border-radius:8px; box-shadow: 0px 0px 8px #00000029;}
.favorite-listing-col{position:relative;}
.mainpage-showcase-listing-col{position:relative;}
.favorite-listing-col > .listing-favorite-container{right:16px !important; top:16px !important;}
.mainpage-showcase-listing-col > .listing-favorite-container{right:36px !important; top:16px !important;}
.item-container:hover{color:var(--primary-text-color);}
.favorite-listing-item{border-radius:8px; box-shadow: 0px 0px 8px #00000029;}
.favorite-listing-delete-btn-container{position:absolute; top:16px; right:16px; height:36px; width:36px; display:flex; align-items:center; justify-content:center; background-color:#FFFFFF; border-radius:50%; cursor:pointer;}
.favorite-listing-delete-btn-container:hover > i {color:var(--primary-active-color);}
.listing-favorite-container {position: absolute;background-color: white;height: 36px;width: 36px;display: flex;align-items: center; justify-content: center;top: 8px;right: 8px; border-radius: 50%; cursor:pointer;}
.new-favorite-listing-list-container{display:none; width:100%;}
.new-favorite-listing-list-btn{display: flex;align-items: center;padding: 8px;border: 1px solid var(--primary-active-color);background-color: var(--primary-active-color); border-radius: 0px 4px 4px 0px; color: white;}
/*Cateory Listing*/
.category-filter-btn{display:flex; align-items:center; justify-content:center; border-radius:20px; box-shadow: 0px 0px 16px #00000029; padding:8px; background-color:#FFFFFF; cursor:pointer;}
.category-highlights-container{padding-top:24px; padding-bottom:24px;}
.category-listing-filter-container{padding:1rem !important; display:flex; align-items:center; position:sticky; background-color:#FFFFFF;z-index:99; top:0px;}
.category-listing-filter-container.is-sticky {box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);}
.category-filters{gap:1rem;}
.category-listing-row{ margin-top:0px; }
.choose-favorite-listing-list-container{cursor:pointer;}
.choose-favorite-listing-list-container > div > i {color:#B4B3B3;}
.choose-favorite-listing-list-container:hover > div > i {color:var(--primary-soft-text-color);}
.favorite-listing-list-item{border-top:1px solid #F3F3F3; border-top:1px solid #F3F3F3; cursor:pointer;}
.favorite-listing-list-item:hover > .choose-favorite-listing-list-container > div{color:var(--primary-active-color);}
.filter-header{position:relative; display:flex; align-items:center; justify-content:space-between; padding:32px !important; padding-bottom:0px !important;}
.filter-body{padding-top:0px !important; padding-left:32px !important; padding-right:32px !important; padding-bottom:32px !important; position:relative; height:100vh; overflow:hidden;}
#filterDetailContainer{height:100%; overflow-y:scroll;}
.clear-filter-btn{cursor: pointer;}
.clear-filter-btn:hover{color:var(--primary-active-color) !important;}
.clear-filter :hover{color:var(--primary-text-color);}
.close-filter-btn{position: absolute; display:flex; align-items:center; justify-content:center; height:36px; width:36px; background-color:white; border-radius:50%; right:-52px;}
.filter-search-btn{cursor:pointer; display:flex; align-items:center; justify-content:center; padding:8px 32px; border-radius:38px; background-color:var(--primary-active-color); color:#FFFFFF; width:100%;}
.filter-search-container{position:sticky; bottom:0px; z-index:999; background-color:#FFFFFF; padding:16px 32px;}
.filter-detail-header{font-size:16px; font-weight:600; margin-bottom:8px;}
.filter-reverse-btn{background-color:#F3F3F3; border-radius:38px; padding:0.5rem 1rem; cursor:pointer;}
/*Message*/
.message-filter-container{position:relative; margin-top:24px; padding:0px !important;}
.chat-list-item{background-color:#FFFFFF; border-radius:4px; cursor:pointer; padding:1rem; margin-bottom:1rem;}
.chat-list-item.active{background-color:#DEF2D8}
.chat-detail-container{background-color:#FFFFFF; border-radius:8px;}
.chat-detail-header-container{padding:0.5rem 1rem; border-bottom:1px solid #F3F3F3 !important; position:sticky; top:0px; background-color:#FFFFFF; z-index:99; border-radius:4px 4px 0px 0px;}
.chat-detail-body-container{height:540px; overflow-y:scroll;}
.chat-detail-text-container{height:455px; overflow-y:scroll;}
.chat-list-container{min-height:550px; max-height:550px; overflow-y:scroll; padding-bottom:16px;}
.chat-detail-container{min-height:532px; max-height:532px;}
.chat-content-container-left {padding-top:10px; padding-left:20px; display:block; width:100%; }
.chat-content-container-right{position:relative; width:100%; padding-right:20px; display:flex; justify-content:end; padding-top:16px;}
.chat-content-container-left > .message{background-color:#DEF2D8; border-radius: 0px 16px 16px 16px; padding:0.5rem; padding-bottom:1rem; min-width:100px; max-width:40%; width:fit-content;}
.chat-content-container-right > .message{background: linear-gradient(254deg, #A8CF02 0%, #80BB0E 28%, #5EA918 100%) no-repeat padding-box; border-radius: 16px 0px 16px 16px; max-width:40%; width:fit-content; min-width:100px; padding:0.5rem;}
.send-message-container .form-group .input-group .input-group-text {background-color:var(--primary-active-color); color:white;}
.chat-detail-icon-dropdown-container{color:var(--primary-active-color); cursor:pointer; display:flex; align-items:end; justify-content:center; height:36px; width:36px;}
.chat-message-send-container{position:sticky; bottom:0px; background-color:#FFFFFF; padding:1rem; border-radius:0px 0px 4px 4px;}
#sendMessageFormBtn{background-color:var(--primary-active-color); color:#FFFFFF; border:none;}
.chat-detail-icon-dropdown-container ~.dropdown-menu{padding:1rem 0.5rem; border:1px solid var(--primary-active-color);box-shadow: 0px 0px 16px #00000029;}
.chat-dropdown-item{padding:0px; padding-bottom:1rem; font-size:14px; cursor:pointer;}
.chat-dropdown-item:last-child{padding-bottom:0px;}
.chat-dropdown-item:hover{background-color:transparent; color:var(--primary-active-color);}
.reverse-chat-block-container{padding-top:1rem; border-top:1px solid #B4B3B3; display:flex; align-items:center; justify-content:center; margin-top:32px; margin-bottom:32px;}
.message-error-container{max-height:550px; min-height:550px; padding:16px; display:flow; align-items:center; justify-content:center; background-color:#FFFFFF;}
/*Notification*/
.notification-container{z-index:999; display:none; box-shadow: 0px 0px 16px #00000029; max-width: 250px; width:100%;  position:absolute; background-color:#F3F3F3; border-radius:4px; border:1px solid var(--primary-active-color); transform:translate(-210px, 10px);}
.notification-container:before{content: ''; position: absolute;top: -12px;right: 14px; border-width: 0 12px 12px 12px;border-style: solid; border-color: transparent transparent var(--primary-active-color) transparent;display: block;width: 0; z-index: 1;}
.notification-container::after {content: '';position: absolute;top: -10px;right: 16px;border-width: 0 10px 10px 10px;border-style: solid;border-color: transparent transparent #FFFFFF transparent;display: block;width: 0;z-index: 1;}
.notification-header-container{padding:0.5rem 0.5rem; background-color:#FFFFFF;}
.notification-icon-container{background-color:#FFFFFF; color:var(--primary-active-color); height:28px; width:28px; display:flex; align-items:center; justify-content:center; border-radius:50%;}
.notification-item:hover{color:var(--primary-active-color);}
.notification-item > div{padding:0.5rem;}
.notifications-unseen-container{position:relative;}
.notification-unseen-count {position: absolute;background-color: var(--primary-active-color);height: 16px;width: 16px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 12px;left: 16px;top: -12px;}
/*Store*/
.store-header-container{padding:1rem; background-color:#DEF2D8; margin-top:2rem; min-height:125px; max-height:125px;}
.store-header-image-container{display:flex; align-items:center; justify-content:space-between; position:relative;}
.store-header-image{background-color:#F3F3F3; border:5px solid #FFFFFF; border-radius:50%; position:absolute; top:-36px;}
.store-img{border-radius:50%; object-fit:cover;}
.store-header-container{display:flex; align-items:end; justify-content:space-between;}
.store-header-image-container{min-width:120px; max-width:120px;}
.store-info-card{border:1px solid #F3F3F3; border-radius:4px; padding:1rem 1.5rem;}
.store-info-card-icon-container{display:flex; align-items:center; justify-content:center; height:40px; width:40px; border-radius:50%; background-color:#DEF2D8; margin-right:16px;}
.icon-container{height:24px; width:24px; border-radius:50%; margin-right:8px; }