< type="text/css">
.cat-info-section .city-interested-btn{display: none;}.cat-info-section .city-not-interested-btn{display: block;}
.display_noevents{background: #F5FAFF;align-items: center;display: flex;gap: 30px;justify-content: left;width: fit-content;border-radius: 4.5px;padding: 20px 60px;}
.feedback .h3,.feedback .h4{font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;color:#2e363f;margin-bottom:10px;display:block; font-weight:600;}.feedback .h3{font-size:20px}.feedback .h4{font-size:16px}
.head-label{
text-align: left;
margin-bottom: 36px;
padding: 0 15px;
}
.e-more {
text-align: center;
}
.head-1#add_city_categories_section .head-label{
margin:0px;
}
.events-by-dates .head-label#add_city_categories_section {
padding: 0px !important;
}
@media (max-width: 767px){
.display_noevents{margin: 0 20px;padding: 20px 15px;gap: 15px;}
.container .heading-body {padding: 0 20px !important;}
.discussion-forum-section {padding: 0 10px;}
}
.bottom-checkout-section{text-align: left;padding: 20px;border-radius: 4px;
border: 1px solid var(--gray-200#F0F0F0);}
.bottom-checkout-section ul{columns: 2;-webkit-columns: 2;-moz-columns: 2;list--position: outside;}
.bottom-checkout-section ul li{margin-top: 5px;margin-right: 10px;}
.bottom-checkout-section h3{text-transform: capitalize;padding: 0 8px;line-height: 1.4; text-align:left;
margin-bottom:6px; font-weight:700;}
@media(max-width:767px){.bottom-checkout-section ul{columns:1;-webkit-columns:1;-moz-columns:1}.flx-ml30{margin-left:0!important}.flx{flex-direction:column}}.flx{display:flex}.flx-item{flex-grow:1;flex-basis:0}.flx-ml30{margin-left:30px}.el-sharer{margin:20px 0;width:100%;float:left}.ad-p-video-ad{overflow:hidden;padding-top:0}@media(max-width:481px){.ad-p-video-ad{min-height:180px;margin:auto;max-width:320px;aspect-ratio:16/9;padding-top:20px}.head-label{margin-bottom:20px;padding:0 20px}.e-more{padding:0 20px;margin-top:10px}}
< type="text/css">
.w100{width: 100%;}
.display-status{font-size:10px; color:#777;display:block;text-align:center;}
.head-1{text-transform: none;}
.catClose{display:none!important}
.btn-link:focus,.btn-link:hover{outline:0}
[v-cloak]{display:none}
.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem;max-height:150px;min-height:150px}
.text-muted{color:#6c757d!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-text{margin-bottom:10px}
.card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}
.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
[*="--aspect-ratio"] > :first-child{width:100%}
[*="--aspect-ratio"] > img{height:auto}
.head-3{font-size: 16px;text-transform: unset;margin-bottom:25px;font-weight:300;line-height:20px;}
.backd{background-color:#000000a1;position:fixed;top:0;bottom:0;left:0;right:0;z-index:90}
.noscrl{overflow:hidden}
.fixed-drop-footer{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:10px;text-align:right;border-top:1px solid #ddd}
.all-wrap .flabel{font-size:15px;padding:15px 30px;margin:0;display:block}
.removeFromFormat{background-color:#f5f5f5;padding:5px;margin:5px 10px;display:inline-block;text-transform:capitalize;box-shadow:0 1px 2px #ddd}
.removeFromFormat:first-child{margin-left:0}
.format-drop,.cat-drop,.time-drop{border-right:1px solid #ddd;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-left:-5px}
.displayTitle{display:none}
.span6.bottom-light-box,.span12.bottom-light-box{
padding:40px 20px;box-sizing:border-box;
border-radius: 4px;
border: 1px solid rgba(2172372470.40);
background: var(--gray-100#FCFCFC);
}
.inner {
padding:2px;
}
.top-events-table {
border:none;
border-top: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
}
/* .top-events-table th{min-width: 90px !important;
font-weight: 600 !important;
font-size: 14px !important;
padding: 14px 12px !important;
color: #6b7280 !important;
border-bottom: 1px solid #e5e7eb !important;
background-color: #fafafa !important;
} */
/* .faq_v2 {
margin-right:15px;
} */
.top-events-table tr:last-child td {
border-bottom: none !important;
}
.bottom-btn{padding:10px 4px!important ; width:95%; background: #0A74BF;
color:white; }
.expand2{
width:95%;
}
.bottom-btn:hover{
background:rgb(53140202) !important;
color:white;
}
a.btn-link{
color: var(--primary-default#0A74BF);
font-family: Inter;
font-size: 13px;
font-: normal;
font-weight: 400;
line-height: 20px;
}
.bottom-light-box h4{color:#2e363f}
.bottom-light-box h3{text-transform:none;line-height:24px;margin-top:unset}
.bottom-sub-text{font-size:14px;padding:0 0px;line-height:24px;color:#555}
.category-follow-btn{padding:8px 14px!important;border-radius:4px!important;font-size:14px!important}
.btn-show-more{margin-top:0px;justify-content: center;align-items: center;text-align: center;display: inline-flex;cursor: pointer;font-size: 16px;font-weight: 500;color: #24282c;transition: background-color 0.15s ease;font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;padding: 0 40px;clear: both;border-radius: 5px;border: 1px solid #BDBDBD;height: 40px;min-width: 200px;vertical-align: middle;text-decoration: none;}
.btn-show-more:hover{background-color: #eee;color:#24282c;text-decoration: none;}
#nearby-category-events{padding-top: 50px !important;width: 100%;}
@media(max-width: 986px) {
.bottom-light-box .bottom-sub-text{height:50px}
.format-wrap,.cat-wrap,.date-wrap{max-width:500px;background:#fff;position:fixed;top:55%;left:50%;margin:auto!important;transform:translate(-50%,-50%);width:100%;box-sizing:border-box}
.catfilt{height:300px}
.time-filter-li label{font-size:14px;line-height:24px;height:24px}
.displayTitle{display:block}
}
@media(max-width: 767px) {
.bottom-btn{width:100%;box-sizing:border-box;padding:8px 12px}
.span6.bottom-light-box{padding:20px;margin-bottom:0;border:0}
.bottom-light-box .bottom-sub-text{height:unset}
.selectedFilter{margin:0 20px}
.head-3 {padding: 0px 20px; box-sizing: border-box;font-size: 16px;text-transform: unset;margin-top: 5px;margin-bottom:20px;font-weight:300;}
#nearby-category-events{padding-top: 32px !important;}
}
@media(max-width: 486px) {
.category-follow-btn{width:100%;margin-bottom:15px}
.cat-share-btns{width:48%}
.main-template{margin-top:0}
.share_btn_group{top:52%!important}
.displayTitle{display:none}
.format-wrap,.cat-wrap,.date-wrap{position:absolute;top:50px;left:unset;transform:unset}
.catfilt{top:0!important;left:0!important;right:0!important;bottom:0!important;padding:10px!important;box-sizing:border-box!important;width:100%!important;max-width:600px!important;max-height:72vh;height:unset}
#fwb .transi{-webkit-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.catClose{display:block}
#formatModal,#catModal{position:fixed;display:block;top:0;bottom:0;left:0;right:0;border-radius:0;display:none}
#formatModal .modal-body,#catModal .modal-body{max-height:90vh!important}
#formatModal .modal-footer,#catModal .modal-footer{bottom:0;position:absolute;left:0;right:0}
}
@media(max-width: 320px) {
.catfilt{max-height:72vh;padding:10px!important}
}
[*="--aspect-ratio"]::before{content:"";display:block;padding-bottom:calc(100% / (var(--aspect-ratio)))}
[*="--aspect-ratio"] > :first-child{position:absolute;top:0;left:0;height:100%}
.activitylist_container .view_more_block { text-align: center; }
.activitylist_container .view_more_btn { padding: 0 40px; clear: both; border-radius: 5px; border: 1px solid #BDBDBD; height: 40px; min-width: 200px; vertical-align: middle; justify-content: center; align-items: center; text-align: center; display: inline-flex; cursor: pointer; font-size: 16px; font-weight: 500; color: #24282c; transition: background-color 0.15s ease; }
.activitylist_container .view_more_btn:hover { background-color: #eee; color:#24282c; text-decoration:none; }
< type="text/css">
/* Topbar Base Styles */
.topbar.topbar--white {background: var(--header-head-primary) !important;}
.topbar.topbar--transparent {background: transparent !important;}
/* Smooth transitions for topbar variants */
.topbar {
transition: background-color 0.3s ease;
}
/* Scrolled state for transparent topbar */
.topbar--transparent.scrolled {
background: var(--header-head-primary) !important;
}
.tbsearch .input-append{border-radius: 83px;border: 1.5px solid var(--gray-300#D9D9D9);background: rgba(2552552550.53);}
.topbar .top-cont{height: 100%;background: transparent !important;}
.topbar .top-cont .top-cont-row{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.topbar .rspan{width: auto;}
.logo{margin-top: 0;}
.tbhide.hidden-phone{display: flex; align-items: center;}
/* Logo Styles */
.city-select-wrapper {display: flex;align-items: center;}
/* Button Overrides */
.btn-group.open .dropdown-toggle{box-shadow: none !important; background: none !important}
.btn-group.open .dropdown-toggle:hover{box-shadow:none !important;background: none !important}
.btn-group.open .btn-primary.dropdown-toggle{background-color: transparent !important}
.btn-group.open .btn-warning.dropdown-toggle{background-color: transparent !important}
.btn-group.open .btn-danger.dropdown-toggle{background-color: transparent !important}
.btn-group.open .btn-success.dropdown-toggle{background-color: transparent !important}
.btn-group.open .btn-info.dropdown-toggle{background-color: transparent !important}
.btn-group.open .btn-inverse.dropdown-toggle{background-color: transparent;}
.btn:focus{box-shadow: none !important;background-color: transparent !important; border: none !important; outline: none !important;}
.create-btn-:focus.events-for-you-btn:focus.city-select-button:focus.user-dropdown-btn:focus {outline: 2px solid var(--primary-default#0A74BF) !important; outline-offset: 2px !important; border-radius: 4px !important;}
.topuserinfo .open:after{border: none !important;}
/* Mobile Navbar Styles */
.mobile-navbar--custom{padding: 4px!important;}
.tbsearch_manage_drover_btn{
display: none;
position: absolute;
top: 12px;
left: 15px;
z-index: 30;
}
.tbsearch_manage_drover_btn #manage-drover-btn{
background: transparent;
border: none;
outline: none;
box-shadow: none;
padding: 7px 10px;
font-size: 20px;
margin: 0;
}
.tbsearch_manage_drover_btn .btn:focus{
outline: none;
box-shadow: none;
}
.mobile-navbar-container {width: auto;}
.mobile-avatar-btn {position: relative;box-shadow: none;border:none;outline: none;}
.mobile-burger-btn {position: relative;box-shadow: none;border:none;outline: none;}
.tb-mobile__profile-img-bg {background-image: url('');}
.red-dot-avatar {width: 7px; height: 7px; background: red; display: block; border-radius: 50px; position: absolute; top: 1px; left: 30px;}
.red-dot-burger {width: 7px; height: 7px; background: red; display: block; border-radius: 50px; position: absolute; top: -1px; left: 19px;}
.screen-reader-only {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0000); border: 0;}
/* Navigation Menu Styles */
div.user-only{overflow: hidden;padding-left: 20px;min-height: 260px;}
#ae-mobile-navbar .li1{border: none;}
.dropdown-menu li a {display: inherit;} .dropdown-menu li a:hover{text-decoration: none;}
#ae-mobile-navbar .btn-navbar.tb-mobile--avatar {float: right;top: 0px;right: 20px;margin-top: 3px;}
#ae-mobile-navbar .btn-navbar.tb-mobile--avatar .tb-mobile__profile-img {width: 28px;height: 28px;background-size: contain;border: 1px solid white;border-radius: 50%;}
#ae-mobile-navbar .btn-navbar.tb-mobile--burger {float: right;top: 14px;right: 14px;margin:auto;position:relative;outline:none;}
.li-breaker{border-bottom: 1px solid #3b4249 !important;}
#ae-mobile-navbar .navbar-inner {background: transparent;}
#ae-mobile-navbar .btn-navbar{background: transparent;}
/* City Select Styles */
.city-select-mobile-text {text-transform: none;margin-left: 0!important;max-width: 500px;}
.city-select-v-middle {vertical-align: middle;}
.city-select-width {width: 60%; max-width: 200px;}
.city-select-button{font-size: 16px !important;}
.city-select-button:hover{background: transparent;border}
.city-select-button i{margin-left: 0 !important;padding-left: 7px !important;}
.city-select-desktop {text-transform: capitalize;margin-left: 0;padding: 7px 0px;margin-top:2px;color: var(--topbar-text);
border: none;
background: none;}
.city-select-icon-marker {margin-right: 3px;font-size: 16px !important;}
.city-select-icon-down {margin-left: 3px;color:#000;margin-right: 5px}
/* Search Styles */
#searchd-input{height: 36px;max-width: 100%;width: 280px;border-radius: 0 20px 20px 0;margin-right: 10px;box-shadow: none;font-size: 14px;}
.search-icon-desktop {height: 39px; display: inline-flex; border-radius: 20px 0 0 20px;align-items: center;padding-left: 15px;}
.search-icon-mobile {
margin-top: 3px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1001;
}
/* Topbar Options */
.topbar-options {display: flex !important; justify-content: flex-end;gap:24px;align-items: center;}
.topbar-options-logged-out {padding-top: 3px;margin-left: 15px;}
.topbar-options a:focus{color:#fff;outline:unset;}
/* Create Button Styles */
.create-btn- {padding-right:0;text-decoration: none; color: var(--gray-800);}
.create-btn-icon {font-size: 14px; font-weight: 600; color: var(--gray-600)}
.topbar--transparent .create-btn-icon {color: var(--gray-400) !important}
.events-for-you-btn {padding-left: 24px;text-decoration: none;color: var(--gray-800);}
.events-for-you-icon {margin-right: 7px; font-size: 14px; font-weight: 600; color: var(--gray-600)}
.topbar--transparent .events-for-you-icon {color: var(--gray-400) !important}
/* User Profile Styles */
.topuserinfo {width: auto;}
.topuserinfo:hover{background-color: #F0F9FF;border-radius: 20px;}
.topuserinfo .tthumb {height: 28px;width: 28px;vertical-align: middle;display: inline-block;background-size: cover !important;background-position: 50% 50% !important;background-repeat: no-repeat !important;margin-top: -2px;}
.user-dropdown-btn {line-height: 33px; width: 58px; height: 36px;border:none;border-radius: 4px;}
.user-avatar-bg {background-size: 100%;background-size: cover;-moz-background-size: 100%;-moz-background-size: cover;border-radius: 50%;}
.user-angle-down {margin-left: 2px;}
.user-notification-badge {position: absolute;top: -2px;left: 2px;padding: 0px 5px;z-index: 4;}
/* B2B Styles */
.b2b-dropdown-btn {outline: none; vertical-align: top;border:none;height: 34px;width: 34px;background-color: unset;box-shadow: unset;border:none;outline: none;}
.b2b-dropdown-cursor {cursor: pointer;}
.b2b-chatbot-transparent {background-color: transparent !important;filter: none !important;}
/* Profile Menu Styles */
.profile-main-title {position: initial; display: contents;}
.profile-flex-container {width: 100%; display: flex; gap: 10px; align-items: center;}
.profile-name-weight {font-weight: 500;}
.profile-arrow-margin {margin-right:10px;}
.divider-margin-1 {margin: 10px 0px 18px 0px;}
.divider-margin-2 {margin: 10px 0px 12px 0px;}
.section-padding-0 {padding: 0;}
.app-download-bg {background:#F5F5F5;}
.app-download-color {color:#0A74BF}
.logout-line-height {line-height: normal;}
/* Modal Styles */
.modal-subtitle {font-size: 15px;text-transform: none;}
.nearby-cities-title {text-transform: none;}
/* Country Flag Styles */
.count-flag-display {display: inline-block;border-top: 1px dashed #ddd;}
/* Old Styles (Commented) */
.old-mobile-icon {font-size: 15px; vertical-align: middle;}
.old-mobile-ticket-icon {font-size: 15px; vertical-align: middle;}
.old-mobile-star-icon {font-size: 15px; vertical-align: middle;}
.old-mobile-envelope-icon {font-size: 15px; vertical-align: middle;}
.old-mobile-group-icon {font-size: 15px; vertical-align: middle;}
.old-mobile-plus-icon {font-size: 15px;}
.old-mobile-calendar-icon {font-size: 15px;}
.old-mobile-signin-icon {margin-right: 6px;}
.old-mobile-download-icon {margin-right: 6px;}
.old-mobile-badge {padding: 3px 8px; font-size: 11px; margin-left: 2px; font-weight: 600; border-radius: 50px;}
.old-mobile-phone-icon {font-size: 24px; vertical-align: middle;}
.old-mobile-user-icon {font-size: 15px; vertical-align: middle;}
.old-account-flex {display: inline-flex;}
.old-account-block {display: inline-block;flex:1;}
.old-account-padding {padding: 0 14px;}
.old-logout-btn {background: #4b5866;box-shadow: none;border: 1px solid #44505D;color: white;text-shadow: none;}
/* Organizer Profile Styles */
.organizer-dropdown-width {width: 220px;display:none}
.organizer-dropdown-title {font-weight: 600;font-size: 13px;margin-bottom: 15px;color: #444;}
.organizer-dropdown-new-link {font-weight: normal;padding: 0px;cursor: pointer;}
.organizer-item-margin {margin-bottom: 5px;}
.organizer-bg-white {background: #fff;width: 42px;height: 42px;}
.organizer-text-ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;margin-bottom: 5px;}
.organizer-name-weight {font-weight: 700;font-size: 13px;}
.organizer-notification-badge {padding: 0px 5px;right: 0;margin-top: 2px;margin-right: 3px;}
/* Hide Mode Styles */
.hide-mode-elements div.bluenavbar.hide-mode-elements div.topbar.hide-mode-elements div.footer1.hide-mode-elements .aeblog #sidebar1{display: none;}
.hide-mode-elements div.non-overlay{margin-top: 0;}
/* Special Logo Styles */
.logo-margin-top-0 {margin-top: 0;}
/* Dropdown Menu Styles (Commented/Old) */
.home-create-menu li a{ float: left; width: 100%; text-align: left; box-sizing: border-box; }
.create-dropdown-margin {margin-right:5px;}
.create-dropdown- {border-top-left-radius: 2px; border-bottom-left-radius: 2px; background: transparent; border: 1px solid #404B55; margin-right: 5px;}
.create-dropdown-menu- {font-size: 14px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
.btn-group-yellow {background-color: #faa732;border-radius: 3px;padding: 2px 0;}
.btn-group-yellow-padding {padding-right: 0;}
.dropdown-menu-width {width: 70px;}
.notification-display-block {display:block;}
.notification-display-none {display:none;}
/* Hide tbdapp on desktop */
.topbar .tbdapp {display: none;}
#login-top{color: var(--topbar-text)}
@media(max-width: 767px){
.topbar {box-shadow:none !important;}
.page-head .container{width: 100% !important;}
.tbsearch .input-append{border: none; background: transparent;margin-right: -4px;border: none !important; }
.topbar .tbhide.visible-desktop { display: none !important; }
.topuserinfo.visible-desktop { display: none !important; }
.tbsearch {
position: absolute;
top: 12px;
left: 15px;
z-index: 1001;
width: auto;
right: auto;
}
#searchd-input { display: none; }
#sd-in-btn { box-shadow: none; background: no-repeat; border: none; }
.mob-left-bar ul { display: flex; flex-wrap: nowrap; background: whitesmoke; margin-bottom: 0; }
.topbar .top-cont{width: auto;}
.logo-cont {
position: relative;
z-index: 1001;
display: block;
}
.logo-span {
position: relative;
z-index: 1001;
}
/* Manage drawer button s for mobile */
.tbsearch_manage_drover_btn{
display: block !important;
position: absolute;
top: 12px;
left: 15px;
z-index: 1001;
}
.tbsearch_manage_drover_btn #manage-drover-btn{
background: transparent;
border: none;
outline: none;
box-shadow: none;
padding: 7px 10px;
font-size: 20px;
margin: 0;
color: #333;
}
.tbsearch_manage_drover_btn .btn:focus{
outline: none;
box-shadow: none;
}
/* .logo-span .logo-cont img {width: 105px;height: auto;} */
.topbar .logo-span{text-align:left;padding-left:22px}
.topbar .tbsearch{right:64px;left:unset}
#ae-mobile-navbar .btn-navbar.tb-mobile--burger{top:12px}
#ae-mobile-navbar li>a{color:#333; margin: 0;padding: 8px 0px;}
#ae-mobile-navbar .mcity-select{background:#F3F5F7 !important;font-size:14px;padding: 0 !important; top:0; margin: 0 !important;text-transform:none;color:#0A74BF;}
#ae-nav-collapse,#ae-mobile-navbar .li1{background:#fff;}
#ae-nav-collapse ul{border:none;box-sizing: border-box;}
#ae-mobile-navbar .li1{box-shadow:unset;height: 36px; display: flex; align-items: center;}
.ae-top-visible-city{background: #F3F5F7 !important; border-radius: 6px !important; font-size:14px !important;margin-bottom: 10px;}
.ae-top-visible-city a{text-transform: capitalize;}
/* Manage drawer button s for mobile */
.tbsearch_manage_drover_btn{
display: block !important;
position: absolute;
top: 12px;
left: 15px;
z-index: 1001;
}
.tbsearch_manage_drover_btn #manage-drover-btn{
background: transparent;
border: none;
outline: none;
box-shadow: none;
padding: 7px 10px;
font-size: 20px;
margin: 0;
color: #333;
}
.tbsearch_manage_drover_btn .btn:focus{
outline: none;
box-shadow: none;
}
/* Overlay s for mobile navigation */
body.nav-overlay::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0000.8); z-index: 1000; pointer-events: none; }
/* Ensure the overlay appears when navigation is open */
#ae-nav-collapse.in::before { pointer-events: auto; }
/* Ensure tbdapp button stays above overlay */
.topbar .tbdapp {
z-index: 1001 !important;
position: relative;
}
/* Fix mobile search icon positioning */
.search-icon-mobile {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding-left: 0;
margin: 10px -5px;
}
/* Ensure proper spacing between logo and search */
.logo-span-flex {
margin-right: 60px; /* Give space for search icon */
}
/* Adjust search container positioning */
.tbsearch {
position: absolute;
top: 12px;
right: 15px;
left: auto;
z-index: 1001;
}
}
@media(max-width: 1000px){
.logo-span .logo-cont img {width: 105px;height: auto;}
/* Show manage drawer button on tablet and mobile */
.tbsearch_manage_drover_btn{
display: block !important;
}
}
@media (max-width: 767px) {
.navbar .btn-navbar {display: block;}
.show_for_b2b{margin-right: 60px; z-index: 1001 !important}
}
/* For the user dropdown button */
.btn-topbar .icon-angle-down {display: inline-block;transition: transform 0.2s ease-in-out;text-decoration: none !important; box-shadow: none !important}
.btn-topbar:hover .icon-angle-down {transform: rotate(180deg);}
/* SVG Icon Styles */
.ae-icon-settings{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTkuMzk1MDQgMTkuMzcxMUw5Ljk3OTQ5IDIwLjY4NTZDMTAuMTUzMiAyMS4wNzY4IDEwLjQzNjggMjEuNDA5MyAxMC43OTU3IDIxLjY0MjZDMTEuMTU0NyAyMS44NzU5IDExLjU3MzYgMjIuMDAwMSAxMi4wMDE3IDIyQzEyLjQyOTggMjIuMDAwMSAxMi44NDg4IDIxLjg3NTkgMTMuMjA3NyAyMS42NDI2QzEzLjU2NjcgMjEuNDA5MyAxMy44NTAyIDIxLjA3NjggMTQuMDIzOSAyMC42ODU2TDE0LjYwODQgMTkuMzcxMUMxNC44MTY0IDE4LjkwNDcgMTUuMTY2NCAxOC41MTU5IDE1LjYwODQgMTguMjZDMTYuMDUzMiAxOC4wMDM0IDE2LjU2NzcgMTcuODk0MSAxNy4wNzg0IDE3Ljk0NzhMMTguNTA4NCAxOC4xQzE4LjkzNCAxOC4xNDUgMTkuMzYzNiAxOC4wNjU2IDE5Ljc0NTEgMTcuODcxM0MyMC4xMjY1IDE3LjY3NzEgMjAuNDQzNCAxNy4zNzYzIDIwLjY1NzMgMTcuMDA1NkMyMC44NzE0IDE2LjYzNSAyMC45NzM1IDE2LjIxMDMgMjAuOTUxIDE1Ljc4MjlDMjAuOTI4NSAxNS4zNTU1IDIwLjc4MjUgMTQuOTQzOCAyMC41MzA2IDE0LjU5NzhMMTkuNjgzOSAxMy40MzQ0QzE5LjM4MjUgMTMuMDE3MSAxOS4yMjE0IDEyLjUxNDggMTkuMjIzOSAxMkMxOS4yMjM4IDExLjQ4NjYgMTkuMzg2NCAxMC45ODY0IDE5LjY4ODQgMTAuNTcxMUwyMC41MzUgOS40MDc3OEMyMC43ODY5IDkuMDYxNzUgMjAuOTMzIDguNjUwMDcgMjAuOTU1NCA4LjIyMjY3QzIwLjk3NzkgNy43OTUyOCAyMC44NzU5IDcuMzcwNTQgMjAuNjYxNyA3QzIwLjQ0NzggNi42MjkyMyAyMC4xMzA5IDYuMzI4NDkgMTkuNzQ5NSA2LjEzNDIzQzE5LjM2ODEgNS45Mzk5NyAxOC45Mzg1IDUuODYwNTMgMTguNTEyOCA1LjkwNTU2TDE3LjA4MjggNi4wNTc3OEMxNi41NzIyIDYuMTExNDEgMTYuMDU3NiA2LjAwMjEyIDE1LjYxMjggNS43NDU1NkMxNS4xNjk5IDUuNDg4MjUgMTQuODE5OSA1LjA5NzM2IDE0LjYxMjggNC42Mjg4OUwxNC4wMjM5IDMuMzE0NDRDMTMuODUwMiAyLjkyMzE3IDEzLjU2NjcgMi41OTA3MiAxMy4yMDc3IDIuMzU3NEMxMi44NDg4IDIuMTI0MDggMTIuNDI5OCAxLjk5OTkzIDEyLjAwMTcgMkMxMS41NzM2IDEuOTk5OTMgMTEuMTU0NyAyLjEyNDA4IDEwLjc5NTcgMi4zNTc0QzEwLjQzNjggMi41OTA3MiAxMC4xNTMyIDIuOTIzMTcgOS45Nzk0OSAzLjMxNDQ0TDkuMzk1MDQgNC42Mjg4OUM5LjE4Nzk3IDUuMDk3MzYgOC44Mzc5MiA1LjQ4ODI1IDguMzk1MDQgNS43NDU1NkM3Ljk1MDI2IDYuMDAyMTIgNy40MzU3MSA2LjExMTQxIDYuOTI1MDQgNi4wNTc3OEw1LjQ5MDYgNS45MDU1NkM1LjA2NDkzIDUuODYwNTMgNC42MzUzNCA1LjkzOTk3IDQuMjUzOTEgNi4xMzQyM0MzLjg3MjQ5IDYuMzI4NDkgMy41NTU2MSA2LjYyOTIzIDMuMzQxNzEgN0MzLjEyNzUzIDcuMzcwNTQgMy4wMjU0OSA3Ljc5NTI4IDMuMDQ3OTggOC4yMjI2N0MzLjA3MDQ2IDguNjUwMDcgMy4yMTY1IDkuMDYxNzUgMy40NjgzOCA5LjQwNzc4TDQuMzE1MDQgMTAuNTcxMUM0LjYxNjk4IDEwLjk4NjQgNC43Nzk1OCAxMS40ODY2IDQuNzc5NDkgMTJDNC43Nzk1OCAxMi41MTM0IDQuNjE2OTggMTMuMDEzNyA0LjMxNTA0IDEzLjQyODlMMy40NjgzOCAxNC41OTIyQzMuMjE2NSAxNC45MzgyIDMuMDcwNDYgMTUuMzQ5OSAzLjA0Nzk4IDE1Ljc3NzNDMy4wMjU0OSAxNi4yMDQ3IDMuMTI3NTMgMTYuNjI5NSAzLjM0MTcxIDE3QzMuNTU1ODIgMTcuMzcwNiAzLjg3Mjc0IDE3LjY3MTIgNC4yNTQxMSAxNy44NjU0QzQuNjM1NDggMTguMDU5NiA1LjA2NDk2IDE4LjEzOTIgNS40OTA2IDE4LjA5NDRMNi45MjA2IDE3Ljk0MjJDNy40MzEyNyAxNy44ODg2IDcuOTQ1ODEgMTcuOTk3OSA4LjM5MDYgMTguMjU0NEM4LjgzNTEzIDE4LjUxMSA5LjE4NjgxIDE4LjkwMiA5LjM5NTA0IDE5LjM3MTFaIiBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0xMS45OTk5IDE1QzEzLjY1NjggMTUgMTQuOTk5OSAxMy42NTY5IDE0Ljk5OTkgMTJDMTQuOTk5OSAxMC4zNDMxIDEzLjY1NjggOSAxMS45OTk5IDlDMTAuMzQzMSA5IDguOTk5OTIgMTAuMzQzMSA4Ljk5OTkyIDEyQzguOTk5OTIgMTMuNjU2OSAxMC4zNDMxIDE1IDExLjk5OTkgMTVaIiBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvc3ZnPg==');}
.ae-icon-cal{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTIxIDEwSDNNMjEgMTEuNVY4LjhDMjEgNy4xMTk4NCAyMSA2LjI3OTc2IDIwLjY3MyA1LjYzODAzQzIwLjM4NTQgNS4wNzM1NCAxOS45MjY1IDQuNjE0NiAxOS4zNjIgNC4zMjY5OEMxOC43MjAyIDQgMTcuODgwMiA0IDE2LjIgNEg3LjhDNi4xMTk4NCA0IDUuMjc5NzYgNCA0LjYzODAzIDQuMzI2OThDNC4wNzM1NCA0LjYxNDYgMy42MTQ2IDUuMDczNTQgMy4zMjY5OCA1LjYzODAzQzMgNi4yNzk3NiAzIDcuMTE5ODQgMyA4LjhWMTcuMkMzIDE4Ljg4MDIgMyAxOS43MjAyIDMuMzI2OTggMjAuMzYyQzMuNjE0NiAyMC45MjY1IDQuMDczNTQgMjEuMzg1NCA0LjYzODAzIDIxLjY3M0M1LjI3OTc2IDIyIDYuMTE5ODQgMjIgNy44IDIySDEyLjVNMTYgMlY2TTggMlY2TTE3LjQ5NzYgMTUuNzExOUMxNi43OTc4IDE0LjkzMjggMTUuNjMwOSAxNC43MjMyIDE0Ljc1NDEgMTUuNDM2N0MxMy44Nzc0IDE2LjE1MDEgMTMuNzUzOSAxNy4zNDMgMTQuNDQyNSAxOC4xODY4QzE1LjEzMSAxOS4wMzA2IDE3LjQ5NzYgMjEgMTcuNDk3NiAyMUMxNy40OTc2IDIxIDE5Ljg2NDIgMTkuMDMwNiAyMC41NTI3IDE4LjE4NjhDMjEuMjQxMyAxNy4zNDMgMjEuMTMyOSAxNi4xNDI2IDIwLjI0MTEgMTUuNDM2N0MxOS4zNDkyIDE0LjczMDcgMTguMTk3NCAxNC45MzI4IDE3LjQ5NzYgMTUuNzExOVoiIHN0cm9rZT0iIzY2NzA4NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9zdmc+');}
.ae-icon-inbox{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTIuNSAxMkg1Ljg4MTk3QzYuNTY3MTcgMTIgNy4xOTM1NyAxMi4zODcxIDcuNSAxM0M3LjgwNjQzIDEzLjYxMjkgOC40MzI4MyAxNCA5LjExODAzIDE0SDE0Ljg4MkMxNS41NjcyIDE0IDE2LjE5MzYgMTMuNjEyOSAxNi41IDEzQzE2LjgwNjQgMTIuMzg3MSAxNy40MzI4IDEyIDE4LjExOCAxMkgxOS41TTguOTY2NTYgNEgxNS4wMzM0QzE2LjExMDMgNCAxNi42NDg3IDQgMTcuMTI0MSA0LjE2Mzk2QzE3LjU0NDUgNC4zMDg5NiAxNy45Mjc0IDQuNTQ1NiAxOC4yNDUxIDQuODU2NzVDMTguNjA0MyA1LjIwODYgMTguODQ1MSA1LjY5MDIgMTkuMzI2NyA2LjY1MzM3TDIxLjQ5MzIgMTAuOTg2NUMyMS42ODIyIDExLjM2NDUgMjEuNzc2NyAxMS41NTM1IDIxLjg0MzQgMTEuNzUxNUMyMS45MDI2IDExLjkyNzUgMjEuOTQ1MyAxMi4xMDg1IDIxLjk3MSAxMi4yOTIzQzIyIDEyLjQ5OTIgMjIgMTIuNzEwNSAyMiAxMy4xMzMxVjE1LjJDMjIgMTYuODgwMiAyMiAxNy43MjAyIDIxLjY3MyAxOC4zNjJDMjEuMzg1NCAxOC45MjY1IDIwLjkyNjUgMTkuMzg1NCAyMC4zNjIgMTkuNjczQzE5LjcyMDIgMjAgMTguODgwMiAyMCAxNy4yIDIwSDYuOEM1LjExOTg0IDIwIDQuMjc5NzYgMjAgMy42MzgwMyAxOS42NzNDMy4wNzM1NCAxOS4zODU0IDIuNjE0NiAxOC45MjY1IDIuMzI2OTggMTguMzYyQzIgMTcuNzIwMiAyIDE2Ljg4MDIgMiAxNS4yVjEzLjEzMzFDMiAxMi43MTA1IDIgMTIuNDk5MiAyLjAyODk3IDEyLjI5MjNDMi4wNTQ3MSAxMi4xMDg1IDIuMDk3NDQgMTEuOTI3NSAyLjE1NjYyIDExLjc1MTVDMi4yMjMyNiAxMS41NTM1IDIuMzE3NzYgMTEuMzY0NSAyLjUwNjc1IDEwLjk4NjVMNC42NzMzMSA2LjY1MzM3QzUuMTU0OSA1LjY5MDE5IDUuMzk1NyA1LjIwODYgNS43NTQ5NSA0Ljg1Njc1QzYuMDcyNjMgNC41NDU2IDYuNDU1NTEgNC4zMDg5NiA2Ljg3NTg5IDQuMTYzOTZDNy4zNTEyNSA0IDcuODg5NjkgNCA4Ljk2NjU2IDRaIiBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvc3ZnPg==');}
.ae-icon-plus-2 { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhWMTZNOCAxMkgxNk03LjggMjFIMTYuMkMxNy44ODAyIDIxIDE4LjcyMDIgMjEgMTkuMzYyIDIwLjY3M0MxOS45MjY1IDIwLjM4NTQgMjAuMzg1NCAxOS45MjY1IDIwLjY3MyAxOS4zNjJDMjEgMTguNzIwMiAyMSAxNy44ODAyIDIxIDE2LjJWNy44QzIxIDYuMTE5ODQgMjEgNS4yNzk3NiAyMC42NzMgNC42MzgwM0MyMC4zODU0IDQuMDczNTQgMTkuOTI2NSAzLjYxNDYgMTkuMzYyIDMuMzI2OThDMTguNzIwMiAzIDE3Ljg4MDIgMyAxNi4yIDNINy44QzYuMTE5ODQgMyA1LjI3OTc2IDMgNC42MzgwMyAzLjMyNjk4QzQuMDczNTQgMy42MTQ2IDMuNjE0NiA0LjA3MzU0IDMuMzI2OTggNC42MzgwM0MzIDUuMjc5NzYgMyA2LjExOTg0IDMgNy44VjE2LjJDMyAxNy44ODAyIDMgMTguNzIwMiAzLjMyNjk4IDE5LjM2MkMzLjYxNDYgMTkuOTI2NSA0LjA3MzU0IDIwLjM4NTQgNC42MzgwMyAyMC42NzNDNS4yNzk3NiAyMSA2LjExOTg0IDIxIDcuOCAyMVoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo='); }
.ae-icon-plus{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTEwIDYuNjY2NjdWMTMuMzMzM002LjY2NjY3IDEwSDEzLjMzMzNNNi41IDE3LjVIMTMuNUMxNC45MDAxIDE3LjUgMTUuNjAwMiAxNy41IDE2LjEzNSAxNy4yMjc1QzE2LjYwNTQgMTYuOTg3OCAxNi45ODc4IDE2LjYwNTQgMTcuMjI3NSAxNi4xMzVDMTcuNSAxNS42MDAyIDE3LjUgMTQuOTAwMSAxNy41IDEzLjVWNi41QzE3LjUgNS4wOTk4NyAxNy41IDQuMzk5OCAxNy4yMjc1IDMuODY1MDJDMTYuOTg3OCAzLjM5NDYyIDE2LjYwNTQgMy4wMTIxNyAxNi4xMzUgMi43NzI0OEMxNS42MDAyIDIuNSAxNC45MDAxIDIuNSAxMy41IDIuNUg2LjVDNS4wOTk4NyAyLjUgNC4zOTk4IDIuNSAzLjg2NTAyIDIuNzcyNDhDMy4zOTQ2MiAzLjAxMjE3IDMuMDEyMTcgMy4zOTQ2MiAyLjc3MjQ4IDMuODY1MDJDMi41IDQuMzk5OCAyLjUgNS4wOTk4NyAyLjUgNi41VjEzLjVDMi41IDE0LjkwMDEgMi41IDE1LjYwMDIgMi43NzI0OCAxNi4xMzVDMy4wMTIxNyAxNi42MDU0IDMuMzk0NjIgMTYuOTg3OCAzLjg2NTAyIDE3LjIyNzVDNC4zOTk4IDE3LjUgNS4wOTk4NyAxNy41IDYuNSAxNy41WiIgc3Ryb2tlPSIjNjY3MDg1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4=');}
.ae-icon-anotation-heart{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTIuNSA2LjVDMi41IDUuMDk5ODcgMi41IDQuMzk5OCAyLjc3MjQ4IDMuODY1MDJDMy4wMTIxNyAzLjM5NDYyIDMuMzk0NjIgMy4wMTIxNyAzLjg2NTAyIDIuNzcyNDhDNC4zOTk4IDIuNSA1LjA5OTg3IDIuNSA2LjUgMi41SDEzLjVDMTQuOTAwMSAyLjUgMTUuNjAwMiAyLjUgMTYuMTM1IDIuNzcyNDhDMTYuNjA1NCAzLjAxMjE3IDE2Ljk4NzggMy4zOTQ2MiAxNy4yMjc1IDMuODY1MDJDMTcuNSA0LjM5OTggMTcuNSA1LjA5OTg3IDE3LjUgNi41VjExLjI1QzE3LjUgMTIuNDE0OSAxNy41IDEyLjk5NzMgMTcuMzA5NyAxMy40NTY3QzE3LjA1NiAxNC4wNjkzIDE2LjU2OTMgMTQuNTU2IDE1Ljk1NjcgMTQuODA5N0MxNS40OTczIDE1IDE0LjkxNDkgMTUgMTMuNzUgMTVDMTMuMzQyOSAxNSAxMy4xMzkzIDE1IDEyLjk1MDQgMTUuMDQ0NkMxMi42OTg2IDE1LjEwNCAxMi40NjQxIDE1LjIyMTMgMTIuMjY1NCAxNS4zODcxQzEyLjExNjQgMTUuNTExNCAxMS45OTQzIDE1LjY3NDMgMTEuNzUgMTZMMTAuNTMzMyAxNy42MjIyQzEwLjM1MjQgMTcuODYzNSAxMC4yNjE5IDE3Ljk4NDEgMTAuMTUxIDE4LjAyNzJDMTAuMDUzOSAxOC4wNjUgOS45NDYxMSAxOC4wNjUgOS44NDg5NyAxOC4wMjcyQzkuNzM4MDcgMTcuOTg0MSA5LjY0NzYgMTcuODYzNSA5LjQ2NjY3IDE3LjYyMjJMOC4yNSAxNkM4LjAwNTcxIDE1LjY3NDMgNy44ODM1NyAxNS41MTE0IDcuNzM0NTggMTUuMzg3MUM3LjUzNTkzIDE1LjIyMTMgNy4zMDE0MSAxNS4xMDQgNy4wNDk1OSAxNS4wNDQ2QzYuODYwNzIgMTUgNi42NTcxNSAxNSA2LjI1IDE1QzUuMDg1MTUgMTUgNC41MDI3MiAxNSA0LjA0MzI5IDE0LjgwOTdDMy40MzA3MiAxNC41NTYgMi45NDQwNCAxNC4wNjkzIDIuNjkwMyAxMy40NTY3QzIuNSAxMi45OTczIDIuNSAxMi40MTQ5IDIuNSAxMS4yNVY2LjVaIiBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS45OTc3MiA2Ljk0MjE2QzkuMzMxMjcgNi4xODQ2NyA4LjIxOTkyIDUuOTgwOSA3LjM4NDkgNi42NzQ1NEM2LjU0OTg4IDcuMzY4MTggNi40MzIzMiA4LjUyNzkxIDcuMDg4MDcgOS4zNDgyOEM3LjQ3OCA5LjgzNjExIDguNDMzMDcgMTAuNzEwOSA5LjE0MzI3IDExLjMzOTlDOS40MzY0NCAxMS41OTk2IDkuNTgzMDIgMTEuNzI5NCA5Ljc1OTQ2IDExLjc4MjFDOS45MTA0MiAxMS44MjcxIDEwLjA4NSAxMS44MjcxIDEwLjIzNiAxMS43ODIxQzEwLjQxMjQgMTEuNzI5NCAxMC41NTkgMTEuNTk5NiAxMC44NTIyIDExLjMzOTlDMTEuNTYyNCAxMC43MTA5IDEyLjUxNzQgOS44MzYxMSAxMi45MDc0IDkuMzQ4MjhDMTMuNTYzMSA4LjUyNzkxIDEzLjQ1OTkgNy4zNjA4OCAxMi42MTA1IDYuNjc0NTRDMTEuNzYxMiA1Ljk4ODIgMTAuNjY0MiA2LjE4NDY3IDkuOTk3NzIgNi45NDIxNloiIHN0cm9rZT0iIzY2NzA4NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9zdmc+');}
.ae-icon-time{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTkuOTk5ODQgMS42NjY2M0MxNC42MDIyIDEuNjY2NjMgMTguMzMzMiA1LjM5NzU4IDE4LjMzMzIgOS45OTk5NkMxOC4zMzMyIDE0LjYwMjMgMTQuNjAyMiAxOC4zMzMzIDkuOTk5ODQgMTguMzMzM0M1LjM5NzQ2IDE4LjMzMzMgMS42NjY1IDE0LjYwMjMgMS42NjY1IDkuOTk5OTZIMy4zMzMxN0MzLjMzMzE3IDEzLjY4MTkgNi4zMTc5NCAxNi42NjY2IDkuOTk5ODQgMTYuNjY2NkMxMy42ODE4IDE2LjY2NjYgMTYuNjY2NSAxMy42ODE5IDE2LjY2NjUgOS45OTk5NkMxNi42NjY1IDYuMzE4MDYgMTMuNjgxOCAzLjMzMzI5IDkuOTk5ODQgMy4zMzMyOUM3LjcwODM1IDMuMzMzMjkgNS42ODY4OSA0LjQ4OTQxIDQuNDg2OTMgNi4yNTAxNkw2LjY2NjUgNi4yNDk5NlY3LjkxNjYzSDEuNjY2NVYyLjkxNjYzSDMuMzMzMTdMMy4zMzMwOCA0Ljk5OTI4QzQuODUzNDUgMi45NzU1OCA3LjI3Mzc4IDEuNjY2NjMgOS45OTk4NCAxLjY2NjYzWk0xMC44MzMyIDUuODMzMjlMMTAuODMzIDkuNjU0MTJMMTMuNTM1MyAxMi4zNTdMMTIuMzU2OCAxMy41MzU1TDkuMTY2MzQgMTAuMzQ0MUw5LjE2NjUgNS44MzMyOUgxMC44MzMyWiIgZmlsbD0iIzY2NzA4NSIvPiA8L3N2Zz4=');}
.ae-icon-square-question{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTcuNTc1IDcuNUM3Ljc3MDkyIDYuOTQzMDYgOC4xNTc2MyA2LjQ3MzQyIDguNjY2NjMgNi4xNzQyOEM5LjE3NTYzIDUuODc1MTMgOS43NzQwOCA1Ljc2NTc4IDEwLjM1NiA1Ljg2NTU5QzEwLjkzNzkgNS45NjU0IDExLjQ2NTcgNi4yNjc5NCAxMS44NDU5IDYuNzE5NjFDMTIuMjI2MSA3LjE3MTI4IDEyLjQzNDIgNy43NDI5NCAxMi40MzMzIDguMzMzMzNDMTIuNDMzMyAxMCA5LjkzMzMzIDEwLjgzMzMgOS45MzMzMyAxMC44MzMzTTEwIDE0LjE2NjdIMTAuMDA4M002LjUgMTcuNUgxMy41QzE0LjkwMDEgMTcuNSAxNS42MDAyIDE3LjUgMTYuMTM1IDE3LjIyNzVDMTYuNjA1NCAxNi45ODc4IDE2Ljk4NzggMTYuNjA1NCAxNy4yMjc1IDE2LjEzNUMxNy41IDE1LjYwMDIgMTcuNSAxNC45MDAxIDE3LjUgMTMuNVY2LjVDMTcuNSA1LjA5OTg3IDE3LjUgNC4zOTk4IDE3LjIyNzUgMy44NjUwMkMxNi45ODc4IDMuMzk0NjIgMTYuNjA1NCAzLjAxMjE3IDE2LjEzNSAyLjc3MjQ4QzE1LjYwMDIgMi41IDE0LjkwMDEgMi41IDEzLjUgMi41SDYuNUM1LjA5OTg3IDIuNSA0LjM5OTggMi41IDMuODY1MDIgMi43NzI0OEMzLjM5NDYyIDMuMDEyMTcgMy4wMTIxNyAzLjM5NDYyIDIuNzcyNDggMy44NjUwMkMyLjUgNC4zOTk4IDIuNSA1LjA5OTg3IDIuNSA2LjVWMTMuNUMyLjUgMTQuOTAwMSAyLjUgMTUuNjAwMiAyLjc3MjQ4IDE2LjEzNUMzLjAxMjE3IDE2LjYwNTQgMy4zOTQ2MiAxNi45ODc4IDMuODY1MDIgMTcuMjI3NUM0LjM5OTggMTcuNSA1LjA5OTg3IDE3LjUgNi41IDE3LjVaIiBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvc3ZnPg==');}
.ae-icon-marker{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTEyIDIyQzEzIDE3IDIwIDE2LjQxODMgMjAgMTBDMjAgNS41ODE3MiAxNi40MTgzIDIgMTIgMkM3LjU4MTcyIDIgNCA1LjU4MTcyIDQgMTBDNCAxNi40MTgzIDExIDE3IDEyIDIyWiIgc3Ryb2tlPSIjNjY3MDg1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMTIgMTNDMTMuNjU2OSAxMyAxNSAxMS42NTY5IDE1IDEwQzE1IDguMzQzMTUgMTMuNjU2OSA3IDEyIDdDMTAuMzQzMSA3IDkgOC4zNDMxNSA5IDEwQzkgMTEuNjU2OSAxMC4zNDMxIDEzIDEyIDEzWiIgc3Ryb2tlPSIjNjY3MDg1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4=');}
.ae-icon-logout{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTEzLjMzMzMgMTQuMTY2N0wxNy41IDEwTTE3LjUgMTBMMTMuMzMzMyA1LjgzMzMzTTE3LjUgMTBINy41TTcuNSAyLjVINi41QzUuMDk5ODcgMi41IDQuMzk5OCAyLjUgMy44NjUwMiAyLjc3MjQ4QzMuMzk0NjIgMy4wMTIxNyAzLjAxMjE3IDMuMzk0NjIgMi43NzI0OCAzLjg2NTAyQzIuNSA0LjM5OTggMi41IDUuMDk5ODcgMi41IDYuNVYxMy41QzIuNSAxNC45MDAxIDIuNSAxNS42MDAyIDIuNzcyNDggMTYuMTM1QzMuMDEyMTcgMTYuNjA1NCAzLjM5NDYyIDE2Ljk4NzggMy44NjUwMiAxNy4yMjc1QzQuMzk5OCAxNy41IDUuMDk5ODcgMTcuNSA2LjUgMTcuNUg3LjUiIHN0cm9rZT0iIzY2NzA4NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9zdmc+');}
.ae-icon-left-arrow{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE3IDE2IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTYuNSAxMkwxMC41IDhMNi41IDQiIHN0cm9rZT0iIzY2NzA4NSIgc3Ryb2tlLXdpZHRoPSIxLjY2NjY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+');}
.ae-icon-login{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTYgMTdDNiAxNy45MyA2IDE4LjM5NSA2LjEwMjIyIDE4Ljc3NjVDNi4zNzk2MiAxOS44MTE3IDcuMTg4MjcgMjAuNjIwNCA4LjIyMzU0IDIwLjg5NzhDOC42MDUwNCAyMSA5LjA3MDAzIDIxIDEwIDIxSDE2LjJDMTcuODgwMiAyMSAxOC43MjAyIDIxIDE5LjM2MiAyMC42NzNDMTkuOTI2NSAyMC4zODU0IDIwLjM4NTQgMTkuOTI2NSAyMC42NzMgMTkuMzYyQzIxIDE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yVjcuOEMyMSA2LjExOTg0IDIxIDUuMjc5NzYgMjAuNjczIDQuNjM4MDNDMjAuMzg1NCA0LjA3MzU0IDE5LjkyNjUgMy42MTQ2IDE5LjM2MiAzLjMyNjk4QzE4LjcyMDIgMyAxNy44ODAyIDMgMTYuMiAzSDEwQzkuMDcwMDMgMyA4LjYwNTA0IDMgOC4yMjM1NCAzLjEwMjIyQzcuMTg4MjcgMy4zNzk2MiA2LjM3OTYyIDQuMTg4MjcgNi4xMDIyMiA1LjIyMzU0QzYgNS42MDUwNCA2IDYuMDcwMDMgNiA3TTEyIDhMMTYgMTJNMTYgMTJMMTIgMTZNMTYgMTJIMyIgc3Ryb2tlPSIjNjY3MDg1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4=');}
.ae-icon-phone {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTkuOTk5ODQgMTQuNTgzNEgxMC4wMDgyTTYuODMzMTcgMTguMzMzNEgxMy4xNjY1QzE0LjA5OTkgMTguMzMzNCAxNC41NjY2IDE4LjMzMzQgMTQuOTIzMiAxOC4xNTE3QzE1LjIzNjggMTcuOTkxOSAxNS40OTE3IDE3LjczNjkgMTUuNjUxNSAxNy40MjMzQzE1LjgzMzIgMTcuMDY2OCAxNS44MzMyIDE2LjYwMDEgMTUuODMzMiAxNS42NjY3VjQuMzMzMzVDMTUuODMzMiAzLjM5OTkzIDE1LjgzMzIgMi45MzMyMiAxNS42NTE1IDIuNTc2N0MxNS40OTE3IDIuMjYzMSAxNS4yMzY4IDIuMDA4MTMgMTQuOTIzMiAxLjg0ODM0QzE0LjU2NjYgMS42NjY2OSAxNC4wOTk5IDEuNjY2NjkgMTMuMTY2NSAxLjY2NjY5SDYuODMzMTdDNS44OTk3NSAxLjY2NjY5IDUuNDMzMDQgMS42NjY2OSA1LjA3NjUyIDEuODQ4MzRDNC43NjI5MiAyLjAwODEzIDQuNTA3OTUgMi4yNjMxIDQuMzQ4MTYgMi41NzY3QzQuMTY2NSAyLjkzMzIyIDQuMTY2NSAzLjM5OTkzIDQuMTY2NSA0LjMzMzM1VjE1LjY2NjdDNC4xNjY1IDE2LjYwMDEgNC4xNjY1IDE3LjA2NjggNC4zNDgxNiAxNy40MjMzQzQuNTA3OTUgMTcuNzM2OSA0Ljc2MjkyIDE3Ljk5MTkgNS4wNzY1MiAxOC4xNTE3QzUuNDMzMDQgMTguMzMzNCA1Ljg5OTc1IDE4LjMzMzQgNi44MzMxNyAxOC4zMzM0Wk0xMC40MTY1IDE0LjU4MzRDMTAuNDE2NSAxNC44MTM1IDEwLjIzIDE1IDkuOTk5ODQgMTVDOS43Njk3MiAxNSA5LjU4MzE3IDE0LjgxMzUgOS41ODMxNyAxNC41ODM0QzkuNTgzMTcgMTQuMzUzMiA5Ljc2OTcyIDE0LjE2NjcgOS45OTk4NCAxNC4xNjY3QzEwLjIzIDE0LjE2NjcgMTAuNDE2NSAxNC4zNTMyIDEwLjQxNjUgMTQuNTgzNFoiIHN0cm9rZT0iIzJEOUNEQiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+');}
/* Base topbar s */
.topbar {
position: fixed;
width: 100%;
z-index: 1000;
transition: all 0.3s ease;
}
/* Transparent variant (light text on dark/image backgrounds) */
.topbar--transparent {
background: transparent;
}
.topbar--transparent .top-cont {
background: transparent;
}
.topbar--transparent .top-cont-row {
background: transparent;
}
/* Light theme elements for transparent variant */
.topbar--transparent {
--topbar-text: #ffffff;
--topbar-icon: #ffffff;
--topbar-border: rgba(2552552550.3);
--topbar-input-bg: rgba(2552552550.1);
--topbar-hover: rgba(2552552550.8);
}
/* Dark theme elements for white variant */
.topbar--white {
--topbar-text: var(--gray-800);
--topbar-icon: var(--gray-600);
--topbar-border: #E5E7EB;
--topbar-input-bg: #ffffff;
--topbar-hover: #0A74BF;
}
/* Common elements with variable colors */
.topbar .icon-map-marker-2,
.topbar .icon-angle-down {
color: var(--topbar-icon);
}
.topbar .tbsearch .input-append {
border: 1.5px solid var(--topbar-border);
background: var(--topbar-input-bg);
}
.topbar #searchd-input {
color: var(--topbar-text);
}
.topbar #searchd-input::placeholder {
color: var(--topbar-text);
opacity: 0.7;
}
/* Logo variants */
.topbar--transparent .logo-light {
display: block;
}
.topbar--transparent .logo-dark {
display: none;
}
.topbar--white .logo-light {
display: none;
}
.topbar--white .logo-dark {
display: block;
}
/* SVG icon colors */
.topbar--transparent .new-svg-icon {
filter: none !important;
}
.topbar--white .new-svg-icon {
filter: none; /* Original colors */
}
/* Search icon colors */
.topbar--transparent .search-icon-desktop svg path {
stroke: #ffffff;
}
.topbar--white .search-icon-desktop svg path {
stroke: #30363E;
}
/* Button s */
.topbar--transparent .create-btn-,
.topbar--transparent .events-for-you-btn {
color: var(--topbar-text) !important;
}
/* Hover states */
.topbar--transparent .city-select-button:hover {
color: var(--topbar-hover) !important;
background-color: rgba(2552552550.1) !important; /* Semi-transparent white */
border-radius: 20px;
transition: all 0.2s ease;
}
/* Topuserinfo hover states for transparent variant */
.topbar--transparent .topuserinfo:hover {
background-color: rgba(2552552550.1) !important; /* Semi-transparent white */
border-radius: 20px;
transition: all 0.2s ease;
}
.events-for-you-btn:hover.create-btn-:hover{text-decoration: none !important; color: var(--gray-900)}
/* Scrolled state for transparent variant */
.topbar--transparent.scrolled {
background: var(--white);
box-shadow: 0 2px 4px rgba(0000.05);
}
.topbar--transparent.scrolled {
--topbar-text: #333333;
--topbar-icon: #667085;
--topbar-border: #E5E7EB;
--topbar-input-bg: #ffffff;
--topbar-hover: #0A74BF;
--city-hover: #F0F9FF;
}
.topbar--transparent.scrolled .logo-light {
display: none;
}
.topbar--transparent.scrolled .logo-dark {
display: block;
}
.topbar--transparent.scrolled .new-svg-icon {
filter: none;
}
/* Mobile s */
@media(max-width: 767px) {
.topbar--transparent,
.topbar--white {
background: var(--white);
}
/* Force dark theme on mobile regardless of variant */
.topbar--transparent {
--topbar-text: #333333;
--topbar-icon: #667085;
--topbar-border: #E5E7EB;
--topbar-input-bg: #ffffff;
--topbar-hover: #0A74BF;
}
.topbar--transparent .logo-light {
display: none;
}
.topbar--transparent .logo-dark {
display: block;
}
.topbar--transparent .new-svg-icon {
filter: none;
}
.navbar-inner{min-height: 55px !important}
}
/* Mobile specific s */
@media(max-width: 767px) {
.topbar--transparent {
background: var(--white);
}
.topbar--white .tbdapp,
.topbar--transparent .tbdapp {
font-size: 12px;
display: block;
padding: 7px 12px;
color: var(--primary-default);
background-color: transparent;
border: 1px solid var(--primary-default);
border-radius: 9999px;
cursor: pointer;
font-weight: 700;
position: absolute;
top: 13px;
right: 100px;
line-height: normal;
font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
z-index: 1001 !important;
}
/* Adjust positions when logged in */
.lg1.topbar--white .tbdapp,
.lg1.topbar--transparent .tbdapp {
right: 115px;
}
.lg1.topbar--white .tbsearch,
.lg1.topbar--transparent .tbsearch {
top: 13px;
right: 80px;
}
.topbar .tbsearch .input-append{
background: none !important;
}
/* Responsive adjustments for different screen sizes */
@media (max-width: 480px) {
.logo-span-flex {
margin-right: 50px;
}
.tbsearch {
right: 10px;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.logo-span-flex {
margin-right: 60px;
}
.tbsearch {
right: 15px;
}
}
}
/* Hover states */
.city-select-button:hover .city-select-icon-marker{
color: var(--primary-default#0A74BF);
}
.city-select-button:hover{
background-color: var(--city-hover);
border-radius: 20px;
transition: all 0.2s ease;
}
/* Button s for both variants */
.topbar--white .topbar-btn,
.topbar--transparent .topbar-btn {
background: none !important;
font-size: 14px !important;
box-shadow: none !important;
border: none !important;
}
/* Search input s for both variants */
.topbar--white #searchd-input,
.topbar--transparent #searchd-input {
height: 38px;
max-width: 100%;
width: 240px;
border-radius: 0 20px 20px 0;
margin-right: 10px;
box-shadow: none;
font-size: 14px;
background: transparent;
}
/* Add this to the existing CSS section */
/* Vertical line divider s */
.vertical-line {
display: inline-block;
color: var(--gray-300#D9D9D9);
margin: 1px 7px 0px 14px;
font-size: 15px;
line-height: 36px;
vertical-align: middle;
}
/* Ensure proper alignment of surrounding elements */
.logo-span-flex {
display: flex;
align-items: start;
flex: 1;
}
.logo-cont {
display: inline-flex;
align-items: center;
}
.city-select-wrapper {
display: inline-flex;
align-items: center;
}
/* Hide divider on mobile */
@media (max-width: 767px) {
.vertical-line {
display: none;
}
}
.topbar--white .tbdapp {
color: var(--primary-default);
border-color: var(--primary-default);
}
.topbar--transparent .tbdapp {
color: #fff;
border-color: #fff;
}
.topbar--white .search-icon-mobile svg path {
stroke: #333;
}
.topbar--transparent .search-icon-mobile svg path {
stroke: #fff;
}
/* Logo visibility rules */
.topbar--transparent .logo-light {
display: block;
}
.topbar--transparent .logo-dark {
display: none;
}
.topbar--white .logo-light {
display: none;
}
.topbar--white .logo-dark {
display: block;
}
/* When transparent topbar is scrolledswitch logos */
.topbar--transparent.scrolled .logo-light {
display: none;
}
.topbar--transparent.scrolled .logo-dark {
display: block;
}
/* Mobile-specific s for cityhome */
@media (max-width: 767px) {
.topbar--transparent {
background: transparent !important;
}
.topbar--transparent.topbar--white {
background: var(--header-head-primary) !important;
}
}
.events-for-you-btn:hover.create-btn-:hover{text-decoration: none !important; color: var(--gray-900)}
/* Active/Clicked states for both variants */
.events-for-you-btn:active
.events-for-you-btn:focus,
.create-btn-:active
.create-btn-:focus {
text-decoration: none !important;
color: var(--gray-900) !important;
}
/* Active/Clicked states for transparent variant */
.topbar--transparent .events-for-you-btn:active,
.topbar--transparent .events-for-you-btn:focus,
.topbar--transparent .create-btn-:active,
.topbar--transparent .create-btn-:focus {
text-decoration: none !important;
color: var(--topbar-hover) !important;
}
/* Active/Clicked states for scrolled transparent variant */
.topbar--transparent.scrolled .events-for-you-btn:active,
.topbar--transparent.scrolled .events-for-you-btn:focus,
.topbar--transparent.scrolled .create-btn-:active,
.topbar--transparent.scrolled .create-btn-:focus {
text-decoration: none !important;
color: var(--gray-900) !important;
}
/* Scrolled state hover for transparent variant */
.topbar--transparent.scrolled .city-select-button:hover {
color: var(--topbar-hover) !important;
background-color: var(--city-hover) !important; /* Use the defined variable */
border-radius: 20px;
transition: all 0.2s ease;
}
/* Scrolled state hover for topuserinfo in transparent variant */
.topbar--transparent.scrolled .topuserinfo:hover {
background-color: var(--city-hover) !important; /* Use the defined variable */
border-radius: 20px;
transition: all 0.2s ease;
}
< type="text/css">
< type="text/css">
.tick-summary.featured{
background: #00000085;
color: white;
padding: 1px 12px;
padding-bottom: 5px;
position: absolute;
top: 10px;
right: 10px;
text-transform: uppercase;
font-size: 12px;
text-shadow: 0px 0px 1px #444;
z-index: 5;
font-weight: 600;
}
.tick-summary.available{
background: green;
color: white;
padding: 1px 12px;
border-radius: 20px;
padding-bottom: 5px;
}
@keyframes pulse {
0% {
font-size: 14px;
color: red;
}
50% {
font-size: 16px;
}
100% {
font-size: 14px;
color: red;
}
}
.pulse {
-webkit-animation: pulse 0.3s;
animation: pulse 0.3s;
animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-out;
}
.custcheckdate{
height: 30px!important;
line-height: 35px!important;
margin-left: 20px!important;
margin-top: 10px;
}
.body-div{min-height: 248px;}
.top_activity_categories_section{border-bottom:none!important}.top_activity_categories_section .activity-grid{padding:0 2px;display:grid;gap:2%;row-gap:30px;font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.top_activity_categories_section .activity-category-card{background-color:#fff;border-radius:10px;box-sizing:border-box;border-radius:5px;list--type:none;background:#fff;transition:.17s;cursor:pointer}.top_activity_categories_section .activity-category-card:hover{transform:scale(1.02)}.top_activity_categories_section .activity-image{height:159px;background-size:cover;background-position:center;border-radius:7px}.top_activity_categories_section .activity-info{padding:12px 4px}.top_activity_categories_section .locations{color:#2C5C86;font-size:12px;font-weight:700;margin-bottom:5px}.top_activity_categories_section .activity-title{font-size:18px;font-weight:600;margin-bottom:10px;color: var(--gray-800)}.top_activity_categories_section .activity-description{font-size:14px;color:#666}@media (max-width:768px){.top_activity_categories_section .activity-grid{padding:5px 15px;display:flex;gap:4%;font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));flex-direction:row;overflow:auto}.top_activity_categories_section .activity-category-card{background-color:#fff;border-radius:10px;box-shadow:0 1px 5px #ddd;box-sizing:border-box;border-radius:5px;list--type:none;background:#fff;transition:.17s;cursor:pointer;max-width:5}.top_activity_categories_section .activity-image{height:159px;background-position:center;border-radius:7px;aspect-ratio:2 / 1}}
<>
.cat-info-section{
position:relative;
}
/* .cat-info-section .container{margin-top: 80px !important; margin-bottom: 80px !important; } */
.cat-info-section:before{background:linear-gradient(87deg#15004A -5.83%#1A142B 59.73%);background-size: 70%;background-position: left;background-repeat: no-repeat;}
Social Events in Hyderabad
Social Events in Hyderabad
Trending Events in Hyderabad
social Events from nearby cities
Trending events from nearby cities
< type="text/css">.ae-content-block .top-events-table th{min-width: 90px;} .ae-content-full.ae-content-block .inner li{line-height: 1.5; margin: 10px 0;}
FAQs
What are the top free social Events happening in Hyderabad?
Here are the top free social Events in Hyderabad:
What are the social Events happening in Hyderabad This Weekend July 31 - August 2 2026?
Here are the social Events happening this weekend July 31 - August 2 2026 in Hyderabad:
- Tab Tum Kahan is happening on Sun 02 Aug 2026 from 7:30 PM onwards at The Comedy Theatre: Hyderabad.
- Daru Badnaam - A Comedy Show by Inder Sahani is happening on Sun 02 Aug 2026 from 6:30 PM onwards at KLN Prasad Auditorium - FTCCI: Hyderabad
- Knife Painting is happening on Sun 02 Aug 2026 from 3:08 PM onwards at Mexarosa - Authentic Mexican Restaurant: Hyderabad
What social Events are happening in Hyderabad Today August 02 2026?
Here are the social Events happening today August 02 2026 in Hyderabad:
- Tab Tum Kahan is happening on Sun 02 Aug 2026 from 7:30 PM onwards at The Comedy Theatre: Hyderabad.
- Daru Badnaam - A Comedy Show by Inder Sahani is happening on Sun 02 Aug 2026 from 6:30 PM onwards at KLN Prasad Auditorium - FTCCI: Hyderabad
- Knife Painting is happening on Sun 02 Aug 2026 from 3:08 PM onwards at Mexarosa - Authentic Mexican Restaurant: Hyderabad
What are the top social Events happening in Hyderabad?
Here are the top social Events in Hyderabad:
What are the social Events happening in Hyderabad this August 2026?
Here are the social Events happening in Hyderabad in August 2026 :
<>
.faq-category {
margin-top: 70px;
margin-bottom: 50px;
max-width: 870px;
}
.ep-faq-toggle-icon {
transition: transform 0.3s ease;
}
.ep-faq-items {
width: 100%;
}
.ep-faq-item {
margin-bottom: 10px;
overflow: hidden;
border-radius: 8px;
border-bottom: 1px solid #EAECF0;
transition: box-shadow 0.3s easetransform 0.3s ease;
}
.ep-faq-item:hover {
box-shadow: none !important;
transform: translateY(0px) !important;
}
.ep-faq-question {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.75rem;
color: #101828;
cursor: pointer;
transition: background-color 0.3s easecolor 0.3s easepadding 0.3s ease;
padding: 15px 15px 15px 0px ;
border-radius: 8px;
}
.ep-faq-question:hover {
background-color: white !important;
}
.ep-faq-question[aria-expanded="true"] {
background-color: white !important;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ep-faq-question-text {
padding-right: 20px;
transition: color 0.3s ease;
font-size: 16px;
}
.ep-faq-toggle-icon {
width: 20px;
height: 20px;
transition: transform 0.5s easeopacity 0.3s ease;
flex-shrink: 0;
}
.ep-faq-question .minus-icon {
opacity: 0;
transform: rotate(60deg);
}
.ep-faq-question[aria-expanded="true"] .plus-icon {
transform: rotate(0deg);
opacity: 1 !important;
}
.ep-faq-question[aria-expanded="true"] .minus-icon {
transform: rotate(0deg);
opacity: 1;
}
.ep-faq-answer {
color: #667085;
font-size: 16px;
font-weight: 400;
line-height: 24px;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.5s cubic-bezier(0101)opacity 0.5s easepadding 0.5s ease;
padding: 0px !important;
}
.ep-faq-answer.active {
max-height: 1000px;
opacity: 1;
padding: 0px 0px 20px 0px !important;
transition: max-height 1s ease-in-outopacity 0.5s easepadding 0.5s ease;
}
@media screen and (max-width: 768px){
.ep-faq-items{
width: 100%;
}
.ep-faq-section{
padding: 0px 15px;
}
}
.faq-list {
list-: none;
padding-left: 0;
margin: 10px 0;
}
.faq-list li {
margin-bottom: 12px;
line-height: 1.6;
font-size: 14px;
}
.faq-list .ghref {
text-decoration: none;
font-weight: 500;
font-size: 16px;
}
.faq-list .ghref:hover {
text-decoration: underline;
}
.faq-answer-inner h4 {
margin: 0 0 10px 0;
font-size: 16px;
font-weight: 500;
color: #101828;
text-transform: none;
}
All Events that you vibe with!
Customize your experience; only see the events that click with you!
Tune my vibe
Best in Hyderabadstraight to your inbox
Never miss a single fun event; let us keep you updated!
Explore more in Hyderabad
Explore Events in Nearby Cities
< type="text/css">
.main-title{font-size: 18px !important; font-weight: 600; line-height: 28px !important;}
.sub-text{font-size: 13px !important; font-weight: medium; color: #8B8C8F !important; line-height: 16px !important; margin-top: 12px !important;}
@media screen and (max-width: 480px) {
.bottom-right-subscribe .subscribe-form input{
width: 75% !important;
}
}
/* .bottom-right-subscribe{box-shadow: rgba(0000.2) 0px 4px 15px 0pxrgba(0000.1) 0px 1px 2px 0px#BC3400 0px 3px 0px 0px inset;border-radius: 10px;padding: 25px;z-index: 99999;} */
.bottom-right-subscribe{box-shadow: #5E5E5E40 0px -5px 12.2px 0px#FFF1E7 0px 3px 0px 0px inset;border-radius: 10px;padding: 30px;z-index: 99999;}
.bottom-right-subscribe .subscribe-form{border-top: unset;background:white;padding-left: 30px; padding-right: 40px;}
.bottom-right-subscribe .subscribe-form input{width: 80%; height: 40px!important; box-sizing: border-box; font-size: 14px; color: #8B8C8F; -webkit-appearance: none; background-color: #ffffff !important; padding: 11px 20px 11px 15px !important; border-width: 1px; border-: solid; box-shadow: none !important; border-color: #D3D3D3; border-image: initial; border-radius-left: 4px; border-radius-right: 0px; margin-bottom: 0px;}
.bottom-right-subscribe .subscribe-form input:focus{outline: none !important; box-shadow: none !important; border-color: #D3D3D3 !important; color: #000000 !important;}
.bottom-right-subscribe .subscribe-form input:not(:placeholder-shown){color: #000000 !important;}
.bottom-right-subscribe .subscribe-form button{cursor: pointer; z-index: 1; position: absolute;border-top-right-radius: 3px; border-bottom-right-radius: 3px;-webkit-tap-highlight-color: rgba(0000); user-select: none;margin-left: -4px;height: 40px; background: linear-gradient(348.18deg#D3213F -28.23%#D14808 88.99%);
border: none; color: white !important; font-size: 14px !important; font-weight: 600 !important; line-height: 16px !important; padding: 10px 15px !important; border-radius-right: 4px !important; cursor: pointer !important;}
.bottom-right-subscribe .subscribe-name-box .subscribe-pitch > h5.bottom-right-subscribe .subscribe-name-box .subscribe-pitch > p {padding-left: 4px;}
.bottom-right-subscribe .subscribe-name-box .subscribe-form button{min-width: 40px;}
.bottom-right-subscribe .subscribe-name-box .subscribe-form p{margin-left: 0px;}
.btn-interest{height: 40px; font-size: 13px; line-height: 40px; pointer-events: auto; cursor: pointer; text-align: center; border-radius: 40px; padding: 0px 10px; border: unset;border-image: initial; transition: color 0.3s ease 0s; background-color: white !important; color: #D14808 !important; margin: 4px;width: 47%; box-sizing: border-box;margin: 5% 3%;text-transform: capitalize;text-shadow: none; border: 1px solid #D3D3D3 !important; color: #44464B !important; background-color: white !important;}
.subscribe-interest-box ul .selected{background: #FFF1E7 !important; color: #000000 !important;border: 1px solid #f88c2d4f !important;}
.subscribe-interest-box ul{list-: none;float: left; width: 100%;margin-left: 0px;max-height: 300px; overflow-y: scroll;}
.subscribe-interest-box .subscribe-pitch > h5,.subscribe-sharer-box .subscribe-pitch > h5{padding-left: 0px;margin-left: 0px;}
.subscribe-interest-box ul li{float: left; width: 50%;}
.subscribe-interest-box ul li .btn-interest{float: left; width: 90%;letter-spacing: 0.5px;}
.subscribe-interest-box .subscribe-pitch{float: left; padding-left: 7px;border-bottom: 1px dashed #8B8C8F !important;padding-bottom: 15px;}
.subscribe-interest-box .subscribe-pitch > h5,.subscribe-sharer-box .subscribe-pitch > h5{font-size: 22px;margin-bottom: 5px;}
.subscribe-sharer-box .subscribe-pitch > h5{border-bottom: 1px dashed #8B8C8F !important;margin-bottom: 15px;padding-bottom: 15px;}
.subscribe-sharer-box .subscribe-pitch{float: left;}
.subscribe-sharer-box .deskop-hidden{display:none;}
@media (max-width: 768px){.subscribe-sharer-box .deskop-hidden{display:block;}.subscribe-sharer-box .mobile-hidden{display:none;}}
@media (max-width: 486px){.subscribe-city-box .follow-city-action {width: 75%!important;}}
.share_with_friends button{width: unset;}
.h5{font-size: 22px; float: left; margin-bottom: 5px; }
.bottom-right-subscribe{width: 300px}
.subscribe-interest-box .subscribe-pitch > h5,.subscribe-interest-box .subscribe-pitch .h5,.subscribe-sharer-box .subscribe-pitch .h5{font-size: 22px;margin-bottom: 5px;}
.subscribe-sharer-box .subscribe-pitch .header-text{border-bottom: 1px dashed #8B8C8F !important;margin-bottom: 15px;padding-bottom: 15px;}
.subscribe-sharer-box .subscribe-pitch{float: left;margin-left: unset;}
.subscribe-sharer-box .btn-interest{width: 100%;background-color: #D14808; box-shadow: none !important; color:white;margin: 5% 0 2%;margin-top: 20px;font-size: 14px;}
.subscribe-sharer-box .btn-warning{height: 40px;font-size: 13px;line-height: 40px;pointer-events: auto;cursor: pointer;text-align: center;border-radius: 4px;padding: 0px 10px;box-shadow: 0 1px 4px #ccc;border: unset;border-image: initial;box-sizing: border-box;text-transform: capitalize;text-shadow: none;width: 100%;background-color:#9ccc47;color:white;margin: 5% 0 0;margin-top: 20px;margin-bottom:31px;background-image: linear-gradient(to bottom#f0aa78#f88c2d);background-repeat: repeat-x;}
.subscribe-interest-box .btn-interest-done {height: 40px; color: white !important; font-size: 13px;line-height: 40px;pointer-events: auto;cursor: pointer;text-align: center;border-radius: 4px;padding: 0px 10px;box-shadow: 0 1px 4px #ccc;border: unset;box-sizing: border-box;text-shadow: none;margin-top: 10px;margin-bottom:6px;width: 100%; background: linear-gradient(348.18deg#D3213F -28.23%#D14808 88.99%)}
/* Custom hover effect for Get App Now buttons */
.subscribe-sharer-box .btn.btn-warning {
transition: transform 0.3s ease !important;
background-image: linear-gradient(to bottom#f0aa78#f88c2d) !important;
background-repeat: repeat-x !important;
}
.subscribe-sharer-box .btn.btn-warning:hover {
transform: scale(1.03) !important;
background-image: linear-gradient(to bottom#f0aa78#f88c2d) !important;
background-color: #f0aa78 !important;
color: white !important;
}
What shall we call you?
E.g. Jack is first name and Mandanka is last name.
Tell Us What You Love
We will curate event recommendations based on your interests.
You are in 🤟
Let’s take it to the next level
Unlock the full experience
Download app and get access to exclusive events and offers in your city
