@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    /* font-family */
    --primary-font-family: "Montserrat", system-ui;
    --secondary-font-family: "Lato", system-ui;
    /* font-size */
    --font-size-h2: 40px;
    --font-size-h3: 28px;
    --font-size-h4: 26px;
    --font-size-h5: 23px;
    --font-size-h6: 20px;
    --font-size-small: 19px;
    --font-size-body-text: 18px;
    --font-size-extra-small: 17px;
    --font-size-asset: 16px;
    /* color  */
    --primary-color: #111111;
    --secondary-color: #2B303A;
    --asset-color: #FE9200;
    --brown-color: #280800;
    --white-color: #ffffff;
    --background-color: #FE92001A;

}

* {
    box-sizing: border-box;
}

html,
body {
    scroll-behavior: smooth;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
form {
    margin: 0px;
    padding: 0px;
}

li {
    display: inline-block;
}

a {
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

img {
    max-width: 100%;
}

section {
    padding: 40px;
}

.container {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    position: relative;
}

.dflex {
    display: flex;
    flex-wrap: wrap;
}

.click__box {
    cursor: pointer;
}

:focus-visible {
    outline: none;
}

::placeholder {
    opacity: 1;
    color: var(--primary-color);
}

h1 {
    font-family: var(--primary-font-family);
    font-weight: 500;
    font-size: var(--font-size-h2);
    line-height: 43px;
}

h2 {
    font-family: var(--primary-font-family);
    font-weight: 500;
    font-size: var(--font-size-h2);
    line-height: 43px;
}

h3 {
    font-family: var(--primary-font-family);
    font-weight: 500;
    font-size: var(--font-size-h3);
    line-height: 31px;
}

h4 {
    font-family: var(--primary-font-family);
    font-weight: 500;
    font-size: var(--font-size-h4);
    line-height: 30px;
}

h5 {
    font-family: var(--primary-font-family);
    font-weight: 500;
    font-size: var(--font-size-h5);
    line-height: 30px;
}

h6 {
    font-family: var(--primary-font-family);
    font-weight: 600;
    font-size: var(--font-size-h6);
    line-height: 30px;
}

p {
    font-family: var(--secondary-font-family);
    font-weight: 500;
    font-size: var(--font-size-body-text);
    line-height: 30px;
}

a {
    font-family: var(--secondary-font-family);
    font-weight: 400;
}


/* header css start  */
.header__banner {
    padding: 20px 40px 25px;
}

.header__banner .banner__outer {
    text-align: center;
}

.header__main {
    padding: 20px 40px 0;
    margin-bottom: 17.5px;
    width: 100%;
    background: var(--white-color);
    transition: top 0.3s ease-in-out;
    position: relative;
    z-index: 1111;
    top: 0;
}

.header__main .header__outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__main img.logo__image {
    max-width: 164px;
}

.header__main ul.menu__list {
    display: flex;
    gap: 5px 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.header__main .menu__list a {
    font-size: var(--font-size-asset);
    line-height: 30px;
    color: var(--secondary-color);
}

.header__main .menu__list li:hover a {
    color: var(--asset-color);
}

.header__main .menu__list li.active a {
    display: flex !important;
    gap: 7px;
    align-items: center;
    color: var(--asset-color);
}

.header__main .header__search {
    display: flex;
    gap: 10px;
    min-width: fit-content;
    align-items: center;
}

.header__main .header__search .menu__language-container {
    display: flex;
    position: relative;
    height: fit-content;
}

.header__main .header__search .language__dropdown {
    position: absolute;
    top: 25px;
    left: -10px;
    width: max-content;
    display: none;
    padding: 10px 10px 5px;
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    z-index: 1;
    cursor: pointer;
    border-radius: 10px;
}

.header__main .menu__language {
    gap: 5px;
    display: flex;
    align-items: center;
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: var(--secondary-color);
}

.header__main .language__dropdown .menu__language {
    margin-bottom: 5px;
}

.header__main img.language__image {
    width: 20px;
    border-radius: 3px;
}

.header__main .search__bar {
    position: relative;
}

.header__main .search__bar input[type="text"] {
    padding: 11px 15px;
    font-family: var(--secondary-font-family);
    font-size: var(--font-size-asset);
    font-weight: 400;
    line-height: 29px;
    color: var(--secondary-color);
    background-color: var(--background-color);
    border: none;
    border-radius: 500px;
}

.header__main .search__bar button {
    padding: 10px;
    border: none;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: var(--asset-color);
    width: 40px;
    height: 40px;
}

.header__main .mobile__menu {
    display: none;
}

.header__main.sticky {
    position: fixed;
    padding-top: 9px;
    top: 0;
}

.header__main.sticky .header__outer {
    padding-bottom: 9px;
    border-color: transparent;
}

/* header css end  */

/* header popup menu start  */

#header__popup {
    position: fixed;
    background: var(--white-color);
    height: 100vh;
    width: 91vw;
    max-width: 440px;
    top: 0;
    right: 0;
    display: none;
}

#header__popup .popup__overlay {
    content: "";
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    background: #000000ad;
    right: 0;
    z-index: -1;
}

#header__popup .popup-content {
    padding: 50px 25px 30px;
    height: 100%;
    overflow: auto;
    background: var(--white-color);
}

#header__popup .popup-content #closePopup {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 48px;
    font-family: var(--primary-font-family);
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
}

#header__popup .popup-content ul.menu__list {
    justify-content: space-around;
    flex-direction: column;
}

#header__popup .header__search {
    margin-top: 15px;
    gap: 15px;
}

#header__popup .search__bar {
    position: relative;
    width: 203px;
}

/* header popup menu end  */

/* highlight destination section css start */
#home .header__main .header__outer {
    border-bottom: 1px solid #00000033;
}

