@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');

: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;
}

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;
}

: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 15px;
    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;
}

.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 img.language__image {
    width: 20px;
}

.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: 100%;
    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(33.33% - 66.67px);
    position: relative;
}

#search__destination .search__form input {
    padding: 10px 10px 10px 64px;
    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 .search__form .search__field:after {
    content: "";
    width: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

#search__destination .search__form .search__field.city__field:after {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_304_109)"><path d="M15.0469 0.703125C15.0469 0.314812 14.7321 0 14.3438 0H9.65625C9.26794 0 8.95312 0.314812 8.95312 0.703125V1.875H15.0469V0.703125Z" fill="%23111111"/><path d="M23.2969 22.5938H23.0156V15.7969C23.0156 15.5305 22.8652 15.2871 22.6269 15.168L20.9062 14.3077V22.5938H19.5V12.0469C19.5 11.8118 19.3825 11.5922 19.1869 11.4619L14.9681 8.64937C14.7524 8.50552 14.475 8.49211 14.2463 8.61445C14.0177 8.7368 13.875 8.97506 13.875 9.23438V22.5938H12.4688V9.23438C12.4688 8.45498 12.8956 7.74234 13.5828 7.37456C13.8879 7.2113 14.232 7.125 14.5781 7.125C14.9961 7.125 15.4008 7.24753 15.7485 7.47947L16.4531 7.94925V3.98438C16.4531 3.59606 16.1383 3.28125 15.75 3.28125H8.25C7.86169 3.28125 7.54688 3.59606 7.54688 3.98438V4.78125H8.71875C9.88186 4.78125 10.8281 5.72752 10.8281 6.89062V22.5938H9.42188V6.89062C9.42188 6.50231 9.10706 6.1875 8.71875 6.1875H4.5C4.11169 6.1875 3.79688 6.50231 3.79688 6.89062V16.2656H5.4375C6.60061 16.2656 7.54688 17.2119 7.54688 18.375V22.5938H6.14062V18.375C6.14062 17.9867 5.82581 17.6719 5.4375 17.6719H1.6875C1.29919 17.6719 0.984375 17.9867 0.984375 18.375V22.5938H0.703125C0.314812 22.5938 0 22.9086 0 23.2969C0 23.6852 0.314812 24 0.703125 24H23.2969C23.6852 24 24 23.6852 24 23.2969C24 22.9086 23.6852 22.5938 23.2969 22.5938ZM15.9844 14.3906C15.9844 14.0023 16.2992 13.6875 16.6875 13.6875C17.0758 13.6875 17.3906 14.0023 17.3906 14.3906V15.7969C17.3906 16.1852 17.0758 16.5 16.6875 16.5C16.2992 16.5 15.9844 16.1852 15.9844 15.7969V14.3906ZM15.9844 18.6094C15.9844 18.2211 16.2992 17.9062 16.6875 17.9062C17.0758 17.9062 17.3906 18.2211 17.3906 18.6094V20.0156C17.3906 20.4039 17.0758 20.7188 16.6875 20.7188C16.2992 20.7188 15.9844 20.4039 15.9844 20.0156V18.6094ZM7.3125 14.3906C7.3125 14.7789 6.99769 15.0938 6.60938 15.0938C6.22106 15.0938 5.90625 14.7789 5.90625 14.3906V12.9844C5.90625 12.5961 6.22106 12.2812 6.60938 12.2812C6.99769 12.2812 7.3125 12.5961 7.3125 12.9844V14.3906ZM7.3125 10.1719C7.3125 10.5602 6.99769 10.875 6.60938 10.875C6.22106 10.875 5.90625 10.5602 5.90625 10.1719V8.76562C5.90625 8.37731 6.22106 8.0625 6.60938 8.0625C6.99769 8.0625 7.3125 8.37731 7.3125 8.76562V10.1719ZM2.85938 20.9531C2.85938 20.5648 3.17419 20.25 3.5625 20.25C3.95081 20.25 4.26562 20.5648 4.26562 20.9531V22.5938H2.85938V20.9531Z" fill="%23111111"/></g><defs><clipPath id="clip0_304_109"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

#search__destination .search__form .search__field.location__field:after {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_304_116)"><path d="M6.01776 12.7305H4.94147C4.65912 12.7305 4.40424 12.8986 4.29254 13.1575L1.31305 20.0952L8.38898 16.4812C7.54193 15.3091 6.70386 14.0164 6.01776 12.7305Z" fill="%23111111"/><path d="M19.7073 13.1575C19.5958 12.8986 19.3407 12.7305 19.0585 12.7305H17.9822C16.6866 15.1584 14.799 17.6675 13.5981 19.048C12.7537 20.0166 11.2452 20.0155 10.402 19.048C10.3158 18.9489 9.86554 18.4276 9.24536 17.626L7.96967 18.2778L12.7952 23.0941L21.9388 18.3538L19.7073 13.1575Z" fill="%23111111"/><path d="M0.442563 22.1232L0.0576758 23.0195C-0.141543 23.4833 0.199766 24.0013 0.706418 24.0013H11.0682C11.133 23.9532 11.1337 23.9561 11.4816 23.7758L6.64892 18.9531L0.442563 22.1232Z" fill="%23111111"/><path d="M23.9423 23.0189L22.4965 19.6523L14.1088 24.0007H23.2936C23.7991 24.0007 24.1419 23.4836 23.9423 23.0189Z" fill="%23111111"/><path d="M12.7059 6.34308C12.7059 5.95453 12.3891 5.63867 12 5.63867C11.6107 5.63867 11.2941 5.95453 11.2941 6.34308C11.2941 6.73145 11.6107 7.04749 12 7.04749C12.3891 7.04749 12.7059 6.73145 12.7059 6.34308Z" fill="%23111111"/><path d="M12.5327 18.0758C12.7703 17.803 18.3527 11.3456 18.3527 6.90676C18.3527 -2.24632 5.64734 -2.35801 5.64734 6.90676C5.64734 11.3456 11.2297 17.803 11.4673 18.0758C11.7488 18.3986 12.2518 18.3983 12.5327 18.0758ZM9.88239 6.34334C9.88239 5.17806 10.8323 4.23012 12 4.23012C13.1675 4.23012 14.1174 5.17806 14.1174 6.34334C14.1174 7.50844 13.1675 8.45638 12 8.45638C10.8323 8.45638 9.88239 7.50844 9.88239 6.34334Z" fill="%23111111"/></g><defs><clipPath id="clip0_304_116"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

#search__destination .search__form .search__field.date__field:after {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 2.5C7.5 1.94772 7.05228 1.5 6.5 1.5C5.94772 1.5 5.5 1.94772 5.5 2.5V3.5C5.5 4.05228 5.94772 4.5 6.5 4.5C7.05228 4.5 7.5 4.05228 7.5 3.5V2.5Z" fill="black"/><path d="M18.5 2.5C18.5 1.94772 18.0523 1.5 17.5 1.5C16.9477 1.5 16.5 1.94772 16.5 2.5V3.5C16.5 4.05228 16.9477 4.5 17.5 4.5C18.0523 4.5 18.5 4.05228 18.5 3.5V2.5Z" fill="black"/><path d="M2 9V20.5C2 21.6045 2.8955 22.5 4 22.5H20C21.1045 22.5 22 21.6045 22 20.5V9H2ZM8 19C8 19.5525 7.5525 20 7 20H6C5.4475 20 5 19.5525 5 19V18C5 17.4475 5.4475 17 6 17H7C7.5525 17 8 17.4475 8 18V19ZM8 13.5C8 14.0525 7.5525 14.5 7 14.5H6C5.4475 14.5 5 14.0525 5 13.5V12.5C5 11.9475 5.4475 11.5 6 11.5H7C7.5525 11.5 8 11.9475 8 12.5V13.5ZM13.5 19C13.5 19.5525 13.0525 20 12.5 20H11.5C10.9475 20 10.5 19.5525 10.5 19V18C10.5 17.4475 10.9475 17 11.5 17H12.5C13.0525 17 13.5 17.4475 13.5 18V19ZM13.5 13.5C13.5 14.0525 13.0525 14.5 12.5 14.5H11.5C10.9475 14.5 10.5 14.0525 10.5 13.5V12.5C10.5 11.9475 10.9475 11.5 11.5 11.5H12.5C13.0525 11.5 13.5 11.9475 13.5 12.5V13.5ZM19 19C19 19.5525 18.5525 20 18 20H17C16.4475 20 16 19.5525 16 19V18C16 17.4475 16.4475 17 17 17H18C18.5525 17 19 17.4475 19 18V19ZM19 13.5C19 14.0525 18.5525 14.5 18 14.5H17C16.4475 14.5 16 14.0525 16 13.5V12.5C16 11.9475 16.4475 11.5 17 11.5H18C18.5525 11.5 19 11.9475 19 12.5V13.5Z" fill="black"/><path d="M22 8V5C22 3.8955 21.1045 3 20 3H19.5V3.5C19.5 4.603 18.603 5.5 17.5 5.5C16.397 5.5 15.5 4.603 15.5 3.5V3H8.5V3.5C8.5 4.603 7.603 5.5 6.5 5.5C5.397 5.5 4.5 4.603 4.5 3.5V3H4C2.8955 3 2 3.8955 2 5V8H22Z" fill="black"/></svg>');
}

#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 a.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 a.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 .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;
}

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

#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 img {
    border-radius: 20px;
}

#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;
}

#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;
}

#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;
}

/* 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: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;
}
.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;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 20px 0px #00000026;
    border-radius: 500px;
    text-align: center;
}

#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;
}

#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 a.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;
}

/* 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  */


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

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

#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;
}

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

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

#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  */

#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  */
#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 #hero__banner {
    padding-bottom: 40px;
}
#main-search #search__destination .search__outer .search__heading{
    width: 100%;
}
#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 page css end  */


/* agb page css start  */
#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 #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: 80px;
}
#single__content .single__main {
    gap: 55px;
    align-items: flex-start;
}
#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%;
}
#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%;
}


#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  */