@import url('https://fonts.googleapis.com/css2?family=Average+Sans&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Imperial+Script&family=Italianno&display=swap');


body {
    font-family: "Average Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* section {
    overflow-x: hidden;
} */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

:root {
    --black-color: #000;
    --white-color: #fff;
    --light-blue-color: #4DBEE2;
    --drack-blue-color: #14596F;
    --gray-text-color: #1A1A1A;
    --light-text-color-rgba: rgba(229, 229, 229, 0.8);

    --text-size-110: calc(4.297vw + 0.01px);
    --text-size-90: calc(3.516vw + 0.01px);
    --text-size-60: calc(2.344vw + 0.01px);
    --text-size-50: calc(1.953vw + 0.01px);
    --text-size-40: calc(1.563vw + 0.01px);
    --text-size-35: calc(1.367vw + 1px);
    --text-size-30: calc(1.172vw + 0.01px);
    --text-size-20: calc(0.781vw + 0.01px);

    --letter-spacing-2: -2px;

    --background-rgba-85: rgba(7, 31, 39, 0.85);
    --background-rgba-95: rgba(7, 31, 39, 0.95);
    --light-background-rgba-09: rgba(7, 31, 39, 0.8);
    --light-background-rgba-05: rgba(7, 31, 39, 0.5);
    --background-rgba-09: rgba(20, 89, 111, 0.9);
    --background-rgba-07: rgba(7, 31, 39, 0.7);



    --box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    overflow-x: hidden;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


.container-full,
.start-bul p {
    max-width: calc(100% - 11.719vw);
    margin: 0 auto;
}

.title-row h2.white-color {
    color: var(--white-color);
    /*  */
}



/* who-we-are */
.who-we-are {
    position: relative;

}

.who-we-are .container-full {
    max-width: calc(100% - 18.75vw);
}

.who-we-are::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5%;
    background-color: var(--background-rgba-95);
    width: 100%;
    height: 90%;
    bottom: -5%;
}

.who-we-are .title-row h2 b {
    margin-bottom: 20px;
}

.who-we-are figure {
    padding-right: 80px;
    position: relative;
}

/* .who-we-are figure img {
  height:660px !important;
  object-fit:contain;
} */

.who-we-are .wwa-content {
    padding: 0 0 0 40px;
}

.who-we-are figure::before {
    content: "";
    position: absolute;
    right: 0;
    width: 0;
    height: 50%;
    border: 1px solid #fff;
    top: 50%;
    transform: translateY(-50%);
}







/*videos banner section */
.video-row-banner {
    position: relative;
    width: 100%;
    height: auto;
}

figure {
    margin: 0;
}

.video-row-banner video {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.video-row-banner .logo-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 32px;
    color: #fff;
    transform: translate(-50%, -50%);
    margin: 0;
    pointer-events: none;
    /* Allows clicks to pass through to video controls */
}

.video-row-banner .logo-middle figure img {
    width: 54.88vw;
}

.arr-round .down-arrow {
    position: absolute;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 2px;
    animation: jumpInfinite 1.5s infinite;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    z-index: 123;
    flex-direction: column;
}

.arr-round .down-arrow figure {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--background-rgba-07);
    height: 2.96vw;
    width: 2.96vw;
    border-radius: 50%;
    box-shadow: var(--box-shadow);
    cursor: pointer;
    transition: all 0.5s;
    margin: 0 auto;
    margin-top: -7.36vw;
}

.arr-round .down-arrow span {
    font-size: var(--text-size-60);
    font-weight: 400;
}

.arr-round .down-arrow figure:hover {
    background-color: var(--white-color);
    transition: all 0.5s;
}

.arr-round .down-arrow figure:hover img {
    filter: brightness(0) invert(0);
    transition: all 0.5s;
}

.home-trustpilot-widget {
    position: absolute !important;
    right: 40px;
    width: auto;
    bottom: 0;
    display: flex;
    justify-content: end;
}

.arr-round .down-arrow figure img {
    width: 1.16vw;
    transition: all 0.5s;

}

@keyframes jumpInfinite {
    0% {
        margin-top: 0;
    }

    50% {
        margin-top: -10px;
    }

    100% {
        margin-top: 0;
    }
}


.bespoke_bg .title-row h2 b, .bespoke_bg .title-row h1 b {
    font-size: var(--text-size-60);
}

.title-row {
    margin: 1.055vw 0 1.523vw;
}

.title-row h2,.title-row h1 {
    font-size: var(--text-size-110);
    color: var(--black-color);
    letter-spacing: var(--letter-spacing-2);
    margin: 0;
    font-weight: 400;
}

.title-row h2 b,.title-row h1 b {
    display: block;
    color: var(--light-blue-color);
    font-size: var(--text-size-40);
    font-weight: 400;
    margin: 0 0 8px;
}

.common-box h3 span {
    font-family: "Italianno", cursive;
    color: var(--light-blue-color);
}

.bespoke figure {
    background-image: url('../images/new-home/catered_banner_bg.jpg');
    min-height: 33.242vw;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.bespoke-box-bg {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 4.727vw 0;
    box-sizing: border-box;
}

.common-box {
    width: 42.96vw;
    background: var(--background-rgba-85);
    padding: 1.953vw 3.516vw;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}

.common-box h3 {
    color: var(--white-color);
    font-size: var(--text-size-90);
    margin: 0px;
    font-weight: 400;
    letter-spacing: -0.115vw;
    /*  */
}

.common-box p,
.title-row p {
    color: var(--white-color);
    font-size: var(--text-size-35);
    letter-spacing: -0.5px;
    line-height: normal;
    font-weight: 400;
    padding: 0 0 2vw;
    text-align: justify;
    margin-bottom: 0;
}

/* .start-building-btn {
    background-color: var(--drack-blue-color);
    display: inline-block;
    padding: 6px 1.4vw;
    font-size: var(--text-size-50);
    text-transform: uppercase;
    color: var(--white-color);
    transition: all 0.2s ease;
}

.start-building-btn:hover,
.view-our-latest .availability_label a:hover {
    background-color: var(--white-color);
    color: var(--black-color);
    transition: all 0.2s ease;
    text-decoration: none;
} */

.start-building-btn {
    /* background-color: var(--drack-blue-color); */
    display: inline-block;
    padding: 6px 1.4vw;
    font-size: var(--text-size-50);
    text-transform: uppercase;
    /* color: var(--white-color); */
    transition: 0.5s;
    background-color: var(--white-color);
    color: var(--black-color);

}


.view-our-latest .availability_label a {
    transition: 0.5s;
}

.start-building-btn:hover {
    background-color: var(--drack-blue-color);
    color: var(--white-color);
    text-decoration: none;
}

.comm-deals-slider {
    min-height: 23.698vw;
}

/* Why Choose Us */

.start-bul {
    background-color: var(--background-rgba-95);
    padding: 1.172vw 0;
    text-align: center;
}


.view-our-latest .availability_label {
    background-color: var(--background-rgba-09);
    /* padding: 0 2.344vw; */
    border-radius: 0.742vw;
    color: var(--white-color);
    font-size: var(--text-size-35);
    display: flex;
    vertical-align: middle;
    height: 3.047vw;
    align-items: center;
    justify-content: center;
    width: 44.063vw;
    margin: 0 auto;
}


.view-our-latest .availability_label a {
    background-color: var(--white-color);
    color: var(--black-color);
    padding: 0px 1.564vw;
    border-radius: 0.6vw;
    font-size: var(--text-size-50);
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.977vw;
    line-height: 2.383vw;
    animation: changeBackgroundColor 7s infinite;
    
}

.view-our-latest .availability_label a:hover {
    background-color: var(--background-rgba-85);
    color: var(--white-color);
    text-decoration: none;
}


@keyframes changeBackgroundColor {
  0% {
     background-color: var(--white-color);
    color: var(--black-color);
  }
  25% {
     background-color: var(--background-rgba-85);
    color: var(--white-color);
  }
  50% {
    background-color: var(--white-color);
    color: var(--black-color);
  }
  75%{
     background-color: var(--background-rgba-85);
    color: var(--white-color);
  }
  100% {
     background-color: var(--white-color);
     color: var(--black-color);
  }
}


.view-our-latest-sticky {
    position: fixed;
    bottom: -100px;
    left: 0;
    text-align: center;
    right: 0;
    transition: .3s;
    z-index: 2;
}

section#bespoke-section {
    padding-top: 100px;
    margin-top: -100px;
}