#highlight__destination {
    padding-top: 23px;
}

#highlight__destination .highlight__main {
    gap: 15px;
}

#highlight__destination .highlight__col1 {
    width: calc(41% - 10px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#highlight__destination .highlight__col2 {
    width: calc(26% - 10px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#highlight__destination .highlight__col3 {
    width: calc(33% - 10px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#highlight__destination .highlight__outer {
    height: 309px;
    width: 100%;
    padding: 20px;
    border-radius: 25px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    color: var(--white-color);
}

#highlight__destination .highlight__col2 .highlight__outer {
    height: 634px;
}

#highlight__destination .highlight__outer:after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180.35deg, rgba(0, 0, 0, 0) 54.22%, #000000 99.7%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#highlight__destination .highlight__outer .destination__content {
    display: flex;
    align-items: end;
    width: 100%;
}

#highlight__destination .highlight__outer .destination__category {
    font-family: var(--secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--secondary-color);
    background-color: var(--asset-color);
    border-radius: 50px;
    padding: 9px 11px;
    width: fit-content;
}

#highlight__destination .highlight__outer .destination__content h5 {
    width: calc(100% - 47px);
    line-height: 30px;
    text-transform: capitalize;
}

#highlight__destination .highlight__outer .destination__content svg {
    width: 47px;
}

#highlight__destination .highlight__row.horizontal__row {
    display: flex;
    gap: 15px;
}



/* Search destination section css start */
#search__destination .search__main {
    background-color: var(--brown-color);
    padding: 40px;
    border-radius: 30px;
    gap: 30px;
}

#search__destination .search__outer {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

#search__destination .search__outer .search__heading {
    color: var(--asset-color);
    width: 23%;
}

#search__destination .search__outer .search__heading span {
    color: var(--white-color);
}

#search__destination .search__outer .search__content {
    color: #D9D9D9;
    width: calc(77% - 50px);
    max-width: 800px;
}

#search__destination .search__form {
    width: 100%;
}

#search__destination .search__form form.s-form__main {
    gap: 10px;
}

#search__destination .search__form .search__field {
    width: calc(100% - 180px);
    position: relative;
}

#search__destination .search__form input {
    padding: 10px 30px 10px;
    font-family: var(--secondary-font-family);
    font-size: var(--font-size-asset);
    font-weight: 400;
    line-height: 30px;
    color: var(--primary-color);
    background-color: var(--white-color);
    border: none;
    border-radius: 500px;
    width: 100%;
    height: 50px;
}

#search__destination .search__form .submit__field button {
    padding: 10px 40px;
    border: none;
    border-radius: 50px;
    background-color: var(--asset-color);
    font-size: var(--font-size-asset);
    line-height: 30px;
    color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-left: 10px;
}

#search__destination .search__form input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

#search__destination .popular__search {
    display: flex;
    gap: 30px;
}

#search__destination .popular__search h6 {
    color: var(--asset-color);
    font-size: var(--font-size-body-text);
    font-weight: 700;
}

#search__destination .popular__search ul {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
}

#search__destination .popular__search li {
    color: var(--white-color);
    font-size: var(--font-size-body-text);
    font-family: var(--secondary-font-family);
    font-weight: 700;
}

/* Search destination section css end */

/* common css for heading bar start  */
#heading__bar {
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #00000033;
    align-items: center;
    flex-wrap: nowrap;
}

#heading__bar .main__heading {
    color: var(--primary-color);
}

#heading__bar .view__more {
    color: var(--white-color);
    background-color: var(--secondary-color);
    border-radius: 50px;
    padding: 12px 20px;
    font-family: var(--secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
}

#heading__bar .main__heading span {
    color: var(--asset-color);
}

/* common css for heading bar end  */


/* event & pride destination section css start */
#event__section .event__outer {
    gap: 33px;
    padding-top: 40px;
}

#event__section .event__col {
    width: calc(25% - 25px);
    padding: 15px 15px 49px;
    box-shadow: 0px 0px 20px 0px #00000021;
    border-radius: 30px;
    position: relative;
}

#event__section .event__image {
    position: relative;
}

#event__section .event__image img {
    height: 210px;
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
}

#event__section .event__image .event__icon {
    position: absolute;
    bottom: 16px;
    right: 16px;
}

#event__section .event__data .event__title {
    margin: 10px 0 5px;
    color: var(--primary-color);
}

#event__section .event__data .event__except {
    color: var(--secondary-color);
    font-weight: 400;
    line-height: 20px;
}

#event__section .event__data .event__btn {
    color: var(--asset-color);
    font-size: var(--font-size-body-text);
    line-height: 20px;
    font-weight: 700;
    position: absolute;
    bottom: 15px;
}

/* event & pride destination section css end */



/* travel news section css start  */
#travel__section .travel__banner {
    height: 460px;
    width: 100%;
    padding: 40px 50px;
    border-radius: 30px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    color: var(--white-color);
    margin-top: 40px;
}

#travel__section .travel__banner:after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180.35deg, rgba(0, 0, 0, 0) 54.22%, #000000 99.7%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#travel__section .travel__banner .travel__content {
    display: flex;
    align-items: end;
    width: 100%;
}

#travel__section .travel__banner .travel__category {
    font-family: var(--secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--secondary-color);
    background-color: var(--asset-color);
    border-radius: 50px;
    padding: 9px 11px;
    width: fit-content;
}

#travel__section .travel__banner .travel__content h2 {
    width: calc(100% - 47px);
    line-height: 30px;
}

#travel__section .travel__banner .travel__content svg {
    width: 47px;
}

#travel__section .travel__outer {
    padding-top: 35px;
    gap: 55px;
    align-items: flex-start;
    justify-content: space-between;
}

