.inner-banner {
width: 100%;
position: relative;
background-repeat: no-repeat;
background-size: cover;
padding:100px 0;
min-height: 300px;
display: flex;
align-items: center;
}

.inner-banner .col-md-12.col-lg-12{ flex-direction:column !important;}

.inner-banner:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #00000066;
}

.inner-banner .container {
    position: relative;
    z-index: 1;
    height: 100%;
}

.inner-banner .container .row {
    height: 100%;
}

.inner-banner h1 {
    color: #fff;
}

.inner-banner h1:last-child {
    margin-bottom: 0
}

.inner-banner p {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
}

.inner-body {
    width: 100%;
}

.top-filter-row .dropdown button:after {
    content: none;
}

.top-filter-row {
    width: 100%;
    display: flex;
    gap: 24px;
    margin-bottom: 40px;
}
.top-filter-row .dropdown{width:100%;}
.top-filter-row .dropdown .dropdown-menu{width:100%;}
.top-filter-row .dropdown button {
background: url(../images/select-arrow.svg) no-repeat right 8px center #fff;
background-size: 12px;
padding-right: 38px;
border: 1px solid #dce5df;
font-size: 14px;
line-height: 20px;
font-weight: 400;
border-radius: 5px;
width: 100%;
padding: 9px 16px;
padding-right: 16px;
color: #1f2e24;
text-align: left;
}

.top-filter-row .dropdown .dropdown-menu li a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    border-radius: 4px;
    padding: 7px 12px;
}

.top-filter-row .search{max-width: 225px; width: 100%; margin-left: auto;}
.top-filter-row .search input[type="search"]{
    border: 1px solid #dce5df;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    border-radius: 5px;
    width: 100%;
    padding: 9px 16px;
    color: #1f2e24;
    padding-right: 35px;
    background: url(../images/search-green.svg) no-repeat right 10px center #fff;
    background-size: auto;
    background-size: 16px;
}




.golf-card {
    display: flex;
    height: 100%;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    border-radius: 10px;
}

.golf-card figure {
    width: 100%;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    position: relative;
    margin-bottom: 0
}
.golf-card figure .tag {
    width: 30px;
    height: 22px;
    border-radius: 12px;
    background: #0F5729;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 15px;
    top: 15px;
}

.golf-card figure>img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.golf-card figure .deals {
    min-width: 65px;
    height: 22px;
    border-radius: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #1F2E24;
    font-weight: 600;
    position: absolute;
    left: 12px;
    top: 12px;
    padding: 5px 10px;
}

.golf-card figure .deals img {
    max-height: 14px;
    margin-right: 3px;
}

.golf-card figure:hover .deals img {
    transform: none;
}

.golf-card .top-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px;
    gap: 10px;
}


.golf-card .wishlist {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffffe5;
}

.golf-card .wishlist:hover {
    background: #fff;
}

.golf-card figure:hover a img {
    transform: none;
}

.golf-card .inner {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}

.golf-card .inner-text {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.golf-card .inner p {
    font-size: 14px;
    margin:0 0 10px;
    line-height: 20px;
    color: #5C8A6B;
}

.golf-card.mini h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom:0;
}

.golf-card ul.tags {
    display: flex;
    gap: 8px;
    margin-bottom: 15px;
}
.golf-card ul.tags li {
    font-size: 12px;
    line-height: 14px;
    color: #1F2E24;
    font-weight: 400;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    text-align: center;
}



.golf-card .ratings {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 14px;
    white-space: nowrap;
}

.golf-card .top-row .discount {
    color: #5C8A6B;
    font-size: 20px;
}

.golf-card .time-location {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px;
}

.golf-card .time-location li {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #5c8a6b;
    font-weight: 400;
    justify-content: space-between;
    display: flex;
    align-items: center;
}


.golf-card .time-location li a {
    color: #5c8a6b;
    display: flex;
}

.golf-card .time-location li img {
    margin-right: 5px;
    width: 14px;
    height: auto;
    color: #f00;
}