body.show-chat.isHome.fade-in .view-our-latest-sticky {
    bottom: 15px;
    width: max-content;
    margin: 0 auto;
}

body.show-chat.isHome.fade-in.fade-in_up .view-our-latest.view-our-latest-sticky {
    display: none;
}

body.show-chat.isHome.fade-in.fade-in_up .bottom-sticky.view-our-latest-sticky {
    transition: all 0.5s;
    display: block;
    position: absolute;
    bottom: 20px;
}

/* .view-our-latest-sticky .availability_label {
    font-size: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    border-radius: 0;
    vertical-align: middle;
} */
/* .view-our-latest-sticky .availability_label a {
    margin: 0;
    padding: 0.586vw 1.953vw;
    vertical-align: middle;
    background-color: var(--light-blue-color);
} */
.middle-hr {
    margin: 0.781vw auto 1.563vw;
    width: 5.84vw;
}

section#chalets-by-category-section .middle-hr {
    margin-top: 1.719vw;
    margin-bottom: 1.328vw;
}

.title-row hr {
    width: 0;
    height: 1px;
    background-color: #fff;
    margin: 0;
}

.title-row hr.aos-animate {
    width: 100%;
}

.amenity_details img {
    display: inline-block;
    transition: 0.3s;
    padding: 10px 0 0;
    width: 5.117vw;
    vertical-align: middle;
    height: 4.219vw;
    object-fit: contain;
    transition: all 0.5s;
}

.amenity_item:hover .amenity_details img {
    transform: scale(1.1);
    transition: all 0.5s;
}

.amenity_details {
    transition: all 0.5s;
    margin: 0.586vw;
    padding: 0.586vw;
    box-sizing: border-box;
    height: 100%;
    transform: scale(0.9);

}

.amenity_item:hover .amenity_details {
    transition: all 0.5s;
    box-shadow: 0px 0px 10px 2px #e5e5e5;
    transform: scale(1);
}

.amenity_title span {
    display: block;
}

.amenity_title {
    font-size: var(--text-size-50);
    color: var(--black-color);
    font-weight: 400;
    line-height: 1.2;
}

.amenity_details hr {
    margin: 1.563vw auto;
    width: 2.64vw;
    height: 1px;
    background-color: #000;
}

.amenity_info {
    font-size: var(--text-size-30);
    color: var(--black-color);
    width: 14.8vw;
    margin: 0 auto;
    line-height: 1.2;
    letter-spacing: -0.5px;
    text-align: justify;
}

.amenity-slider_bg {
    /* padding: 1.758vw 0; */
    padding: 3.906vw 0;
    box-sizing: border-box;
    position: relative;
}

.amenity-slider_bg button {
    position: absolute;
    top: 50%;
    font-size: 0;
    border: none;
    background-color: transparent;
    width: 30px;
    height: 43px;
    padding: 0;
}

.amenity-slider_bg button:hover,
.amenity-slider_bg button:focus {
    outline: none;
    box-shadow: 0 0 0;
    cursor: pointer;
}

.amenity-slider_bg button.slick-prev {
    background-image: url('../images/new-home/arrow-lft.svg');
    left: -1.953vw;
    background-repeat: no-repeat;
}

.amenity-slider_bg button.slick-next {
    background-image: url('../images/new-home/arrow-rgt.svg');
    right: -1.953vw;
    background-repeat: no-repeat;
}

/* Our Catering section */
.catering_bg {
    margin-top: 3.906vw;
    /* background-image: url('../images/new-home/catering_banner.jpg'); */
    background-position: center top;
    background-repeat: no-repeat;
    /* height: 53.32vw; */
    background-attachment: fixed;
    background-size: cover;
    background-size: cover;
}

.catering_bg .common-box {
    float: right;
    margin-bottom: 9.805vw;
    margin-right: 6.578vw;
}

.common-box label {
    font-size: var(--text-size-40);
    letter-spacing: var(--letter-spacing-2);
    color: var(--light-blue-color);
    margin-bottom: 0.977vw;
    margin-top: 5px;

}

.chalet_reviews_bg sub {
    font-family: "Imperial Script", cursive;
    font-size: 5.859vw;
}