/* travel news section css end  */


#news__list {
    width: calc(74% - 55px);
    gap: 30px;
}

#news__list .news__col {
    padding: 20px;
    border-radius: 30px;
    box-shadow: 0px 0px 20px 0px #00000021;
    justify-content: space-between;
    position: relative;
}

#news__list .news__image {
    width: 44.5%;
}

#news__list .news__data {
    width: 44.5%;
    padding-bottom: 30px;
}

#news__list .news__image {
    position: relative;
}

#news__list .news__image img {
    height: 244px;
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
}

#news__list .news__image .news__category {
    font-family: var(--secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--secondary-color);
    background-color: var(--asset-color);
    border-radius: 50px;
    padding: 9px 11px;
    width: fit-content;
    position: absolute;
    right: 20px;
    top: 20px;
}

#news__list .news__data .news__title {
    margin: 0 0 16px;
    color: var(--primary-color);
    text-transform: capitalize;
}

#news__list .news__data .news__except {
    color: var(--secondary-color);
    font-weight: 400;
}

#news__list .news__data .news__btn {
    color: var(--asset-color);
    font-size: var(--font-size-body-text);
    line-height: 30px;
    font-weight: 700;
    position: absolute;
    bottom: 20px;
}

#news__list #load__more__btn.travel__news__btn a {
    margin-top: 0 !important;
}

#news__list .ad__row {
    background-color: var(--background-color);
    padding: 15px;
    border-radius: 20px;
    margin-top: 12px;
}

#news__list .ad__row img {
    border-radius: 10px;
}

#news__list .ad__row .ad__text {
    font-size: var(--font-size-body-text);
    font-family: var(--secondary-font-family);
    font-weight: 400;
    color: var(--secondary-color);
    text-align: right;
}

#side__bar {
    width: 26%;
    max-width: 330px;
    gap: 40px;
}

#side__bar .ad__row {
    background-color: var(--background-color);
    padding: 15px;
    border-radius: 20px;
    width: 100%;
}

#side__bar .ad__row img {
    border-radius: 10px;
    width: 100%;
}

#side__bar .ad__row .ad__text {
    font-size: var(--font-size-body-text);
    font-family: var(--secondary-font-family);
    font-weight: 400;
    color: var(--secondary-color);
    text-align: right;
}

#side__bar .add__row__img {
    width: 100%;
}

#side__bar .add__row__img img {
    border-radius: 20px;
    width: 100%;
}

#side__bar .opinion__poll {
    padding: 40px 21px 32px;
}

#side__bar .opinion__poll h3 {
    color: var(--primary-color);
    margin-bottom: 10px;
}

#side__bar .opinion__poll p {
    color: var(--secondary-color);
    margin-bottom: 20px;
    text-align: left !important;
    font-style: italic;
}

#side__bar .opinion__poll ul.add__datalist {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 12px;
}

#side__bar .opinion__poll ul.add__datalist li {
    font-size: var(--font-size-asset);
    font-weight: 400;
    line-height: 20px;
    font-family: var(--secondary-font-family);
    color: var(--secondary-color);
    display: flex;
    gap: 12px;
    align-items: center;
}

#side__bar .opinion__poll ul.add__datalist li span {
    font-size: var(--font-size-body-text);
    font-weight: 700;
}

#side__bar .latest__post {
    padding: 40px 21px 10px;
    position: relative;
    overflow: hidden;
}

#side__bar .latest__post:after {
    content: "";
    width: 100%;
    height: 145px;
    background: linear-gradient(181.25deg, rgba(251, 241, 226, 0) 1.04%, #FBF1E2 98.91%);
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

#side__bar .latest__post .latest__post_heading {
    color: var(--primary-color);
    margin-bottom: 20px;
}

#side__bar .latest__post .latest__post_heading span {
    color: var(--asset-color);
}

#side__bar .latest__post .latest__list {
    gap: 20px;
    position: relative;
}

#side__bar .latest__post .latest__col {
    padding: 10px;
    background: var(--white-color);
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px #00000021;
    gap: 10px;
    align-items: center;
    width: 100%;
}

#side__bar .latest__post .latest__image {
    width: 58px;
    height: 74px;
}

#side__bar .latest__post .latest__image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

#side__bar .latest__post .latest__data {
    width: calc(100% - 68px);
}

#side__bar .latest__post .latest__data h6 {
    font-size: var(--font-size-extra-small);
    line-height: 24px;
    color: var(--primary-color);
    font-weight: 500;
}

#side__bar .latest__post .latest__data .latest__btn {
    font-size: var(--font-size-body-text);
    line-height: 30px;
    color: var(--asset-color);
    font-weight: 700;
}

#side__bar .latest__post .more__icon {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 11;
}

#side__bar .side__video {
    position: relative;
    overflow: hidden;
}

#side__bar .side__video_in {
    background: #fff;
    padding: 10px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

#side__bar .side__video:after {
    content: "";
    width: 100%;
    height: 100px;
    background: linear-gradient(181.25deg, rgba(251, 241, 226, 0) 20%, #FBF1E2 90%);
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

/* clever section css start  */
#clever__section .cleaver__outer {
    margin-top: 40px;
    gap: 36px;
}

.cleaver__outer .clever__inner {
    height: 293px;
    width: calc(25% - 27px);
    padding: 20px;
    border-radius: 25px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    color: var(--white-color);
}

.cleaver__outer .clever__inner {}

.cleaver__outer .clever__inner:after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180.35deg, rgba(0, 0, 0, 0) 54.22%, #000000 99.7%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.cleaver__outer .clever__inner .clever__content {
    display: flex;
    align-items: end;
    width: 100%;
    justify-content: space-between;
}

