:root {
    /** @font family declaration */
    --font-one: "Lato", sans-serif;
    --font-two: "Fraunces", serif;
    --font-icon: "Font Awesome 6 Pro";
    /** @color declaration */
    --color-white: 255 255 255;
    --color-black: 0 0 0;

    --color-gray: 84 89 95;
    --color-lightgray: 242 244 249;
    --color-red: 176 34 67;
    --color-lightred: 195 0 0;
    --color-yellow: 212 175 55;
    --transition: 0.3s all ease-in-out;
  }
/* .custom-container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
} */
.destinations-page #header-sticky .customTagLine a > img,
.header-sticky .customTagLine a > img {
    background-color: rgb(var(--color-white) / 95%);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.bannerDetails {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
}
.rr-header-main-menu > nav > ul > li .submenu > li > a::after{display: none;}
/* Destination Page  */
.destinationGroup_Card {
    position: relative;
    padding: 0 0;
    border-radius: 4px;
    overflow: hidden;
    /* height: clamp(150px, 100vh , 250px); */
    margin-bottom: 1rem;
}
.destinationGroup_Card > a{
    padding: 0;
}
.destinationGroup_Card img {
    height: clamp(150px, 100vh , 250px);
    object-fit: cover;
    width: 100%;
}
.destinationGroup_Card span {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    top: 0;
    align-items: center;
    justify-content: center;
    font: 700 28px/normal var(--font-two);
    color: rgb(var(--color-white));
    z-index: 1;
    text-align: center;
}
.destinationGroup_Card::after,
.destinationGroup_Card:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: var(--transition);
    background-color: rgb(var(--color-black) / 25%);
}
.destinationGroup_Card::after {
    content: '\f08e';
    font: 400 18px/60px var(--font-icon);
    color: rgb(var(--color-white));
    height: 60px;
    width: 60px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: rgb(var(--color-lightred) / 70%);
    text-align: center;
    left: 10px;
}
.destinationGroup_Card:hover:after {
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding-top: 3rem;
}
.domasticSlide .swiper-button-next:after, .domasticSlide .swiper-button-prev:after {
    /* background: rgb(var(--color-lightred)); */
    color: rgb(var(--color-white));
    font: 400 20px/40px var(--font-icon);
    height: 40px;
    width: 40px;
    text-align: center;
}
.domasticSlide .swiper-button-next:after{content: '\f105';}
.domasticSlide .swiper-button-prev:after{content: '\f104';}
.swiper-button-next {
    left: unset;
    top: calc(50% - 40px);
    right: 0;
    bottom: unset;
}
.swiper-button-prev {
    left: 0;
    right: unset;
    top: calc(50% - 40px);
    bottom: unset;
}
/* Destination Page End */
.menuCards {
    margin: 3rem auto 2rem;
    position: relative;
}
.menuCards h4 {
    color: rgb(var(--color-black));
    margin-bottom: 0;
    font: 400 18px/normal var(--font-one);
    padding-bottom: 0.5rem;
}
.menuCards p.notice {font-size: 14px;}
/* Card Location  */
.locationCard_item {
    margin: 1rem 0 1rem;
    box-shadow: 0 0 10px -5px rgb(var(--color-black) / 20%);
    border: 1px solid rgb(var(--color-black) / 10%);
    border-radius: 8px;
    padding: 1rem;
    height: calc(100% - 20px);
    position: relative;
}
.locationCard_item::after {
    content: '';
    clip-path: path('M10 10 H 90 V 90 H 10 L 10 10');
}
.locationCard_item h4 {
    font: 700 16px/normal var(--font-one);
    color: rgb(var(--color-red));
    position: relative;
}
.locationCard_item h4:before {
    content: '\f3c5';
    font: 400 18px/normal var(--font-icon);
    margin-right: 10px;
    color: rgb(var(--color-red));
}
.locationCard_item > p{
    font-size: 14px;
}
/* Card Location End */

/* resort Block */
.resortBlock {
    background: rgb(var(--color-gray) / 5%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    grid-gap: 20px;
    flex-wrap: wrap;
}
.resortBlock_container:nth-child(2n+1) .resortBlock > div.resortBlock_content {order: 1;}
.resortBlock > div {
    width: calc(100% / 2 - 10px);
}
.resortBlock > .resortBlock_image > img {
    height: clamp(280px, 2.4vw, 300px);
    width: 100%;
    object-fit: cover;
}
.back-to-top-wrapper.back-to-top-btn-show {
    bottom: 100px;
    right: 35px;
}
.sk-ig-all-posts .sk-instagram-feed-item {
    flex: 0 0 calc(100% / 3 - 10px);
    max-width: calc(100% / 3 - 10px);
}
html > body .rr-footer-2-widget .instagram-user-root-container {
    display: none !important;
}
.sk-ig-all-posts .sk-instagram-feed-item img, .sk-ig-all-posts .sk-instagram-feed-item div {
    width: 100% !important;
    height: 80px !important;
}
#siteform{
    height: 2000px;
}
@media (min-width: 576px) and (max-width: 767px){
    #siteform{height: 2800px;}
}
@media  (max-width: 576px){
    #siteform{height: 3100px;}
}
@media (max-width: 600px){
    .sliderBottemContent{left: 0;text-align: center;}
    .resortBlock{flex-direction: column;}
    .resortBlock > div{width: 100%;}
    .resortBlock_container .resortBlock > div.resortBlock_content{order: 1;}
}
/* resort Block End */

/* Mobile view */
@media (max-width: 600px) {
    .dreamwedBanner .destinationSlider > img {
        margin-top: 78px;
        /* height: 20vh !important; */
        height: 200px !important;
    }
}