.default_arrow button {
    border: none;
    background-color: transparent;
    font-size: 0;
    background: rgba(255, 255, 255, 0.9);
    height: 5.234vw;
    width: 4.023vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.default_arrow ul.slick-dots li button {
    height: auto;
    width: auto;
    background: transparent;
}

.default_arrow button:hover,
.default_arrow button:focus {
    border: none;
    outline: none;
    box-shadow: 0 0 0;

}


.default_arrow button.slick-prev {
    left: 5.664vw;
}

.default_arrow button.slick-prev:before {
    position: absolute;
    content: "";
    border-right: 20px solid var(--background-rgba-95);
    top: calc(50% - 20px);
    bottom: 0;
    width: 10px;
    height: 10px;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    left: 0;
    right: 0;
    transition: all 0.5s;
    margin: 0 auto;
}

.default_arrow button.slick-next {
    right: 5.664vw;
}

.default_arrow button.slick-next:before {
    position: absolute;
    content: "";
    border-left: 20px solid var(--background-rgba-95);
    top: calc(50% - 20px);
    bottom: 0;
    width: 10px;
    height: 10px;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.5s;
}

.label_banner {
    margin-top: 1.484vw;
    margin-left: 1.484vw;
    font-size: var(--text-size-40);
    color: var(--light-text-color-rgba);
    letter-spacing: var(--letter-spacing-2);
}

.default_arrow button:hover {
    background-color: var(--drack-blue-color);
    transition: all 0.5s;
}

.default_arrow button.slick-next:hover:before {
    border-left: 20px solid var(--white-color);
    transition: all 0.5s;
}

.default_arrow button.slick-prev:hover:before {
    border-right: 20px solid var(--white-color);
    transition: all 0.5s;
}

.box-middle-arrow button {
    top: calc(50% - 4.805vw);
}

/* our people section */
.our_people_bg,
.our_people_bg .item {
    background-image: none;
    height: 34.844vw;
}

.catering_new_bg,
.catering_new_bg.our_people_bg .item {
    height: 53.32vw;
}

.our_people_bg .item {
    position: relative;
    width: 100%;
}


.our_people_bg .item figure {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
}

.our_people_bg .middle_row {
    display: flex;
    justify-content: right;
    align-items: center;
    height: 100%;
}

.our_people_bg .label_banner {
    bottom: 1.484vw;
    /*  */
    font-size: var(--text-size-35);
    font-weight: 400;
}

.resort {
    margin-top: 4.492vw;
}

.res-cont {
    position: relative;
    overflow: hidden;
}

.cont-res {
    position: absolute;
    bottom: 0;
    background: #071F27B2;
    width: 100%;
    padding: 5px 0.781vw;
    height: 4.922vw;
    box-sizing: border-box;
    color: #fff;
}

.img-box img {
    transform: scale(1);
    transition: all 1s ease;
}

.resort .img-box img {
    height: 32.969vw;
}

.res-cont:hover .img-box img {
    transform: scale(1.1);
    transition: all 1s ease;
}

.cont-res h3 {
    font-size: var(--text-size-60);
    margin: 0
}

.cont-res h3 span {
    font-size: var(--text-size-30);
    color: var(--light-blue-color)
}

.cont-res p {
    font-size: var(--text-size-30);
    margin: 0
}

.res-cont:hover .cont-res {
    background: #071F27B2;
    height: 100%;
    transition: all 1s ease;
}


.resort .wwa-content p {
    color: #000;
    padding-bottom: 0;
    padding-left: 4px;
    font-size: var(--text-size-30);
}

.resort .title-row h2 span {
    font-size: var(--text-size-40);
    margin-bottom: 20px;
}

.resort .res-row {
    align-items: center;
    justify-content: space-between;
}

/* -stay-know- */
.stay-know {
    margin-top: 4vw;
}

.stay-know figure {
    background-image: url('../images/new-home/stay-know.jpg');
    min-height: 38.336vw;
    background-position: center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
}

.stay-know .container-full {
    padding: 4.297vw 0 0;
}

.stay-know .stay-con-text {
    right: 0;
    top: 0;
    bottom: 0;
}

.stay-know .common-box span {
    font-size: var(--text-size-40);
    margin: 10px 0;
    display: block;
    color: var(--light-blue-color);
}

.stay-know .common-box button {
    margin-left: auto;
    display: flex;
    padding: 8px 32px;
    background: #14596F;
    border: 0;
    font-size: var(--text-size-35);
    transition: all 0.5s ease;
    border: 0;
}

.stay-know .common-box button:hover,
.stay-know .common-box button:active {
    background: var(--light-blue-color);
    border: 0;
    transition: all 0.5s ease;
}

.stay-know .common-box button:focus {
    box-shadow: none;
}

.stay-know .form-control {
    height: 2.8vw;
}

.stay-know .form-control {
    font-size: var(--text-size-35);
}

.stay-know .common-box h3 {
    font-size: var(--text-size-110);
}

.stay-know .common-box {
    width: 50.109vw;
}

/* our-blog */
.our-blog {
    margin-top: 3.906vw;
}

.our-blog.who-we-are .title-row h2 b {
    letter-spacing: 0;
}

.our-blog .common-box {
    width: 100%;
    padding: 0;
    position: relative;
}

.default_arrow button {
    height: 5.234vw;
    width: 4.023vw;
}

.our-blog.default_arrow button.slick-prev {
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.our-blog.default_arrow button.slick-next {
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.our-blog .wwa-conten {
    position: relative;
    padding: 0 0 0 2.734vw;
}

.our-blog .our_people_slider {
    padding: 0;
}

.our-blog .row.align-items-center .col-md-6 {
    padding-right: 95px;
    margin-right: -15px;
}

.our-blog .row.align-items-center .col-md-6.aos-init {
    padding-right: 0;
}

.our-blog .wwa-content::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 0;
    height: 50%;
    border: 1px solid #fff;
    top: 50%;
    transform: translateY(-50%);
}

.our-blog .blog-img-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
}

.our-blog h5 {
    font-size: var(--text-size-40);
    color: #fff;
}

/* featured section */
.featured {
    margin-top: 1.953vw;
    /* margin-top: 3.906vw; */
}

#featured-section img.w-100 {
    height: 37.422vw;
    object-fit: cover;
}

.featured p {
    color: var(--black-color);
}

.featured p a {
    color: var(--light-blue-color);
}

.featured .title-row hr {
    background-color: var(--black-color);
}

.arrow-center button.slick-prev,
.arrow-center button.slick-next {
    top: 50%;
    transform: translateY(-50%);
}

.featured .slick-slide {
    margin: 0 0.391vw;
}

.comm-deals-slider .img-blog-box {
    position: relative;
}

.comm-deals-slider .fea-top-text {
    position: absolute;
    left: 1.563vw;
    top: 1.563vw;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 0.781vw;
    gap: 0.781vw;
}

.comm-deals-slider .fea-top-text .fea-top-box {
    display: flex;
    align-items: center;
    gap: 0.391vw;
}

.comm-deals-slider .fea-top-text .fea-top-box span {
    font-size: var(--text-size-30);
}

.comm-deals-slider .fea-top-text .fea-top-box img {
    width: 1.172vw;
    object-fit: contain;
}

.comm-deals-slider .fea-top-text-bott {
    position: absolute;
    bottom: 1.563vw;
    left: 0;
    width: 100%;
    padding: 0 1.563vw;
}

.comm-deals-slider .fea-top-text-bott .user-text h4 {
    font-size: var(--text-size-60);
    color: #fff;
}

.comm-deals-slider .fea-top-text-bott .user-text h6 {
    color: #fff;
    font-size: var(--text-size-30);
}

.comm-deals-slider .user-date {
    color: #fff;
    text-align: end;
    width: 100%;
}

.comm-deals-slider .user-date h4 {
    font-size: var(--text-size-40);
}

.comm-deals-slider .user-date h4 span.red-text {
    color: red;
}

.comm-deals-slider .user-date h4 span.person {
    font-size: 18px;
}

/* .comm-deals-slider .img-blog-box::before,
.our-blog .img-blog-box::before,
.who-we-are figure img::before  {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background:rgba(255,255,255,0.1);
    transition: all 0.3s ease;
}
.comm-deals-slider .img-blog-box:hover::before,
.our-blog .img-blog-box:hover::before,
.who-we-are figure img:hover::before  {
    transition: all 0.3s ease;
    background:rgba(255,255,255,0.2);
} */

/* Ensure the parent container hides overflow */
.comm-deals-slider .img-blog-box,
.our-blog .blog-list-row,
.who-we-are figure {
    position: relative;
    overflow: hidden;
}

/* Zoom effect applied to the image */
.comm-deals-slider .img-blog-box img,
.our-blog .blog-list-row img,
.who-we-are figure img {
    transition: transform 0.4s ease;
    display: block;
    width: 100%;
    height: auto;
}

.chalets .img-blog-box img {
    aspect-ratio: 1;
    object-fit: cover;
}

/* Zoom on hover */
.comm-deals-slider .img-blog-box:hover img,
.our-blog .blog-list-row:hover img,
.who-we-are figure:hover img {
    transform: scale(1.05);
}

/* Overlay effect */
.comm-deals-slider .img-blog-box::before,
.our-blog .blog-list-row::before,
.who-we-are figure img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(7, 31, 39, 0.15);
    transition: background 0.3s ease;
    /* z-index: 2; */
    pointer-events: none;
}

.comm-deals-slider .img-blog-box:hover::before,
.our-blog .img-blog-box:hover::before,
.who-we-are figure:hover img::before {
    background: rgba(255, 255, 255, 0.2);
}

/* .middle_row {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 11;
    width: 100%;
    height: 100%;
} */
/* chalet_reviews_bg People */

.chalet_reviews_bg {
    /* background-image: url(../images/new-home/chalet_img_banner.jpg); */
    height: 43.906vw;
}

.chalet_reviews_bg .slick-slide,
.chalet_reviews_bg .slick-slide .item {
    height: 43.906vw;
}

.chalet_reviews_bg .common-box p {
    position: relative;
    padding-left: 0;
}

.chalet_reviews_bg .common-box p sub:first-child {
    /* position: absolute; */
    top: 1.897vw;
    left: 0px;
}