.cleaver__outer .clever__inner .clever__category {
    font-family: var(--secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--secondary-color);
    background-color: var(--asset-color);
    border-radius: 50px;
    padding: 9px 11px;
    width: fit-content;
    display: flex;
    gap: 10px;
}

.cleaver__outer .clever__inner .clever__content h6 {
    width: calc(100% - 47px);
    line-height: 25px;
    font-size: var(--font-size-body-text);
    font-weight: 500;
    color: var(--white-color);
}

.cleaver__outer .clever__inner .clever__content h6 .clever__extradata {
    display: block;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--secondary-font-family);
    margin-top: 10px;
}

.cleaver__outer .clever__inner .clever__content svg {
    width: 47px;
}

/* clever section css end  */

/* choose destination section css start */
#choose__destination {
    overflow: hidden;
}

#choose__destination .choose__slider {
    padding-top: 30px;
}

#choose__destination .choose__slider .mySwiper {
    overflow: visible;
}

#choose__destination .choose__slider .swiper-slide {
    min-height: 426px;
    padding-top: 30px;
    opacity: 0;
    transition: all 0.5s;
}

#choose__destination .choose__slider .swiper-slide-active,
#choose__destination .choose__slider .swiper-slide-next,
#choose__destination .choose__slider .swiper-slide-next+.swiper-slide,
#choose__destination .choose__slider .swiper-slide-next+.swiper-slide+.swiper-slide {
    opacity: 1;
}

#choose__destination .slider__image {
    height: 426px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

#choose__destination .slider__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#choose__destination .slider__image .icon {
    position: absolute;
    bottom: 23px;
    right: 23px;
}

#choose__destination .slider__content {
    overflow: hidden;
    height: 0;
    transition: all 0.5s;
}

#choose__destination .slider__content .slider__title {
    color: var(--primary-color);
    margin-top: 20px;
}

#choose__destination .slider__content .slider__text {
    color: var(--secondary-color);
    margin-top: 10px;
}

#choose__destination .choose__slider .swiper-slide:hover .slider__image {
    height: 280px;
    margin-top: -30px;
}

#choose__destination .choose__slider .swiper-slide:hover .slider__content {
    height: auto;
}

#choose__destination .choose__slider .swiper-pagination {
    position: relative;
    padding-top: 40px;
    top: 0;
}

#choose__destination .choose__slider .swiper-pagination .swiper-pagination-bullet {
    width: 58px;
    height: 2px;
    border-radius: 0;
    background-color: var(--background-color);
    opacity: 1;
}

#choose__destination .choose__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--asset-color);
}

#choose__destination .choose__slider .swiper-button-next {
    width: 49px;
    height: 49px;
    border: 1px solid var(--asset-color);
    right: -64px;
}

#choose__destination .choose__slider .swiper-button-next:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml,<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 9.50031H20M20 9.50031L12.4 1.98047M20 9.50031L12.4 17.0202" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px;
    filter: brightness(0) saturate(100%) invert(52%) sepia(83%) saturate(981%) hue-rotate(0deg) brightness(101%) contrast(107%);
}

#choose__destination .choose__slider .swiper-button-prev {
    width: 49px;
    height: 49px;
    border: 1px solid var(--asset-color);
    left: -64px;
}

#choose__destination .choose__slider .swiper-button-prev:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml,<svg width="21" height="18" viewBox="0 0 21 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 8.52083H1M1 8.52083L8.6 1M1 8.52083L8.6 16.0417" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px;
    filter: brightness(0) saturate(100%) invert(52%) sepia(83%) saturate(981%) hue-rotate(0deg) brightness(101%) contrast(107%);
}

#choose__destination .choose__slider .swiper-button-next:hover:after,
#choose__destination .choose__slider .swiper-button-prev:hover:after {
    filter: none;
    background-color: var(--asset-color);
}

/* choose destination section css end */


/* ad banner section css start */
#ad__banner .ad-banner__main {
    justify-content: end;
    background: var(--background-color);
    padding: 15px;
    border-radius: 20px;
    gap: 10px;
}

#ad__banner img {
    border-radius: 20px;
}

#ad__banner p.ad__text {
    font-size: var(--font-size-body-text);
    font-family: var(--secondary-font-family);
    font-weight: 400;
    color: var(--secondary-color);
    text-align: right;
    line-height: 20px;
}

/* ad banner section css end */

/* editor pick section css start */
#editor__pick .editor__outer {
    gap: 10px;
    position: relative;
    margin-top: 30px;
}

#editor__pick .editor__outer .editor__col {
    width: calc(33.33% - 6.67px);
    padding: 20px;
    background: var(--white-color);
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px #00000021;
    gap: 20px;
    align-items: center;
}

#editor__pick .editor__outer .editor__image {
    width: 158px;
    height: 114px;
    position: relative;
}

#editor__pick .editor__outer .editor__image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

#editor__pick .editor__outer .editor__image .editor__category {
    font-family: var(--secondary-font-family);
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: var(--secondary-color);
    background-color: var(--asset-color);
    border-radius: 50px;
    padding: 5px 8px;
    width: fit-content;
    position: absolute;
    right: 10px;
    top: 10px;
}

#editor__pick .editor__outer .editor__data {
    width: calc(100% - 178px);
}

#editor__pick .editor__outer .editor__data h6 {
    font-size: var(--font-size-small);
    line-height: 30px;
    color: var(--primary-color);
    font-weight: 500;
}

#editor__pick .editor__outer .editor__data .editor__btn {
    color: var(--asset-color);
    font-size: var(--font-size-body-text);
    line-height: 30px;
    font-weight: 700;
}

#load__more__btn {
    font-size: var(--font-size-body-text);
    line-height: 30px;
    color: var(--asset-color);
    font-weight: 700;
    width: 100%;
}

