body {
    font-size: 12px;
}
/* header */
.filters-header {
    /* background-color: #f5f5f5 !important; */
    /* box-shadow: 0 2px 10px rgb(0 0 0 / 8%); */
    background-color: #fff;
    width: 100%;
}
/* hero section */
.hero {
    background-image: url("../../discover-bg.png");
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    width: 100%;
}
.hero .content {
    width: 600px;
    margin: auto;
    margin-top: 200px;
}
.hero .content h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 56px;
}
.hero .content h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 36px;
}
.search-row {
    width: 50%;
}
.search-row .search-col:first-child .search-col-inner {
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
    border-right: 0;
}
.search-row .search-col2 .search-col-inner {
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
    border-left: 0;
}
.search-row .search-col .search-btn-border,
.search-row .search-col .search-col-inner,
.search-row .search-col:first-child .search-col-inner {
    border-style: solid;
    border-color: #d6d6d69e;
    border-width: 1px;
}
.search-row .search-col .search-col-inner {
    position: relative;
    background: #fff;
}
.search-row .search-col .search-col-inner .icon-append {
    position: absolute;
    left: 12px;
}
.search-row .icon-append {
    font-size: 18px;
    position: absolute;
    top: 7px;
    color: #85d0f3 !important;
}
.search-row .search-col .search-col-inner .search-col-input {
    display: block;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
    margin-left: 32px;
}
.search-row .search-col:first-child .form-control {
    border-top-left-radius: 24px !important;
    border-bottom-left-radius: 24px !important;
}
.search-row .search-col {
    padding: 0 0px;
    position: relative;
}
.search-row .search-col .form-control,
.search-row .select2-container--default .select2-selection--single,
.search-row button.btn-search {
    font-size: 16px;
}
.search-row .search-col .form-control {
    box-shadow: none !important;
}
.search-row .search-col .form-control,
.search-row button.btn-search {
    border-radius: 0;
    border: 0;
    height: 32px;
    margin-bottom: 0;
}
/* filters */
.selection-filters {
    display: flex;
    width: 100%;
}
.selection-filters .form-check label {
    text-transform: capitalize;
}
.selection-filters select {
    margin-right: 10px;
    width: 110px;
}
.selection-filters .dropdown .dropdown-menu {
    padding: 20px !important;
    top: 12px !important;
    box-shadow: 0 4px 12px rgb(0 0 0 / 24%);
    border: 0px !important;
    z-index: 100;
    min-width: 839px;
}
.selection-filters .dropdown .dropdown-toggle {
    display: inline-block;
    padding: 5px 15px 5px 10px;
    border: 1px solid #d6d6d6;
    border-radius: 7px;
    margin-right: 10px;
    background-color: #fff;
    margin-right: 10px;
    font-size: 12px;
    position: relative;
}
.selection-filters .dropdown .dropdown-toggle:hover {
    background-color: #f5f5f5;
}
.selection-filters .dropdown.show .dropdown-toggle {
    border: 1px solid #005992;
}

.selection-filters .dropdown .dropdown-toggle::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107" !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    margin-left: 0px !important;
    vertical-align: 0px !important;
    position: absolute;
    right: 3px;
}
.selection-filters .dropdown.show .dropdown-toggle::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f106" !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    margin-left: 0px !important;
    vertical-align: 0px !important;
}
.main {
    margin-top: 20px;
}
.main .result {
    height: calc(100vh - 210px);
    overflow-y: hidden;
    overflow-x: hidden;
}
.main #map {
    height: calc(100vh - 210px);
}
.main .result:hover {
    overflow-y: scroll;
}
.main .media,
.main .media-content {
    font-size: 12px;
}
.main .media-content {
    border-left: 1px solid #d6d6d6;
    height: 100%;
    padding: 10px 20px;
}
.main .media .img {
    width: 170px;
    height: 98px;
    object-fit: cover;
}
.main .media .img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.main .media .title {
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
    font-weight: 700 !important;
    margin-bottom: 0px;
}
.main .media .heading {
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 700 !important;
    margin-bottom: 0px;
}
.media .shield i {
    color: rgb(255, 214, 1);
}
/* profile */
.cover-image img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    margin-bottom: 20px;
}
.profile-content {
    font-size: 12px;
}
h4.heading {
    font-size: 1rem;
    font-weight: 700 !important;
}
.rating i {
    color: rgb(255, 214, 1);
}
h6.activity {
    font-size: 0.65rem;
    font-weight: 700 !important;
    text-transform: uppercase;
}
.location-details {
    position: sticky;
    top: 20px;
}
/* schedule */
.schedule-row {
    font-size: 12px;
}
.schedule .link-next a,
.schedule .link-prev a {
    font-size: 20px;
}
/* right-side */
.personal-details ul {
    list-style: none;
    padding: 0px;
}
.personal-details ul li {
    padding: 16px 80px 0px 16px;
}
.personal-details ul li a {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: flex-start;
}
.personal-details ul li a .text {
    font-size: 12px;
}
/* highlights */
.highlight .icon {
    font-size: 20px;
}
.iframe {
    height: 100%;
}
.discover-section .selection-filters .dropdown .dropdown-toggle::after{
    position: relative;
    top: 1px;
    right: -2px;
}
.discover-section .selection-filters .dropdown .dropdown-toggle{
    padding: 6px 12px 6px 12px;
}
.discover-section  .search-row .search-col .form-control, .search-row button.btn-search{
    height: 29px;
    border-radius: 7px;
}
.discover-section .search-row .search-col .search-col-inner{
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
}
.discover-section .search-row .search-col2 .search-col-inner{
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
@media (max-width: 991px) {
    .filters-header {
        margin-top: 20px;
    }
    .iframe {
        display: none;
    }
    .discover-section {
        padding: 0px 20px;
    }
    .selection-filters .dropdown .dropdown-menu {
        min-width: 600px !important;
    }
    .discover-section .search-row .search-col2 .search-col-inner{
        border-top-right-radius: 7px !important;
        border-bottom-right-radius: 7px !important;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }
}
@media screen and (max-width: 576px) {
    .main .result .media img {
        width: 100%;
    }
    .main .result .media-content {
        border-left: 0px;
        padding: 20px 10px;
    }
    .selection-filters {
        overflow-x: scroll;
        justify-content: space-between;
/*        padding-left: 6px;*/
    }
    .discover-section .selection-filters .dropdown .dropdown-toggle{
        margin-right: 0;
    }
    .highlight {
        margin-bottom: 10px;
    }
    .cover-image img {
        height: 160px;
        margin-bottom: 0px;
    }
    .reviews .rate {
        text-align: center;
    }
    .schedule-row .btn {
        padding: 2px !important;
        font-size: 8px !important;
    }
    .discover-section {
        /* padding: 0px 10px; */
    }
    .selection-filters .dropdown .dropdown-menu {
        max-height: calc(100vh - 200px);
        width: 90vw;
        overflow-y: scroll;
        background: #fff;
        border-radius: 8px;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
    .search-row {
        width: 100%;
    }
    .selection-filters .dropdown .dropdown-menu {
        min-width: 300px !important;
    }
}