/* .chalet_reviews_bg .container-full {
    padding-top: 7.734vw;
} */

.common-box p span {
    display: block;
    font-size: var(--text-size-20);
    margin-top: 0.391vw;
    color: var(--light-blue-color);

}

div#youtubeModal {
    z-index: 12345;
}

/* chalets */
.chalets {
    background: var(--background-rgba-95);
    margin-top: 3.906vw;
    padding-top: 1.953vw;
    padding-bottom: 0.586vw;
}

.chalets .slick-slide {
    margin: 0 0.293vw;
}

.wrapper-top .tp-widget-review-next .svg-slider-arrow:hover,
.wrapper-top .tp-widget-review-prev .svg-slider-arrow:hover {
    background: transparent;
}

section#chalets-by-category-section ul.slick-dots,
section#chalets-section ul.slick-dots {
    bottom: calc(-1.484vw - 0.586vw);
}

/*section#chalets-by-category-section .chalets{
    padding-bottom: 2.734vw;
}
section#chalets-by-category-section ul.slick-dots li {
    background: rgba(255,255,255,1);
}
section#chalets-by-category-section .default_arrow ul.slick-dots{
    bottom: -1.70vw;
}
section#chalets-by-category-section ul.slick-dots li.slick-active {
    background: var(--light-blue-color); 
}
*/
/* tabing */
.tabing-default-row li.nav-item .nav-link {
    padding: 0.586vw 1.563vw;
    background: var(--light-blue-color);
    font-size: var(--text-size-30);
    color: #000;
}

.tabing-default-row li.nav-item .nav-link.active,
.tabing-default-row li.nav-item .nav-link.active.show {
    padding: 0.586vw 1.563vw;
    background: #fff;
    font-size: var(--text-size-30);
    color: #000;
}

.tabing-default-row ul.nav {
    justify-content: center;
    gap: 1.758vw;
    margin-bottom: 1.563vw;
}

.tabing-default-row li.nav-item {
    max-width: 12.953vw;
    width: 100%;
    text-align: center;
}

.default_arrow ul.slick-dots {
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -1.484vw;
}

.default_arrow ul.slick-dots li {
    width: 2.344vw;
    height: 0.156vw;
    background: rgba(0, 0, 0, 0.4);
    display: inline-block;
    margin: 0 0.43vw 0;
    vertical-align: middle;
}

.default_arrow ul.slick-dots li.slick-active {
    background-color: var(--black-color);
}

.resort .container-full {
    max-width: calc(100% - 3.125vw - 3.125vw);
}

.resort .col-md-3 {
    padding: 0;
}

.resort .col-md-3 {
    max-width: 23.109vw;
}

.resort .col-md-3:last-child {
    max-width: 100%;
}

/* social-media */

.social-media {
    background: #14596F;
    margin-top: 3.906vw;
    height: 34.258vw;
}

.social-media-container-full {
    padding: 0 0 0 3.125vw;
    display: flex;
    height: 100%;
    position: relative;
}

.social-media .media-left {
    max-width: 30%;
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.media-right {
    max-width: 80%;
    width: 100%;
    margin-left: auto;
}

.social-media .wwa-content {
    background: var(--background-rgba-95);
    padding: 0.977vw 1.953vw;
}

.social-media .wwa-content ul {
    display: flex;
    gap: 0.391vw;
    align-items: center;
}

.social-media .wwa-content ul li {
    width: 2.344vw;
    height: 2.344vw;
}

.social-media .wwa-content ul li img {
    height: 100%;
    object-fit: contain;
}

.juicer-feed h1.referral {
    display: none;
}

.form-group.error-msg {
    position: relative;
    width: calc(100% - 165px);
}

.form-group.error-msg span {
    position: absolute;
    font-size: var(--text-size-30);
    line-height: 1.5;
}

/* WhatOurGuestsSay section */

.review_title {
    padding: 1.953vw 5.117vw;
    background: #fff;
    border-radius: 1.172vw;
    margin-top: -9.805vw;
    z-index: 1;
    position: relative;
}

.review_content iframe {
    height: 14.984vw !important;
}

/* -footer- */
.footer-row {
    background-color: var(--background-rgba-95);
    padding: 1.6vw 0;
    border-top: 0.156vw solid var(--white-color);
}

.footer-row .row {
    align-items: center;
}

.footer-row .container-full,
.copy-right-b .container-full {
    max-width: calc(100% - 2.719vw);
}

.footer-row li {
    margin-bottom: 1.20vw;
}

/* .footer-row li:nth-child(2) {
    margin-bottom: 1.525vw;
} */

.footer-row li:last-child {
    margin-bottom: 0;
}

.footer-row li.title-f a {
    color: var(--light-blue-color);
}

.footer-row li a {
    color: var(--white-color);
    font-size: 1vw;
    transition: all 0.5s;
}

.footer-row li a:hover {
    text-decoration: none;
    transition: all 0.5s;
    color: var(--light-blue-color);
}

.footer-row .footer-con {
    position: relative;
}

.footer-row .footer-con:after {
    content: "";
    position: absolute;
    right: 30px;
    border: 1px solid #fff;
    width: 0;
    height: 70%;
    top: 50%;
    transform: translateY(-50%);
}

.footer-row .footer-con.hide-border:last-child:after {
    display: none;
}

.footer-details {
    text-align: right;
    height: 10.01vw;
    display: flex;
    align-items: center;
    justify-content: end;
}

.footer-details ul li {
    margin-bottom: 0;
}

.footer-details ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.footer-details li a {
    font-size: 1.5vw;
    font-weight: 400;
}

.footer-details li a span {
    color: var(--light-blue-color);
    padding-right: 15px;
}

.footer-details li.icon-list {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 0.8vw;
}

.footer-details li.icon-list .icon-f:nth-child(2) {
    width: 3.125vw;
}

.footer-details li.icon-list .icon-f:nth-child(3) {
    width: 1.641vw;
}

.footer-details li.icon-list .icon-f:nth-child(4) {
    width: 2.969vw;
}

/* new feedback */
.catering-btn {
    display: inline-block;
    border: 1.5px solid var(--white-color);
    padding: 0 55px 5px;
    font-size: var(--text-size-50);
    color: var(--white-color);
    font-weight: 400;
    float: right;
    margin-top: 20px;
    transition: all 0.5s;
    vertical-align: middle;
    line-height: 50px;
}

.catering-btn:hover {
    text-decoration: none;
    background-color: var(--background-rgba-09);
    border-color: var(--background-rgba-09);
    transition: all 0.5s;
    color: var(--white-color);
}

.new_ng_people {
    background-image: url('../images/new-home/our-people-bg.jpg');
    height: 46.07vw;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
}

@media (max-width:1600px) {
    /* .footer-details li.icon-list .icon-f {
    width: 2.2vw;
    height: 2.2vw;
} */
    /* .footer-details li.icon-list .icon-f:last-child {
   position: relative;
    left: -10px;
} */

    .who-we-are::before {
        content: "";
        position: absolute;
        left: 0;
        background-color: var(--background-rgba-95);
        width: 100%;
        height: 90%;
        bottom: 5%;
        top: 5%;
    }
}

.footer-details li.icon-list .icon-f img {
    height: 100%;
    object-fit: contain;
}

.footer-details li.icon-list .logo-f-box {
    width: 6.08vw;
}

.copy-right-b {
    background: #14596F;
    padding: 0.8vw 0;
}

.copyright p {
    text-align: right;
    color: #fff;
    font-size: 1vw;
}

.custom-navbar.navbar-light.drack_header_new.sticky .navbar-nav .nav-item .nav-link .fa {
    font-size: 14px;
    line-height: 1.5;
}

/* --- */

.filer_product,
.product_top_bar,
.rating_filter {
    background: rgba(7, 31, 39, .9);
}

.product_top_bar {
    border: 1px solid #000;
    padding: 5px;
    box-sizing: border-box;
    /* margin: 0 0 20px; */
    /* z-index: 1 !important; */
}

.product_top_bar {
    margin: 0;
    width: 100%;
    z-index: 1;
}

.isHome .product_top_bar {
    position: fixed;
    top: 0;
}

.sale_product_bar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.sale_date_info h4,
.sale_product_bar h3 {
    color: #fff;
    margin: 0;
}

.sale_product_bar h3 span {
    color: #fa0505;
}

.sale_date_info,
.sale_date_info ul {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    gap: 10px;
}

.sale_date_info ul li {
    background: #4dbee2;
    border: 1px solid #4dbee2;
    border-radius: 5px;
    list-style: none;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
}

.info-icon {
    display: flex;
    align-self: start;
}

.info-icon .fa-info-circle {
    font-size: 18px;
    position: relative;
    cursor: pointer;
}

.text-white {
    color: #fff;
}

i .tooltiptext {
    z-index: 123 !important;
}

i .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: rgba(20, 89, 111, 1);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    font-family: "Average Sans", sans-serif;
    position: absolute;
    /* z-index: 1; */
    left: -130px;
}