#load__more__btn a {
    font-family: var(--secondary-font-family);
    font-size: var(--font-size-asset);
    line-height: 30px;
    font-weight: 400;
    color: var(--primary-color);
    background-color: var(--asset-color);
    padding: 10px 40px;
    border-radius: 50px;
    display: flex;
    width: fit-content;
    margin: 30px auto 0;
}

/* editor pick  section css end */

/* post category section css start */
#category__section .category__outer {
    gap: 60px;
    margin-top: 20px;
    align-items: center;
}

#category__section .category__list {
    gap: 20px 34px;
}

#category__section .category__list li {
    width: calc(33.33% - 23px);
    font-family: var(--primary-font-family);
    color: var(--primary-color);
    font-size: var(--font-size-small);
    line-height: 30px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 20px 0px #00000026;
    border-radius: 500px;
    text-align: center;
}

#category__section .category__list li a {
    font-family: unset;
    font-weight: unset;
    color: unset;
    padding: 20px;
}

#category__section .category__col1 {
    width: calc(61.5% - 30px);
}

#category__section .category__col2 {
    width: calc(38.5% - 30px);
}

#category__section .category__post {
    width: 100%;
    padding: 20px;
    box-shadow: 0px 0px 20px 0px #00000021;
    border-radius: 30px;
    position: relative;
    display: block;
}

#category__section .post__image {
    position: relative;
}

#category__section .post__image img {
    height: 244px;
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
}

#category__section .post__image .post__category {
    font-family: var(--secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--secondary-color);
    background-color: var(--asset-color);
    border-radius: 50px;
    padding: 9px 11px;
    width: fit-content;
    position: absolute;
    right: 20px;
    top: 20px;
}

#category__section .post__data .post__title {
    margin-top: 20px;
    color: var(--primary-color);
    text-transform: capitalize;
}

#category__section .post__data .post__except {
    color: var(--secondary-color);
    font-weight: 400;
    margin-top: 16px;
}

#category__section .post__data .post__btn {
    color: var(--asset-color);
    font-size: var(--font-size-body-text);
    line-height: 30px;
    font-weight: 700;
    margin-top: 2px;
}

/* post category section css end */

/* travel map section css start */
#map__section {
    padding-bottom: 50px;
}

#map__section .map__image {
    border-radius: 30px;
    margin-top: 20px;
}

#map {
    height: 450px;
    width: 100%;
    border-radius: 30px;
}

#map .map__infowindow {
    max-width: 400px;
    text-align: left;
    font-family: Arial, sans-serif;
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    align-items: center;
}

#map .map__infowindow img {
    width: 100%;
    border-radius: 8px;
}

#map .map__infowindow h4 {
    margin: 8px 0 5px;
    font-size: 16px;
}

#map .map__infowindow p {
    margin: 0;
    font-size: 14px;
}

#map .map__infowindow .stars {
    color: gold;
    margin: 5px 0;
}

#map>div:nth-child(2) {
    display: none;
}

#map .map-info__image {
    width: 32%;
}

#map .map-info__image img {
    height: 168px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

#map .map-info__details {
    width: calc(68% - 20px);
}

#map .map-info__details h6 {
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
    font-family: var(--primary-font-family);
    color: var(--primary-color);
    text-transform: capitalize;
}

#map .map__infowindow .stars {
    color: #B69452;
    margin: 10px 0;
    font-size: 27px;
    letter-spacing: 2px;
    width: fit-content;
    line-height: 20px;
}

#map .map-info__details p {
    font-size: 13px;
    line-height: 21px;
    font-weight: 400;
    font-family: var(--secondary-font-family);
    color: var(--secondary-color);
}

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

/* travel map section css end */


/* footer css start  */
#footer {
    background-position: bottom right;
    background-size: cover;
    padding: 60px 40px 100px;
    position: relative;
    z-index: 11;
}

#footer:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 67.21%);
    z-index: -1;
}

#footer .footer__outer {
    justify-content: space-between;
    padding-bottom: 40px;
}

#footer .mobile__footer__logo {
    display: none;
}

#footer .footer__col {
    width: fit-content;
    text-align: center;
}

#footer .footer__col .footer__heading {
    color: var(--primary-color);
    margin-bottom: 15px;
    line-height: 39px;
    font-weight: 600;
}

#footer .footer__col .footer__links {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: center;
}

#footer .footer__col .footer__links a {
    color: #191919;
    font-size: var(--font-size-asset);
    line-height: 19px;
    font-weight: 400;
    font-family: var(--secondary-font-family);
}

#footer .footer__col .footer__links li:hover a {
    color: var(--asset-color);
}

#footer .footer__col .footer__links li.active a {
    color: var(--asset-color);
}

#footer .footer__col .footer__logo img {
    max-width: 177px;
    margin-bottom: 28px;
}

#footer .footer__col .footer__links.social__media {
    flex-direction: unset;
}

#footer .footer__col .news__letter {
    margin-top: 28px;
}

#footer .footer__col .news__letter .news__letter__heading {
    font-size: var(--font-size-body-text);
    color: #191919;
    line-height: 27px;
}

#footer .footer__col .news-letter__form {
    position: relative;
    margin-top: 5px;
}

#footer .footer__col .news__letter input {
    padding: 16px 30px;
    font-family: var(--secondary-font-family);
    font-size: var(--font-size-asset);
    font-weight: 400;
    line-height: 19px;
    color: var(--primary-color);
    background-color: var(--white-color);
    border: none;
    border-radius: 500px;
    width: 385px;
}

#footer .footer__col .news__letter button {
    padding: 5px 40px;
    border: none;
    border-radius: 50px;
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: var(--asset-color);
    font-size: var(--font-size-asset);
    line-height: 30px;
    font-weight: 400;
}