.golf-card .common-btn {
    width: 96px;
    height: 31px;
    line-height: 25px;
    min-height: auto;
    padding: 0;
}


.golf-card .common-btn img {
    filter: brightness(0) invert(1);
    max-height: 12px;
    margin-right: 2px;
    position: relative;
    top: 1px;
}
.rating-list {
    padding-left: 19px;
    margin-bottom: 35px;
}
.rating-list li{display: flex; margin-bottom:5px}
.rating-list li:last-child{margin-bottom: 0;}

.rating-list li h6 {
    font-size: 14px;
    line-height: 20px;
    color: #1F2E24B2;
    display: flex;
    align-items: center;
    max-width: 180px;
    width: 100%;
}

.rating-list li span {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 12px;
}

.golf-card .inner-text .btn-group{display: flex; gap: 15px;}

.golf-card .inner-text .btn-group .common-btn {
    font-size: 14px;
    line-height: 18px;
    color: #1F2E24 !important;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #DCE5DF;
    background: none !important;
    height: 40px;
    padding:5px;
}
.golf-card .inner-text .btn-group .common-btn.reserve {
    background: #5C8A6B !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}
.golf-card .inner-text .btn-group .common-btn:hover{background: linear-gradient(90deg, #0F5729 0%, #31814F 100%) !important; color:#fff !important;}

.club-container {
    background: linear-gradient(90deg, #0F5729 0%, #31814F 100%);
    padding: 35px 15px;
    border-radius: 10px;
    margin: 35px 0;
}

.club-container .mid-row {
    display: flex;
    gap: 30px;
    margin: 30px 0;
}

.club-container .left {
    background: #FFFFFF1A;
    border-radius: 10px;
    padding: 20px;
    background: #FFFFFF1A;
    width: 100%;
}
.club-container .left h6 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 8px;
}
.club-container .left h3 {
    color: #FDE047;
    font-weight: 700;
    margin-bottom: 10px;
}

.club-container .left p{color: #fff; font-size:16px; margin-bottom: 0;}
.club-container h2{color: #fff; font-weight: 700; margin-bottom:15px;}
.club-container h4{color: #fff; font-weight:400; margin-bottom:0;}
.club-container .right {
    width: 140px;
    height: 140px;
    background: #FFFFFF1A;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    flex-shrink: 0;
}
.club-container .right img {max-height: 70px;}
.club-container button{background:#fff !important; color:#0F5729 !important; font-size: 16px; font-weight: 600;}
.club-container button:hover{background:#FDE047 !important;}
.club-container .btn-group{gap:24px;}




@media only screen and (max-width:1400px){
.golf-card .inner-text .btn-group .common-btn {
    min-width: auto;
}

.golf-card .inner-text .btn-group {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

}



@media only screen and (max-width:991px){
.left-filter-box .dropdown button{font-size: 12px;}
.bottom-fix{flex-direction: column;}
.golf-card .common-btn{width:100%;}
.golf-card .inner-text .btn-group {gap: 10px; flex-wrap: wrap;}
.golf-card .inner-text .btn-group .common-btn {width:100px; min-width: auto;}

}


@media only screen and (max-width:767px){
.rating-list{padding-left: 0;}
.rating-list li {width: 100% !important; justify-content: space-between;}
.golf-card .inner-text .btn-group .common-btn {
    width: calc(50% - 5px);
    min-width: auto;
}
.top-filter-row { flex-wrap: wrap; gap: 10px;}
.top-filter-row .search {max-width: 100%; width: 100%; margin-left: auto;}
.golf-card .inner-text .btn-group { gap: 8px;}

}

@media only screen and (max-width:600px){
.club-container{padding:35px 0;}
.club-container .mid-row {
    display: flex;
    margin: 30px 0;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}
.club-container h2, .club-container h4{text-align: center;}
.club-container .left{text-align:center;}
.club-container .btn-group {
    gap: 24px;
    display: flex;
    justify-content: center;
}

}