.info-icon .fa-info-circle span.tooltiptext {
    width: 130px;
    padding: 8px;
    font-size: 14px;
    line-height: 1.1;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light.custom-navbar.drack_header_new.is_discount_available {
    top: 40px;
}

.comm-deals-slider .user-date h4 .line-th {
    text-decoration: line-through;
}

.resort .wwa-content {
    padding-left: calc(3.125vw - 15px)
}

.resort .title-row h2 b {
    margin: 0.391vw 4px;
}

.cha-val {
    display: flex;
    align-items: end;
    gap: 0.859vw;
}

.cha-val label {
    margin-bottom: 11px;
    /*  */
    letter-spacing: 0;
}

.chalet_reviews_bg .common-box p {
    margin-top: 0.781vw;
}

.fallback-image {
    height: 100vh;
    object-fit: cover;
}

li.res_menu .fa-angle-down:before {
    content: "\f105";
    font-size: 12px;
}

.sidenav .closebtn {
    position: absolute;
    top: 28px !important;
}

.our-blog .img-blog-box {
    position: relative;
    padding-top: 87%;
}

.our-blog .img-blog-box img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.our-blog .common-box h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.who-we-are-row .who-we-are-modal iframe {
    width: 100%;
    /* aspect-ratio: 1/0.5; */
    height: 100%;
}

.who-we-are-row .modal-lg {
    max-width: 80%;
    /* margin: 0 auto; */
}

.who-we-are-modal .modal-content .btn-close {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    font-size: 15px;
    line-height: normal;
    background-color: #fff;
    height: 30px;
    padding: 6px;
    position: absolute;
    right: -15px;
    top: -15px;
    border: 1px solid var(--light-blue-color);
}

.who-we-are-modal .modal-body {
    padding: 0;
}

.who-we-are-modal .modal-content {
    height: calc(75vh - 57px);
    background: transparent;
    border: 0 !important;
}

.custom-navbar.navbar-light.drack_header_new.sticky .navbar-nav .social-call span a.call:hover {
    color: #3897c0;
}


.arr-round .down-arrow figure {
    height: 56px;
    width: 56px;
}
div#muteToggle {
    width: 50px;
    height: 50px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}
div#muteToggle i{
  font-size:20px;
}

@media (min-width:768px) {
    /* #muteToggle {
        font-size: 1.667vw !important;
    } 

    .tp-widget-logo {
        width: 53.063vw;
    }

    .tp-widget-stars {
        width: 88.927vw;
    }

    .tp-widget-businessinfo {
        font-size: 7.573vw;
    }
    .home-trustpilot-widget iframe {
        height:7.813vw !important;
    } */
}



/*media screen */
@media (max-width:1499px) {
    .review_content iframe {
        height: 17.984vw !important;
    }

    .default_arrow button.slick-prev:before {
        border-right: 15px solid var(--background-rgba-95);
        top: calc(50% - 15px);
        border-bottom: 15px solid transparent;
        border-top: 15px solid transparent;
    }

    .default_arrow button.slick-next:before {
        border-left: 15px solid var(--background-rgba-95);
        top: calc(50% - 15px);
        border-bottom: 15px solid transparent;
        border-top: 15px solid transparent;
    }

    .bespoke-box-bg{padding: 0;}
    .bespoke .container-full{
    align-items: center;
    display: flex;
}



}

@media (max-width:1366px) {


    .catering-btn {
        padding: 0 35px 3px;
        line-height: 34px;
    }

       

    .common-box p,
    .title-row p {
        padding: 0 0 1vw;
        font-size: 16px;
    }

    .common-box p span {
        font-size: 14px;
    }

    .who-we-are .title-row h2 b {
        margin-bottom: 15px;
    }

    .review_content iframe {
        height: 262px !important;
    }

    .cont-res {
        height: 70px;
    }

    .view-our-latest .availability_label a {
        padding: 3px 15px;
    }

    .view-our-latest .availability_label {
        width: auto;
        font-size: 16px;
        padding: 6px 20px;
        height: auto;
    }

    .amenity_info {
        font-size: 18px;
    }

     .amenity_details img {
        width: 50px;
        height: auto;
    }
    
    .amenity_info {
        width: 100%;
    }

    .our-blog.default_arrow button.slick-next{
        right: -20px;
    }
    .our-blog.default_arrow button.slick-prev{
        left: -20px;
    }

    .resort .wwa-content {
    padding-left: 0;
}
.resort .wwa-content {
    padding-left: calc(2.125vw - 15px);
}

.bespoke figure{background-attachment: inherit;}

.new_ng_people{background-attachment: inherit;}

    
    .arr-round .down-arrow figure {
    height: 36px;
    width: 36px;
}   
    .arr-round .down-arrow figure img {
    width:16px;
    transition: all 0.5s;
    }
}


@media (max-width:1199px) {
    .resort .wwa-content {
    padding-left: 0;
}

    .bespoke figure {
        min-height: 293px;
    }

 #who-we-are-section .who-we-are::before {
        height: 100%;
        bottom: 0;
        top: 0;
    }

}

@media (max-width:1299px) {
        .stay-know figure {
            height: 430px;
         }

    .home-trustpilot-widget {
        bottom: -20px;

    }

}

@media (max-width:1030px) {
    .arr-round .down-arrow figure {
        margin-top: -300px;
    }
    #mobilefallbackImage{
        display: block;
    }

  #fallbackImage {
        display: none !important;
    }
    .video-row-banner:before {
        position: absolute;
        content: "";
        height: 100%;
        background: url(../images/white-logo.png) no-repeat;
        background-position: center;
        background-size: 60%;
        width: 100%;
    }

    .video-row-banner.hide-before:before {
        display: none;
    }
   
}