#footer .footer__copyright {
    padding-top: 18px;
    justify-content: space-between;
    border-top: 1px solid #0000004D;
}

#footer .footer__copyright .copyright__text {
    font-size: 15px;
    color: #191919;
    font-weight: 400;
    font-family: var(--secondary-font-family);
    line-height: 24px;
    letter-spacing: 0.06em;
    text-transform: capitalize;
}

#footer .footer__copyright .copyright__text span {
    font-weight: 700;
    color: var(--asset-color);
}

#footer .footer__copyright .privacy__policy {
    font-size: 15px;
    color: #191919;
    font-weight: 400;
    font-family: var(--secondary-font-family);
    line-height: 24px;
    letter-spacing: 0.06em;
    text-align: right;
    text-transform: capitalize;
}

/* footer css end  */

#pagination__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
    width: 100%;
}

#pagination__wrapper span.pagination__numb {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 30px;
    font-family: "Jost", sans-serif;
    font-weight: 400;
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    border-radius: 5px;
    cursor: pointer;
}

#pagination__wrapper span.pagination__numb.active {
    background-color: var(--asset-color);
    border-color: var(--asset-color);
}

#pagination__wrapper span.pagination__numb:hover {
    background-color: var(--asset-color);
    border-color: var(--asset-color);
}

/* hero section css start  */
#hero__banner {
    padding-top: 23px;
    padding-bottom: 0;
}

#hero__banner .hero__main {
    /* height: 423px; */
    border-radius: 15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 40px;
    align-items: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #280800;
}

/* #hero__banner .hero__main:after {
    content: "";
    height: 100%;
    width: 100%;
    background: #00000080;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
} */

#hero__banner .hero__main .hero__title {
    color: var(--white-color);
    width: 100%;
    margin-bottom: 20px;
    text-transform: capitalize;
}

#hero__banner .hero__main .hero__title span {
    color: var(--asset-color);
}

#hero__banner .hero__main .breadcrumb__list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    text-transform: capitalize;
}

#hero__banner .hero__main .breadcrumb__list li {
    color: var(--white-color);
    font-size: var(--font-size-body-text);
    line-height: 22px;
    font-family: var(--secondary-font-family);
    font-weight: 400;
}

#hero__banner .hero__main .breadcrumb__list li a {
    color: var(--white-color);
}

#hero__banner .hero__main .breadcrumb__list li.active a {
    color: var(--asset-color);
}

/* hero section css end  */

/* travel news page css start  */

#tarvel__news #hero__banner {
    padding-bottom: 20px;
}

#travel__section.travel__news .travel__outer {
    padding-top: 0px !important;
}

#clever__section.clever__news {
    padding-top: 0 !important;
}

#clever__section.clever__news .cleaver__outer {
    margin-top: 0px !important;
}

#clever__section .clever__btn a {
    font-family: var(--secondary-font-family);
    font-size: var(--font-size-asset);
    line-height: 30px;
    font-weight: 400;
    color: var(--primary-color);
    background-color: var(--asset-color);
    padding: 10px 40px;
    border-radius: 50px;
    display: flex;
    width: fit-content;
    margin: 30px auto 0;
}

#editor__pick.editor__news .editor__outer {
    margin-top: 0;
}

#editor__pick.editor__news {
    padding-bottom: 0;
    overflow: hidden;
}

/* travel news page css end  */


/* destination page css start  */
#event-pride #hero__banner {
    padding-bottom: 20px;
}

#destination #travel__destination {
    padding-top: 20px;
}

#travel__destination .destination__outer {
    padding-top: 40px;
    gap: 90px;
    align-items: flex-start;
    justify-content: space-between;
}

#news__list.destination__list {
    width: calc(74% - 90px);
}

#travel__destination .destination__outer .cleaver__outer {
    gap: 19px;
    width: 100%;
}

#travel__destination .destination__outer .cleaver__outer .clever__inner {
    width: calc(50% - 9.5px);
    height: 306px;
}

#travel__section.destination__related {
    padding-bottom: 0;
}

#travel__section.destination__related .travel__outer {
    gap: 40px;
    padding-top: 0;
}

#travel__section.destination__related #side__bar {
    width: 36%;
    max-width: 460px;
    gap: 25px;
}

#side__bar .ad__row .video__tag {
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}

#side__bar .ad__row .video__tag video {
    border-radius: 25px;
    object-fit: cover;
    width: 100%;
}

#side__bar .ad__row .video__tag .video__poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#side__bar .ad__row .video__tag .video__poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#side__bar .ad__row .video__tag.playicon .video__poster {
    display: none;
}

#travel__section.destination__related #side__bar .latest__post .latest__list {
    gap: 10px;
}

#travel__section.destination__related #side__bar .latest__post .latest__col {
    padding: 20px;
    gap: 20px;
}

#travel__section.destination__related #side__bar .latest__post .latest__data {
    width: calc(100% - 178px);
}

#travel__section.destination__related #side__bar .latest__post .latest__image {
    width: 158px;
    height: 114px;
}

#travel__section.destination__related #news__list.related__list {
    width: calc(64% - 40px);
}

#travel__section.destination__related #news__list .news__image {
    width: 51%;
}

#travel__section.destination__related #news__list .news__data {
    width: calc(49% - 30px);
}

/* destination page css end  */

/* main search page css start  */
#main-search #search__destination {
    padding-bottom: 17px;
}

#main-search #hero__banner {
    padding-bottom: 20px;
}

#main-search #clever__section {
    padding-bottom: 0;
}

#travel__destination .search__location .destination__outer {
    padding-top: 00px;
}

