.bg-gray-300 {
    background-color: transparent;
}

.bg-green-600 {
    background-color: #2d2d2d;
}

.header_text {
    font-size: 53px;
}

.filter-icons {
    width: 85%;
}

.header_dropdown {
    background: transparent;
    border: none;
}

.text-amber-800 {
    color: #6ce49b;
}

.shadeGreen {
    background-color: #038b8b !important;
    box-shadow: none;
    color: white !important;
    border-radius: 9px;
}

#brand_name {
    font-family: 'Playfair Display', serif;
    color: #078b8b;
    font-size: 30px;
}

#main_name {
    font-family: 'Playfair Display', serif;
    color: #078b8b;
    font-size: 50px;
}

.dropdown-content {
    /* width: max-content; */
    z-index: 15 !important;
}

#joyBtn {
    background: #078b8b;
    border: none;
    box-shadow: none;
    color: #038b8b;
}
#joyBtn:hover {
    background: #f8f8f8;
    color: #038b8b;
    border: none;
    transition: all 0.5s ease-out allow-discrete;
}

.checkbox {
    &:checked, &[aria-checked=true] {
        background-color: #e4f7ca
    }
}

#trafficCity {
    font-weight: 600;
    display: flex;
}

.favorite_btn {
    display: none !important;
}

.ratings {
    display: none !important;
}

.listing_tag {
    display: none !important;
}

.gm-ui-hover-effect {
    display: none !important;
}

.gm-style .gm-style-iw-c {
    background-color: #000000;
}

#alertContainer {
    color: #ababab;
    font-weight: 600;
    display: flex;
}

.filterBtn {
    border: none;
}
.filterBtn:hover {
    background: transparent;
    background-color: transparent;
    box-shadow: none;
}

.filterDropdown{
    /* display: flex; */
    margin-top: 10px;
} 

/* #filterDropdown {
    display: none;
} */

.hidden {
    display: none !important; 
}

.brandColor {
    background-color: #17c85a !important;
}

.detailsBtn {
    display: none;
}

.stopDetails {
    display: none;
}

#userRequestInput {
    /* background-color: #e7e7e7; */
    border: none !important;
    color: #767676;
}

#weathertext {
    font-weight: 600;
}

#mapBtns {
    display: none;
}

#joyResults {
    color: #ababab;
    font-weight: 600;
    font-size: 14px;
}

#joySubtext {
    font-size: 12px;
    color: #1cca5a;
}

#joyTitle {
    color: #038b8b;
}

.text-base-content {
    color: #1cca5a;
}

.avatar {
    width: 40px;
    border-radius: 50%;
}

.resetBtn {
    color: #ababab;
    border: none;

}

.subtitle {
    font-family: 'Playfair Display';
    font-size: 19px;
    text-transform: capitalize;
    /* font-weight: 600; */
    color: #098b8b;
}

.orgBtn {
    display: none;
}

.aboutTitle {
    color: #e4f7ca;
    font-size: 50px;
}

.input:focus {
    --input-color: #18cc5c;
}

.loading {
    color: #e4f7ca;
    background-color: #e4f7ca;
}

#disbaledFeature {
    pointer-events: none;
    opacity: .4;
}

#googleLoginBtn {
    background-color: white;
    background: white;
}

.md\:text-8xl {
    font-size: 86px;
}

.cta_image {
    margin-bottom: -4%;
    z-index: 5;
    position: relative;
}

.cta_sectionTitle {
    font-size: 60px;
}

.joyFeatures {
    background: #061312;
    margin-top: -15%;
    z-index: 5;
    position: relative;
}







/* Mobile */

@media only screen and (max-width: 768px) {
#mobile-toggle-controls {
    display: none !important;
}
}


@media only screen and (max-width: 768px) {
body > header > div.flex-none.md\:block > div > div > div:nth-child(2) {
    display: none;
}
}

@media only screen and (max-width: 768px) {
#brand_name {
    display: none !important;
}
}

@media only screen and (max-width: 768px) {
#userRequestInput {
    background-color: #e7e7e7;
    background: #e7e7e7;
   
}
}


@media only screen and (max-width: 768px) {
.listingImg {
    width: 35%;
}
}

@media only screen and (max-width: 768px) {
.dropdown-content {
    width: auto;
}
}

@media only screen and (max-width: 768px) {
#filter-checkbox-container {
    height: 200px;
}
}

@media only screen and (max-width: 768px) {
#action_buttons {
    display: inline-grid;
}
}

@media only screen and (max-width: 768px) {
.subtitle {
    font-size: 20px;
}
}

@media only screen and (max-width: 768px) {
.menu {
    position: relative !important;
    z-index: 10 !important;
}
}

@media only screen and (max-width: 768px) {
.download_NavBtn {
    display: none !important;
}
}

@media only screen and (max-width: 768px) {
.cta_image {
    margin-top: -25%;
}
}

@media only screen and (max-width: 768px) {
.pb-32 {
    margin-top: -50%;
    margin-bottom: -50%;
}
}

@media only screen and (max-width: 768px) {
.faq-toggle {
    text-align: left;
}
}