@media (max-width:991px) {

    :root {
        --text-size-110: 40px;
        --text-size-90: 24px;
        --text-size-60: 22px;
        --text-size-50: 22px;
        --text-size-40: 20px;
        --text-size-35: 11px;
        --text-size-30: 16px;
        --text-size-20: 0.781vw;
    }

   



    .start-bul {
        padding: 15px 0;
    }

    body .custom-navbar.navbar-light.drack_header_new.sticky .navbar-collapse {
        display: none !important;
    }

    .default_arrow button.slick-prev:before {
        border-right: 15px solid var(--background-rgba-95);
        top: calc(50% - 15px);
        border-bottom: 15px solid transparent;
        border-top: 15px solid transparent;
        left: -4px;
    }

    .default_arrow button.slick-next:before {
        border-left: 15px solid var(--background-rgba-95);
        top: calc(50% - 15px);
        border-bottom: 15px solid transparent;
        border-top: 15px solid transparent;
    }

    .who-we-are::before {
        height: 100%;
        bottom: 0;
        top: 0;
    }

    #who-we-are-section .catering-btn.mt-0 {
        margin-bottom: 2.055vw;
    }

    .catering-btn {
        padding: 0 25px 4px;
        line-height: 30px;
    }

    .who-we-are .wwa-content {
        padding: 0;
    }

    .our-blog .img-blog-box {
        padding-top: 100%;
    }

    .stay-know .common-box {
        width: 56.109vw;
    }

    .footer-row .container-full,
    .copy-right-b .container-full {
        max-width: calc(100% - 30px);
    }

    .default_arrow button.slick-next:hover:before {
        border-left: 15px solid var(--white-color);
        transition: all 0.5s;
    }

    .default_arrow button.slick-prev:hover:before {
        border-right: 15px solid var(--white-color);
        transition: all 0.5s;
    }

    .cont-res{
        height: 55px;
    }

    .common-box p,
    .title-row p {
        font-size: 15px;
    }
    

    #our-catering-section .common-box {
    width: 85%;
        margin: 0 auto;
        margin-right: 6.578vw;
  }
  

  .our-blog .row.align-items-center .col-md-6.aos-init {
    padding-right: 0;
    padding-left: 50px;
}


}

@media (min-width:768px) {
    .common-box h3 br {
        display: none;
    }

    .mobile-view-resort,
    .mob_toggle,
    .mobile-banner {
        display: none;
    }
}