.search__location .clever__inner {
    height: 424px !important;
}

.cleaver__outer .clever__icons {
    width: 47px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.search__location .clever__inner .clever__content h6 {
    width: calc(100% - 47px);
    line-height: 25px;
    font-size: var(--font-size-body-text);
    font-weight: 500;
    max-width: 275px;
}

#main-search #travel__destination .destination__outer {
    gap: 50px;
}

#main-search #news__list.destination__list {
    width: calc(74% - 50px);
}

#main-search .search-list__outer.dflex {
    gap: 30px;
}

.destination__list .search-list__wrapper {
    gap: 27px;
    box-shadow: 0px 4px 20px 0px #00000021;
    padding: 30px;
    border-radius: 30px;
}

.destination__list .search-list__wrapper .wrapper__col {
    width: calc(79% - 27px);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--primary-color);
}

.destination__list .search-list__wrapper .wrapper__col .img__box {
    width: 70px;
    height: 70px;
    background: #280800;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px;
}

.destination__list .search-list__wrapper .wrapper__col .img__box img {
    /* width: 70px; */
    /* height: 70px; */
    object-fit: contain;
}

.destination__list .search-list__wrapper .wrapper__col .box__data {
    width: calc(100% - 70px);
    padding-left: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.destination__list .search-list__wrapper .wrapper__col .box__data .box__link {
    padding: 7px 9px;
    background-color: var(--asset-color);
    border-radius: 50px;
    width: fit-content;
    display: flex;
    gap: 10px;
    font-family: var(--secondary-font-family);
    font-size: 13px;
    line-height: 14px;
    font-weight: 400;
    color: var(--secondary-color);
}

.destination__list .search-list__wrapper .search-list__image {
    width: 21%;
}

.destination__list .search-list__wrapper .search-list__image img {
    border-radius: 20px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* main search page css end  */


/* agb page css start  */
#agb #hero__banner {
    padding-bottom: 20px;
}
#agb__section {
    padding-bottom: 0;
}

#agb__section .agb__sidebar {
    float: right;
    margin-left: 94px;
}

#agb__section .agb__data-image {
    width: calc(74% - 94px);
    margin-bottom: 40px;
}

#agb__section .agb__data-image img {
    border-radius: 40px;
}

#agb__section .agb__content p {
    font-weight: 400;
    color: var(--secondary-color);
    margin-bottom: 30px;
}

/* agb page css end  */


/* event & pride css start  */

#upcoming__event .upcoming__search {
    align-items: center;
    gap: 20px;
}

#upcoming__event .upcoming__search form {
    position: relative;
    width: calc(100% - 60px);
    max-width: 408px;
}

#upcoming__event .upcoming__search input[type="text"] {
    padding: 11px 15px;
    font-family: var(--secondary-font-family);
    font-size: var(--font-size-asset);
    font-weight: 400;
    line-height: 29px;
    color: var(--secondary-color);
    background-color: var(--background-color);
    border: none;
    border-radius: 500px;
    width: 100%;
    max-width: 408px;
}

#upcoming__event .upcoming__search button {
    padding: 10px;
    border: none;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: var(--asset-color);
    width: 40px;
    height: 40px;
}

#upcoming__event .upcoming__search {
    align-items: center;
    gap: 20px;
    width: 50%;
    justify-content: end;
}

#upcoming__event .day__column {
    margin-top: 27px;
}

#upcoming__event .day__list {
    gap: 33px;
}

#upcoming__event .day__list li {
    font-size: var(--font-size-small);
    font-family: var(--primary-font-family);
    line-height: 30px;
    font-weight: 500;
    color: var(--primary-color);
    padding: 14px;
    box-shadow: 0px 0px 20px 0px #00000026;
    border-radius: 500px;
    width: calc(20% - 27px);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

#upcoming__event .upcoming__list {
    width: 100% !important;
    margin-top: 50px;
}

#upcoming__event .upcoming__list .cleaver__outer {
    gap: 50px;
    width: 100%;
}

#upcoming__event .upcoming__list .cleaver__outer .clever__inner {
    height: 424px;
    width: calc(33.33% - 33.33px);
    padding: 30px;
}

#upcoming__event .upcoming__list .clever__inner .clever__content h6 {
    max-width: 275px;
}

#event-pride #map__section .map__image {
    margin-top: 0px;
}

#news__slider {
    overflow: hidden;
}

#news__slider #news__list.n-slider__outer {
    width: 100%;
    height: fit-content;
    gap: 30px;
    position: relative;
}

#news__slider .n-slider__outer .news-Swiper {
    touch-action: pan-y;
    padding-top: 50px;
}

#news__slider .n-slider__outer .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: row;
}

#news__slider .n-slider__outer .swiper-slide {
    margin-top: 0 !important;
    margin-bottom: 20px;
}

#news__slider .n-slider__outer .news-Swiper {
    touch-action: pan-y;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 50px;
    margin: 0 -20px;
}

#news__slider .n-slider__outer .custom-button-next {
    width: 49px;
    height: 49px;
    border: 1px solid var(--asset-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 10px);
    right: -66px;
    cursor: pointer;
    z-index: 11;
}

#news__slider .n-slider__outer .custom-button-next:hover {
    background: var(--asset-color);
}

#news__slider .n-slider__outer .custom-button-next:hover svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(159deg) brightness(107%) contrast(102%);
}

#news__slider .n-slider__outer .custom-button-prev {
    width: 49px;
    height: 49px;
    border: 1px solid var(--asset-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 10px);
    left: -66px;
    cursor: pointer;
    z-index: 11;
}

#news__slider .n-slider__outer .custom-button-prev:hover {
    background: var(--asset-color);
}

#news__slider .n-slider__outer .custom-button-prev:hover svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(159deg) brightness(107%) contrast(102%);
}

