:root {
    --color-black: 0 0 0;
    --color-white: 255 255 255;
    --color-orange: 249 92 25;

    --color-slate: 242 242 242;
    --color-yellow: 242 203 5;
    --color-lightbrown: 242 191 94;
    --color-brown: 47 79 79;
    --color-green: #57A64B;
    --bg-color: 188 75 35;

    --font-one: "Roboto", sans-serif;
    --font-two: "Merienda", cursive;
    --font-three: "Montserrat", sans-serif;

    --transition: 0.3s all ease-in-out;
    --box-shadow: 0px 0px 15px -5px;
}
a{outline: none !important;}
.text-left{text-align: left; font-family: times new roman; font-size:38px;}
.text-center{text-align: center;}
p{
    font-family: var(--font-one);
}
a.footer-whatsapp {position: fixed;bottom: 25px;max-width: 50px;right: 15px;z-index: 999;}
.main_heading > p,
.home-about>p {
    text-align: justify;
    font: 400 14px/24px var(--font-one);
}
.main_heading > h3, .home-about > h2 {
    font: 408 30px / normal var(--font-three);
    margin: 0 auto 0rem;
    text-align: center;
    margin-bottom: 17px;
}
.main_heading > h3 > span, .home-about > h2 > span {
    display: block;
    font-size: 28px;
    font-weight: 600;
}
.ui-ol-menu-toggle-btn span::before, .ui-ol-menu-toggle-btn span::after{background-color: rgb(var(--color-black) / 70%);}
.ui-overlay-menu{z-index: 1;}
#ui-header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
.ScrollSmoother-wrapper {z-index: 999;}
.ui-header-tools .hide-on-mobile,.ui-header-tools .hide-on-mobile > a {border-radius: 4px;color: rgb(var(--color-black));}
.main_heading h4 {
    font: 700 18px/normal var(--font-one);
    margin: 1.5rem auto 10px;
    padding: 0 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgb(var(--color-orange));
}
.offerBlock {
    width: 95%;
    background: transparent;
    height: 100%;
    padding: 1rem;
    box-sizing: border-box;
    box-shadow: 0px 5px 20px -15px rgb(var(--color-black));
    border-radius: 10px;
    margin-bottom: 1rem;
    border: 1px solid rgb(var(
    --color-black) / 10%);
}
.offerBlock img {
    max-width: 80px;
    margin: 1rem auto 1rem;
    filter: drop-shadow(2px 2px 5px rgb(var(--color-black) / 30%));
}
.offerBlock h5 {
    font: 300 36px/normal var(--font-two);
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
    color: rgb(var(--color-brown));
}
.offerBlock p {
    font: 300 16px/normal var(--font-one);
    color: rgb(var(--color-black) / 90%);
    letter-spacing: 1px;
}
.offerBlockList > a {
    margin: 10px;
    background: rgb(var(--color-white));
    border-radius: 4px;
    overflow: hidden;
}
#homePageVideo li:hover > img{filter: grayscale(1);}
.collarge_image > ul img,
.offerBlockList img {
    height: clamp(250px, 1.4vw, 300px);
    object-fit: cover;
    width: 100%;
    object-position: center;
    transition: var(--transition);
}
.offerBlockList > a > h5{
    position: relative;
    font: 400 16px/normal var(--font-two);
    margin: 15px 10px;
}
.imgCollection img {
    border-radius: 4px;
    box-shadow: 0px 5px 20px -15px rgb(var(--color-orange));
    margin-bottom: 1rem;
}
.collarge_image > ul img {
    cursor: pointer;
    height: 100%;
    /* height: clamp(300px, 2.5vw, 400px); */
    object-fit: cover;
}
.collarge_image > ul {
    list-style: none;
    margin: 0;
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    background-color: rgb(var(--color-black));
    /* grid-template-rows: repeat(,auto); */
}
.collarge_image > ul > li {
    position: relative;
}
.collarge_image > ul > li h3 {
    color: rgb(var(--color-white));
    font: 700 48px/normal  var(--font-two);
    display: flex;
    height: 100%;
    align-items: center;
}
.collarge_image > ul > li:hover > img {
    filter: grayscale(1) blur(1.5px);
}
.collarge_image > ul > li a.collargeHover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 700 24px/normal var(--font-two);
    text-transform: capitalize;
    color: rgb(var(--color-lightbrown));
    transform: scale(0);
    transition: var(--transition);
    text-shadow: 0px 2px 2px rgb(var(--color-white));
    visibility: hidden;
    opacity: 0;
}
.collarge_image > ul > li:hover a.collargeHover {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

/* Grid Section  */
.collarge_image > ul > li:nth-child(1) {
    grid-column: 3 / 5;
    grid-row: 1/2;
    height: 150px;
}
.collarge_image > ul > li:nth-child(2) {
    grid-column: 1/ 3;
    height: 400px;
    grid-row: 1/3;
}
.collarge_image > ul > li:nth-child(3) {
    grid-column: 3/4;
    grid-row: 2/3;
    height: calc(250px - 10px);
}
.collarge_image > ul > li:nth-child(4) {
    grid-column: 4/5;
    grid-row: 2/3;
    height: calc(250px - 10px);
}
.collarge_image > ul > li:nth-child(5) {
    grid-column: 1/3;
    grid-row: 3/4;
    height: 400px;
}
.collarge_image > ul > li:nth-child(6) {
    grid-column: 3/5;
    grid-row: 3/4;
    height: 400px;
}
.collarge_image > ul > li:nth-child(7) {
    grid-column: 1/3;
    grid-row: 4/5;
    height: 400px;
}
.collarge_image > ul > li:nth-child(8) {
    grid-column: 3/5;
    grid-row: 4/5;
    height: 400px;
}
.collarge_image > ul > li:nth-child(9) {
    grid-column: 1/5;
    grid-row: 5/6;
    height: 400px;
}
/* Grid Section End */
/* Offer Section  */
.offerSection_Footer{
    text-align: center;
    max-width: 1000px;
    margin: 2rem auto 0rem;
}
.offerSection_Footer p {
    font: 400 16px/24px var(--font-three);
    color: rgb(var(--color-black) / 80%);
    text-shadow: 0px 0px 10px rgb(var(--color-black) / 10%);
    letter-spacing: 1px;
    margin-bottom: 1rem;
}
.offerSection_Footer p > a {
    transition: var(--transition);
    color: rgb(var(--color-black));
    font: 700 16px/normal var(--font-three);
}
.offerSection_Footer p > a:hover,.offerSection_Footer p > a:focus {
    color: rgb(var(--color-orange));
}
/* Offer Section End */
/* footer Section  */
footer.footerSection {
    background: rgb(var(--color-black));
    padding: 1rem 0 0;
    text-align: center;
}
.footer-bottom-row {
    display: block;
    text-align: center;
    font: 400 14px/normal var(--font-one);
    padding: 1rem 0;
    background: rgb(var(--color-white) / 80%);
}
ul.stickySocialLinks {
    position: fixed;
    right: 0;
    top: calc(50% - 150px);
    list-style: none;
    background-color: rgb(var(--color-white));
    padding: 0 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden;
    box-shadow: var(--box-shadow) rgb(var(--color-black) / 40%);
    z-index: 999;
}
.stickySocialLinks li:hover {
    background-color: rgb(var(--color-yellow));
}
.stickySocialLinks > li:not(:last-child) {
    border-bottom: 1px solid rgb(var(--color-black) / 10%);
}
.stickySocialLinks li > a{
    font: 400 16px/normal "Font Awesome 6 Brands";
    color: rgb(var(--color-black));
    padding: 10px;
}
ul.footerNavList {
    display: inline-block;
    list-style: none;
    margin: 2rem auto 1rem;
    padding: 0 0;
}
ul.footerNavList li > a {
    color: rgb(var(--color-white));
    padding: 0 10px;
    font: 400 14px/normal var(--font-one);
}
ul.footerNavList li > a:hover {
    color: rgb(var(--color-yellow));
}
ul.footerNavList li {display: inline-block;}
.footerBesicDetails h4 {
    /* font: 700 36px/normal var(--font-two); */
    color: rgb(var(--color-yellow));
    margin: 1rem auto 0rem;
    font-size: 38px;
    font-family: times new roman;
}
.footerBesicDetails h4 + p {
    color: rgb(var(--color-white));
    font: 400 16px/normal var(--font-two);
    margin: 4px auto 1.5rem;
}
.footerBesicDetails p {
    color: rgb(var(--color-white) / 10%);
}
.footerBesicDetails p > a {
    color: rgb(var(--color-white) / 70%);
    font: 400 14px/normal var(--font-three);
}
/* footer Section End */
/* Newslatter */
.newsletter_container {
    background: rgb(var(--color-black) / 5%);
    padding: 5rem 0 5rem;
}
.newsletter_box {
    max-width: 700px;
    margin: auto;
    padding: 1rem 0px 2rem;
    text-align: center;
}
.newsletter_box > h5 {
    font: 700 18px/normal var(--font-two);
    color: rgb(var(--color-black));
    text-transform: capitalize;
}
.newsletter_box > h5 + p {
    font: 400 14px/24px var(--font-three);
    color: rgb(var(--color-black));
    margin-bottom: 1rem;
}
.newsletter-field {
    display: flex;
    position: relative;
    overflow: hidden;
}
.newsletter_box > form {
    max-width: 500px;
    margin: auto;
}
.newsletter-group, .newsletter-group > input {width: 100%;}
.newsletter-field input[type="email"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 110px 3px 10px;
    border-radius: 4px;
    border: 1px solid rgb(var(--color-white));
    background: rgb(var(--color-white));
    color: rgb(var(--color-black));
    font: 400 14px/ 40px var(--font-three);
    outline: none;
}
.newsletter-field button[type="submit"] {
    color: rgb(var(--color-black));
    border-radius: 0 !important;
    background: rgb(var(--color-yellow));
    text-transform: uppercase;
    font: 400 14px/normal var(--font-one);
    border: none;
    padding: 0px 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
}
.newsletter-field input::placeholder{color: rgb(var(--color-black)) !important;}
/* Newslatter End */
/* Review Section Start */
.testimonials-slider{max-width: 1000px;margin: auto;}
.testimonial-card {margin: auto;text-align: center;}
.testimonial-card .content .review .reviewer .rating i {color: rgb(var(--color-lightbrown));}
.testimonial-card .content {position: relative;padding: clamp(16px, 1.25vw, 30px);text-align: center;background: rgb(var(--color-lightbrown) / 5%);}
.testimonial-card .content .review {display: flex;flex-direction: column;gap: clamp(41px, 2.5vw, 90px);align-items: center;}
.testimonial-card .content .review .reviewer .reviewer-img{display: none;}
.testimonial-card .content .comment-icon{display: block; margin: auto auto 2rem;}
.testimonial-card .content .review > p {font: 400 18px/32px var(--font-two);}
/* Review Section End */
/* slider section Start */
.recoSlide_item img, .recoSlide_item span {
    display: block;
    text-align: center;
    margin: auto;
    padding-bottom: 1rem;
    font: 600 13px/normal var(--font-two);
    color: rgb(var(--color-white));
}
section.partnors {
    background: linear-gradient(0deg, rgb(var(--color-white) / 95%), rgb(var(--color-white) / 75%)), url('../media/pureescape-cover.png') center center;
    background-size: cover;
    background-blend-mode: saturation;
}
section.partnors .main_heading h3 {
    color: rgb(var(--color-white));
    text-shadow: 1px 1px 2px rgb(var(--color-black) / 50%);
}
/* slider section End */
/*Destination Page*/
.destinationBlock{
    margin-bottom: 1rem;
    position: relative;
}
.destinationBlock > img {
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
    display: block;
    width: 100%;
    filter: grayscale(100%);
    transition: filter 0.5s ease-in-out;
}
.destinationBlock:hover .text {
    opacity: 0;
}
.destinationBlock:hover img{
    filter: grayscale(0%);
}
.destinationBlock > span{
    margin-bottom: 1rem;
    font: italic 700 18px/40px var(--font-one);
    text-align: center;
    display: block;
}
.col-lg-6.col-sm-6 .destinationBlock > img{
    min-height: 287px;
}
/*Herro Banner*/
.heroBanner{
    position: relative;
    height: 100%;
    width: 100%;
}
.heroBanner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(var(--color-black) / 50%);
    z-index: 0;
}
.heroBanner > span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font: 700 34px/40px var(--font-two);
    max-width: 350px;
    border: 1px solid rgb(var(--color-white));
    padding: 1rem;
    z-index: 2;
    color: rgb(var(--color-white));
}
/*Destination Page End*/
@media (max-width: 991px){
    .collarge_image > ul {
        grid-template-columns: repeat(2, 1fr);
        display: block;
        padding: 1rem;
    }
    .collarge_image > ul > li:not(:last-child) {margin-bottom: 1rem;}
    .collarge_image > ul > li h3{font-size: 28px !important;}
}
/* Footer Section  */
.footerLogo {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* Footer Section End */