@Media (max-width:767px) {
    :root {
        --text-size-110: 50px;
        --text-size-90: 50px;
        --text-size-60: 35px;
        --text-size-50: 40px;
        --text-size-40: 22px;
        --text-size-35: 18px;
        --text-size-30: 1.172vw;
        --text-size-20: 0.781vw;


    }

    .view-our-latest-sticky {
        width: calc(100% - 49px);
        margin: 0 auto;
        z-index: 9999;
    }

    section#bespoke-section {
        padding-top: 60px;
        margin-top: -60px;
    }

    #fallbackImage {
        display: none !important;
    }

    /* .home-trustpilot-widget {
        right: 9px;
        bottom: -23px;
    } */
    .home-trustpilot-widget {
        right: 0;
        bottom: -23px;
        transform: scale(0.9);
    }

    div#muteToggle {
        width: 50px;
        height: 50px;
        padding: 11px 12px !important;
        font-size: 26px !important;
    }

    div#muteToggle i {
        font-size: 24px;
    }

    section#social-media-section,
    section#stay-know-section,
    section#bespoke-section {
        overflow: hidden;
    }

    .arr-round .down-arrow figure {
    height: 40px;
    width: 40px;
        margin-top: -300px;
        box-shadow: 0px 4px 4px 0px #00000040;
    }

    /* .android-device .arr-round .down-arrow figure {
        margin-top: -350px;
        }

    .android-device    .home-trustpilot-widget {
        right: 10px;
        bottom: 50px;
    } */


    .video-row-banner {
        height: 100vh;
    }

    .arr-round .down-arrow figure img {
        width: 18px;
    }

   

    #what-our-guests-section .title-row h2 {
        padding: 0 18px;
    }

    .amenity_details {
        width: 75%;
        margin: 0 auto;
        padding: 15px;
        padding-top: 0;
    }

    .amenity-slider_bg {
        padding: 20px 10px;
    }

    .bespoke_bg .title-row h2 b, .bespoke_bg .title-row h1 b {
        font-size: 22px;
        letter-spacing: 0;
    }

    .who-we-are h2.white-color,
    .common-box label,
    .resort .title-row h2 b,
    .title-row h2 b,.title-row h1 b {
        letter-spacing: 0;
    }

    /* Chalets by  Build My Ski Trip  */
    .container-full,
    .start-bul p {
        max-width: 100%;
    }

    #why-choose-section .title-row {
        margin-top: 0;
    }

    .title-row {
        margin: 19px 0 34px;
    }

    .bespoke figure {
        min-height: 657px;
        height: 657px;
        background-attachment: local;
    }

    .main-img-bes-row .common-box-bg {
        height: 100%;
        width: 100%;
    }

    .common-box,
    .stay-know .common-box {
        width: 100%;
        padding: 20px 22px 35px;
        box-shadow: 0px 4px 4px 0px #00000040;
    }

    section#stay-know-section .common-box {
        padding: 20px 22px 24px;
    }

    .start-building-btn {
        width: 100%;
        text-align: center;
        background-color: var(--white-color);
        color: var(--black-color);
        height: 54px;
        line-height: 54px;
        padding: 0 0;
    }

    .common-box p,
    .title-row p {
        padding: 0 0 20px;
    }

    .middle-hr {
        width: 70px;
        margin: 29px auto;
    }

    .start-bul {
        padding: 25px;
    }

    .common-box h3 {
        text-align: center;
        margin: 0 0 10px;
        letter-spacing: -0.267vw;
        /* letter-spacing: -0.014vw; */
    }

    .amenity_title {
        font-size: calc(var(--text-size-50) - 5px);
    }

    .amenity_details img {
        width: 99px;
        height: 87px;
        padding: 0;
    }

    .amenity-slider_bg button {
        width: 26px;
        height: 30px;
        padding: 0;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .amenity-slider_bg button.slick-next {
        right: 20px;
    }

    .amenity-slider_bg button.slick-prev {
        left: 20px;
    }

    .amenity_info {
        font-size: 18px;
        width: 100%;
    }

    .amenity_details hr {
        width: 48px;
    }

    .who-we-are::before {
        height: 42%;
        margin-top: inherit;
    }

    #who-we-are-section .catering-btn.mt-0 {
        margin-bottom: 20px;
    }

    .stay-know .stay-con-text {
        left: 0;
    }

    .who-we-are figure::before {
        display: none;
    }

    .who-we-are figure {
        padding: 0px;
    }

    .who-we-are .container-full {
        max-width: calc(100% - 30px);
        margin-bottom: 20px;
    }

    .catering_bg {
        margin-top: 0;
    }

    .who-we-are .col-md-6:first-child {
        order: 1;
    }

    .who-we-are .wwa-content {
        padding: 0 20px;
    }

    .title-row h2.white-color {
        text-align: center;
    }

    .who-we-are .title-row {
        margin-bottom: 0;
    }


    /* Our Catering  */
    .catering_new_bg,
    .catering_new_bg.our_people_bg .item,
    #our-catering-section .catering_bg.our_people_bg {
        height: 648px;
    }

    .our_people_bg .item figure,
    .our_people_bg .item figure img {
        height: 100%;
        object-fit: cover;
    }

    .catering_bg .common-box {
        margin-bottom: 0;
        margin-right: 0;
    }

    .catering_new_bg.our_people_bg label.label_banner {
        bottom: inherit;
        z-index: 1;
    }


    .catering_bg.default_arrow ul.slick-dots li {
        width: 11px;
        height: 11px;
        /* background: rgba(217, 217, 217, 0.8); */
        background: var(--background-rgba-09);
        display: inline-block;
        margin: 0 7px 0;
        vertical-align: middle;
        border-radius: 50%;
        position: relative;
    }

    .catering_bg.default_arrow ul.slick-dots li.slick-active {
        background-color: #000;
    }

    .common-box label {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    #what-our-guests-section {
        width: calc(100% - 44px);
        margin: 0 auto;
        overflow: visible;
    }

    .review_content iframe {
        height: 262px !important;
    }

    #bespoke-section .title-row {
        width: calc(100% - 20px);
        margin-left: auto;
        margin-right: auto;
    }

    /* Our People  */
    .our_people_bg,
    .our_people_bg .item {
        height: 576px;
        overflow: hidden;
    }

    .title-row p.text-center {
        letter-spacing: 0;
        text-align: justify !important;
    }

    .when_youchat_bg div#container {
        width: 830px !important;
        height: 279px !important;
    }

    .when_youchat_bg .container-full {
        overflow: auto;
    }

    #when-should-section {
        padding: 0;
        box-sizing: border-box;
        padding-bottom: 0;
        padding-top: 30px;
    }

    #when-should-section .featured {
        margin-top: 0;
    }

    .chalets {
        margin-top: 50px;
        padding-top: 22px;
        padding-bottom: 15px;
    }

    .slider-par p {
        padding: 8px 25px 20px;
    }

    .default_arrow button {
        height: 48px;
        width: 36px;
    }

    .comm-deals-slider .fea-top-text .fea-top-box {
        gap: 5px;
    }

    .default_arrow button.slick-next:before {
        border-left: 9px solid var(--background-rgba-95);
        top: calc(50% - 9px);
        border-bottom: 9px solid transparent;
        border-top: 9px solid transparent;
    }

    .default_arrow button.slick-next:hover:before {
        border-left: 9px solid var(--white-color);
    }

    .default_arrow button.slick-prev:before {
        border-right: 9px solid var(--background-rgba-95);
        top: calc(50% - 9px);
        border-bottom: 9px solid transparent;
        border-top: 9px solid transparent;
        left: -4px;
    }

    .default_arrow button.slick-prev:hover:before {
        border-right: 9px solid var(--white-color);
    }

    .comm-deals-slider .fea-top-text-bott .user-text h6 {
        font-size: 18px;
    }

    .comm-deals-slider .user-date h4,
    .comm-deals-slider .fea-top-text .fea-top-box span {
        font-size: 18px;
    }

    .comm-deals-slider .fea-top-text .fea-top-box img {
        width: 18px;
    }

    .user-text {
        margin-bottom: 20px;
    }

    section#chalets-by-category-section ul.slick-dots {
        bottom: -40px;
    }

    section#chalets-section ul.slick-dots {
        bottom: -60px;
        display: none !important;
    }

    /* section#chalet-reviews-section {
        margin-top: 68px;
    } */

    #featured-section img.w-100 {
        height: auto;
        object-fit: cover;
        aspect-ratio: 1;
    }

    #when-should-section .title-row h2 {
        font-size: 45px;
    }

    .comm-deals-slider .fea-top-text {
        padding: 4px 7px;
        gap: 10px;
    }

    /* Chalet Sylvain  */
    .chalet_reviews_bg .slick-slide,
    .chalet_reviews_bg .slick-slide .item {
        height: 652px;
    }

    .resort {
        margin-top: 42px;
    }

    .cha-val label {
        width: auto;
    }

    .cha-val {
        gap: 15px;
    }

    section#chalets-by-category-section .middle-hr {
        margin-top: 29px;
        margin-bottom: 29px;
    }

    .catering_bg.chalet_reviews_bg .common-box .cha-val h3 {
        font-size: 32px;
    }

    .catering_bg.chalet_reviews_bg .common-box label {
        font-size: 15px;
    }

    .common-box p span {
        font-size: 12px;
        margin-top: 8px;
    }

    /* featured */
    .featured {
        margin-top: 24px;
    }

    .featured .title-row {

        width: calc(100% - 44px);
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    /* resort-section */
    .desktop-view-resort {
        display: none;
    }

    .resort .wwa-content {
        padding-left: 25px;
        padding-right: 25px;
        text-align: center;
    }

    .resort .wwa-content p {
        padding-left: 0;
        font-size: 18px;
    }

    .resort .title-row h2 b {
        margin: 10px 0;
    }

    .resort .img-box img {
        height: 640px;
        object-fit: cover;
    }

    .cont-res {
        padding: 6px 15px;
        height: 72px;
    }

    .cont-res h3 {
        font-size: 30px;
    }

    .cont-res h3 span,
    .cont-res p {
        font-size: 18px;
    }

    .review_title {
        margin-top: -18.805vw;
        border-radius: 18px;
        padding: 24px 0px;
    }

    .our_people_bg .label_banner {
        font-size: 12px;
        letter-spacing: 0;
    }

    #what-our-guests-section p,
    #what-our-guests-section .title-row {
        padding-bottom: 0;
    }


    /* Social Media section */
    .media-right {
        max-width: 100%;
    }

    .social-media .media-left {
        max-width: calc(100% - 40px);
        left: 0;
        right: 0;
        top: 3px;
        margin: 0 auto;
    }

    .social-media .wwa-content h2.white-color {
        margin-top: 30px;
        display: inline-block;
        width: 100%;

    }

    .social-media .wwa-content ul li {
        height: 50px;
        width: 50px;
        margin-bottom: 25px;
    }

    .social-media .wwa-content ul {
        justify-content: center;
        gap: 15px;
    }

    .social-media-container-full {
        padding: 0;
    }

    .social-media .wwa-content {
        padding: 0 20px;
    }

    .social-media {
        margin-top: 43px;
        height: calc(496px + 250px);
        padding-top: 180px;
        margin-bottom: 25px;
        overflow: hidden;
    }

    .form-group.error-msg {
        width: calc(100% - 95px);
    }

    .our-blog .row.align-items-center .col-md-6 {
        padding-right: 15px;
        margin-right: 0;
    }

    .who-we-are.our-blog::before {
        height: 100%;
        margin-top: auto;
    }

    .our-blog .container-full {
        max-width: 90%;
        padding-bottom: 20px;
    }

    .our-blog .wwa-content::before {
        display: none;
    }

    .our-blog.default_arrow button.slick-next {
        right: -13px;
    }

    .our-blog.default_arrow button.slick-prev {
        left: -13px;
    }

    .our-blog .common-box h3 {
        font-size: 35px;
    }

    /* Stay in the know... */
    .stay-know figure {
        min-height: 643px;
    }

    .stay-know .container-full .common-box-bg {
        height: 100%;
    }

    .stay-know .common-box h3 {
        text-align: left;
        font-size: 45px;
    }

    .stay-know .form-control {
        height: 35px;
        color: rgba(7, 31, 39, 0.8);
    }

    .chalet_reviews_bg sub {
        font-size: 100px;
    }

    .chalet_reviews_bg .common-box p sub:first-child {
        top: 36px;
    }

    .chalet_reviews_bg sub:nth-child(2) {
        top: 35px;
    }

    .footer-details li a span {
        padding-right: 5px;
    }

    .footer-row {
        padding: 0 0 20px;
        border-top: 3px solid var(--white-color);
    }

    .cha-val {
        justify-content: center;
    }

    .stay-know .common-box button {
        padding: 4px 11px;
        border-radius: 3px;
    }

    #stay-know-section .stay-know {
        margin-top: 43px;
    }

    .our-blog .row.align-items-center .col-md-6.aos-init {
        padding-left: 0;
    }

    .form-group.error-msg span {
        font-size: 18px;
        margin: 0px;
    }

    .stay-know .common-box span {
        margin: 10px 0 20px;
    }

    .form-group {
        margin-bottom: 8px;
    }

    .form-control {
        border-radius: 3px;
    }

    /* bottom */
   .view-our-latest .availability_label {
    font-size: 0px;
    width: 326px;
    height: 46px;
    border-radius: 10px;
    max-width: 100%;
}

    body.show-chat.isHome.fade-in .view-our-latest-sticky {
        width: calc(100% - 30px);
    }

    .view-our-latest .availability_label a {
        padding: 0 15px 2px;
        line-height: 35px;
        margin-left: 0;
        font-size: 30px;
        border-radius: 10px;
    }


    /* arrow hide */
    /* #our-catering-section button,
    #our-people-section button,
    #chalet-reviews-section button {
        display: none !important;
    } */

    .footer-details ul {
        gap: 20px;
    }

    .footer-details {
        height: auto;
    }

    .footer-details li.icon-list {
        gap: 20px;
        width: 100%;
    }

    .footer-details li.icon-list .logo-f-box {
        width: 85px;
    }

    .footer-details li.icon-list .icon-f:nth-child(2) {
        width: 44px;
    }

    .footer-details li.icon-list .icon-f:nth-child(3) {
        width: 25px;
    }

    .footer-details li.icon-list .icon-f:nth-child(4) {
        width: 44px;
    }

    .copyright p {
        font-size: 12px;
    }

    .copy-right-b {
        padding: 10px 0;
    }

    .footer-details li a {
        font-size: 22px;
    }


    .default_arrow ul.slick-dots {
        bottom: -25px;
    }


    .catering_bg ul.slick-dots {
        bottom: inherit;
        top: 6px;
        right: 20px;
        left: auto;
    }

    .default_arrow ul.slick-dots li {
        width: 43px;
        height: 2px;
        margin: 0 6px;
        position: relative;
    }



    .mob_toggle,
    .mob_toggle:hover,
    .mob_toggle:focus {
        padding: 20px 0 15px;
        display: inline-block;
        color: #4DBEE2;
        font-size: 25px;
        text-transform: capitalize;
        margin: 0 auto;
        float: none;
        text-decoration: none;
    }

    .mb-toggle_menu {
        width: 100%;
    }

    .mb-toggle_menu p {
        width: 100%;
        display: inline-block;
        text-align: right;
        padding-right: 20px;
    }

    .footer-row li a {
        font-size: 22px;
        line-height: 1.5;
    }

    .footer-row li.title-f {
        margin-top: 20px;
    }

    .footer-row .footer-con:after {
        display: none;
    }

    .footer-row li {
        text-align: right;
    }

    /* /remove this/ */
    .slick-list {
        padding: 0px !important;
    }

    .bottom-show-empty {
        position: relative;
        z-index: 9999;
    }

    .col-md-8.open-menu {
        display: none;
    }

    #collapseExample .col-md-8.open-menu {
        display: block;
        background: var(--background-rgba-85);
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .slider-view-resort_bg {
        overflow: hidden;
    }

    .slider-view-resort_bg .slick-list {
        width: 180%;
    }

    .slider-view-resort_bg .slider-view-info {
        margin-right: 12px;
    }

    .catering-btn {
        font-size: 25px;
        line-height: 29px;
        padding: 0 35px 4px;
    }

    .common-box label {
        margin-top: 5px;
    }

    .new_ng_people {
        background-attachment: local;
        height: 153.6vw;
        background-image: url('../images/new-home/our-people-mob-bg.jpg');
        background-position: center;
        overflow: hidden;
        background-repeat: no-repeat;
    }


    /*new add*/
    .default_arrow ul.slick-dots li button {
        height: 100%;
        width: 100%;
        left: 0;
        border-radius: 50%;
        background: transparent;
    }
}