#news__slider .n-slider__outer .news__image {
    width: calc(48% - 20px);
}

#news__slider .n-slider__outer .news__image img {
    height: 200px;
}

#news__slider .n-slider__outer .news__data {
    width: calc(52% - 20px);
}

#news__slider .n-slider__outer .news__except {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

#news__slider .n-slider__outer .news__data .news__title {
    margin-bottom: 10px;
}

#news__slider .n-slider__outer .swiper-pagination {
    position: relative;
    padding-top: 20px;
    top: 0;
}

#news__slider .n-slider__outer .swiper-pagination .swiper-pagination-bullet {
    width: 58px;
    height: 2px;
    border-radius: 0;
    background-color: var(--background-color);
    opacity: 1;
}

#news__slider .n-slider__outer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--asset-color);
}

/* event & pride css end  */


/* gay map page css start  */
#gay-map #hero__banner {
    padding-bottom: 20px;
}

#gay-map #upcoming__event .upcoming__list {
    margin-top: 40px;
}

.clever__moredata {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.clever__loc {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 14px;
    line-height: 14px;
    color: var(--white-color);
    font-family: var(--secondary-font-family);
    max-width: 185px;
    font-weight: 400;
}

.clever__tag {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    line-height: 16px;
    color: var(--white-color);
    font-family: var(--primary-font-family);
    max-width: 185px;
    font-weight: 500;
}

.clever__tag svg {
    width: 20px !important;
}

/* gay map page css start  */

/* single page css start  */
#single__content {
    padding-top: 60px;
}

#single__content .single__main {
    gap: 55px;
    align-items: flex-start;
    justify-content: space-between;
}

#single__content .single__outer {
    width: calc(74% - 55px);
    gap: 40px;
    flex-direction: column;
}

#single__content .single__outer .feature__image {
    width: 100%;
    position: relative;
}

#single__content .single__outer .feature__image img {
    border-radius: 40px;
    width: 100%;
}

#single__content .single__outer .single__location {
    font-family: var(--secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--secondary-color);
    background-color: var(--asset-color);
    border-radius: 50px;
    padding: 13.5px 16px;
    width: fit-content;
    display: flex;
    gap: 10px;
    position: absolute;
    bottom: 30px;
    left: 30px;
}

#single__content .single__outer .single__title {
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 20px;
    width: 100%;
    text-transform: capitalize;
}

#single__content .single__outer .single__title span {
    color: var(--asset-color);
}

#single__content .single__outer .content__column p {
    margin-top: 15px;
    color: var(--secondary-color);
    font-weight: 400;
}

#single__content .single__outer .single__image img {
    border-radius: 20px;
}

#single__content .single__outer .single__tags {
    gap: 20px;
}

#single__content .single__outer .tag__data {
    font-family: var(--secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--secondary-color);
    background-color: var(--asset-color);
    border-radius: 50px;
    padding: 9.5px 11px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
}

#single__content .single__outer .tag__data svg {
    min-width: 15px;
}

#single__content .single__outer .opening__title {
    color: var(--primary-color);
}

#single__content .single__outer .opening__main {
    margin-top: 20px;
    gap: 0 34px;
    column-count: 2;
}

#single__content .single__outer .opening__main .opening__row {
    font-size: var(--font-size-body-text);
    line-height: 20px;
    color: var(--secondary-color);
    font-family: var(--secondary-font-family);
    font-weight: 400;
    width: 100%;
}

#single__content .single__outer .opening__main .opening__inner {
    border-top: 1px solid #00000033;
    padding: 15px 11px 15px 0;
    max-width: 370px;
    justify-content: space-between;
}

#single__content .single__outer .opening__main .opening__inner .opening__time {
    width: 138px;
}

#single__content .single__outer .map__image img {
    border-radius: 30px;
    width: 100%;
}

#single__content .single__map__outer #map {
    height: 720px;
}


#video__section .single__videos {
    gap: 28px;
}

#video__section .single__videos .video__col {
    width: calc(33.33% - 18.66px);
    padding: 15px 13px;
    border-radius: 30px;
    background: var(--background-color);
}

#video__section .video__tag {
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}

#video__section .video__tag video {
    border-radius: 25px;
    object-fit: cover;
    width: 100%;
}

#video__section .video__tag .video__poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#video__section .video__tag .video__poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#video__section .video__tag.playicon .video__poster {
    display: none;
}

#event-single #clever__section {
    padding-bottom: 0;
}

#map-single #single__content .single__outer .single__title {
    margin-bottom: 10px;
}

#map-single #single__content .single__outer .opening__main {
    margin-top: 20px;
    gap: 0 34px;
    column-count: 1;
}

#video__section.map__videos .single__videos .video__col {
    width: calc(50% - 14px);
}

#video__section.map__videos .single__videos {
    gap: 28px;
    padding-top: 20px;
}

#map-single #search__destination {
    padding-bottom: 0;
}

/* single page css end  */


/* travel single css start  */
.travel-single__outer {
    max-width: 860px;
}

.travel-single__outer .single__detailbar {
    padding: 10px 35px;
    border-top: 1px solid #00000033;
    border-bottom: 1px solid #00000033;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.travel-single__outer img.author__image {
    width: 50px;
    border-radius: 50%;
}

.travel-single__outer .author__box {
    gap: 13px;
    align-items: center;
    color: var(--primary-color);
}

.travel-single__outer .date__time {
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    font-family: var(--secondary-font-family);
    color: var(--secondary-color);
}

.travel-single__outer .travel__content {
    color: var(--primary-color);
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 860px;
}

.travel-single__outer .travel__content p {
    color: var(--secondary-font-family);
}

/* travel single css end  */