/* @supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 767px) {
    .arr-round .down-arrow figure {
      margin-top: -350px;
    }
   .home-trustpilot-widget {
        right: 10px;
        bottom: 50px;
    }
  }
} */


@Media (max-width:575px) {

    .video-row-banner:before {
        background-size: 337px;
    }

    #chalets-by-category-section .title-row h2 {
        padding: 0 10px;
    }

    .who-we-are::before {
        height: 60%;
    }

    .featured .title-row {
        padding-bottom: 10px;
        padding-top: 7px;

    }

    section#chalets-section ul.slick-dots {
        bottom: -72px;
    }

    .slider-view-resort_bg .slick-list {
        width: 175%;
    }

    .resort .img-box img {
        height: 479px;
    }

    .who-we-are-row .modal-lg {
        margin: .5rem auto;
    }

    div#youtubeModal {
        padding: 0 !important;
    }
}




@media (max-width:374px) {
    :root {
        --text-size-110: 40px;
        --text-size-90: 32px;
        --text-size-60: 23px;
        --text-size-50: 28px;
        --text-size-40: 18px;
        --text-size-35: 14px;
        --text-size-30: 1.172vw;
        --text-size-20: 0.781vw;
    }

    .stay-know .common-box h3 {
        text-align: left;
        font-size: 35px;
    }

    .our-blog .common-box h3 {
        font-size: 25px;
    }

    /* body.show-chat.isHome.fade-in .view-our-latest-sticky {
        width: calc(100% - 30px);
    } */

    .video-row-banner:before {
        background-size: calc(100% - 30px);
    }

    #when-should-section .title-row h2 {
        font-size: 35px;
    }

    .catering_bg.chalet_reviews_bg .common-box .cha-val h3 {
        font-size: 24px;
    }

    .catering_bg.chalet_reviews_bg .common-box label {
        font-size: 15px;
    }

    .footer-details li a {
        font-size: 20px;
    }

    .footer-details li.icon-list .logo-f-box {
        width: 75px;
    }

    .footer-details li.icon-list .icon-f:nth-child(2) {
        width: 34px;
    }

    .footer-details li.icon-list .icon-f:nth-child(3) {
        width: 20px;
    }

    .footer-details li.icon-list .icon-f:nth-child(4) {
        width: 34px;
    }

    .footer-details li.icon-list {
        gap: 15px;
    }

    .copy-right-b {
        padding: 8px 0;
    }

    .social-media .wwa-content ul li {
        height: 40px;
        width: 40px;
    }

    /* .home-trustpilot-widget {
        width: 65%;
        bottom: 25px;
    } */

    .home-trustpilot-widget {
        right: -30px;
        bottom: -23px;
        transform: scale(0.7);
    }

    div#muteToggle {
        width: 40px;
        height: 40px;
        padding: 4px 10px !important;
        font-size: 26px !important;
    }

    div#muteToggle i {
        font-size: 18px;
    }

    .social-media .wwa-content ul {
        gap: 10px;
    }

    .mob_toggle a {
        font-size: 22px;
    }

    .default_arrow ul.slick-dots li {
        width: 30px;
        height: 2px;
        margin: 0 4px;
    }

    section#chalets-section ul.slick-dots {
        bottom: -66px;
    }

    .amenity-slider_bg button.slick-prev {
        left: 10px;
    }

    .amenity-slider_bg button.slick-next {
        right: 10px;
    }

    .catering_bg.default_arrow ul.slick-dots li {
        width: 9px;
        height: 9px;
        margin: 0 5px 0;
    }

    .catering_bg ul.slick-dots {
        top: 2px;
    }

    .catering-btn {
        font-size: 20px;
        line-height: 29px;
        padding: 0 35px 4px;
    }

    .social-media {
        padding-top: 150px;
    }

}





@media (max-width:1000px) and (min-width:768px) {
    .amenity_details .amenity_info {
        text-align: justify;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .amenity_details img {
        width: 70px;
        height: 70px;
    }

    .catering_bg .common-box .cha-val label {
        margin-bottom: 4px;
    }
}