:root {

    --text-primary-color: #D5C18C;

    --text-secondary-color: #C2B59B;

    --text-black: #000000;

    --text-white: #ffffff;

    --bg-color: #001B2B;

}



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: 'itc_avant_garde_gothic_proBk';

    scroll-behavior: smooth;

}



html {

    font-size: 62.5%;

    scroll-behavior: smooth;

}

.hide {

    display: none;

}

/* main{

    height: 100vh;

  overflow-y: scroll;

  scroll-snap-type: y mandatory;

}

main section {

    height: 100vh !important;

  scroll-snap-align: start;

} */

.container {

    max-width: 1580px;

}



.container-fluid {

    padding: 0 50px;

}

/* section {

    height: 100vh !important;

} */

h1,

h2,

h3,

h4,

h5,

h6 {

    margin-bottom: 0;

}



a {

    text-decoration: none;

    transition: color 0.10s linear;

    -webkit-transition: color 0.10s linear;

    -moz-transition: color 0.10s linear;

    -ms-transition: color 0.10s linear;

    -o-transition: color 0.10s linear;

}



button:focus-visible {

    outline: none;

}





button:focus:not(:focus-visible) {

    outline: none;

    box-shadow: none;

}



body {

    background-color: var(--bg-color);

    margin-bottom: 0 !important;

}



body a,

body a:hover,

body p a:hover {

    cursor: pointer;

    color: var(--text-white);

}



a:focus,

a:active,

a:visited {

    outline: none;

    color: var(--text-secondary-color);

}



ul {

    padding-left: 0;

}



li {

    list-style: none;

}



.lfc-btn-outline-primary {

    border: 1px solid var(--text-primary-color);

    color: var(--text-primary-color);

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    padding: 15px 20px;

    text-transform: uppercase;

    font-size: 1.6rem;

}



.lfc-btn-outline-primary:hover {

    border: 1px solid var(--text-secondary-color);

    color: var(--text-secondary-color);

}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {

    --bs-gutter-x: 0 !important;

}

.lfc-btn-outline-secondary {

    border: 1px solid var(--text-secondary-color);

    color: var(--text-secondary-color);

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    padding: 15px 20px;

    text-transform: uppercase;

    font-size: 1.6rem;

}



.lfc-btn-outline-secondary:hover {

    border: 1px solid var(--text-primary-color);

    color: var(--text-primary-color);

}



.lfc-btn-outline-secondary:hover,

.lfc-btn-outline-secondary:active {

    color: var(--text-black) !important;

}



.overlay {

    background: rgba(0, 0, 0, .5);

    width: 100%;

    height: 100%;

}



.homepage h2 {

    font-family: 'goodtimesw05-extralightRg';

    color: var(--text-primary-color);

    font-size: 6rem;

    line-height: 6.2rem;

    text-transform: uppercase;

}



.homepage p,

.homepage ul li {

    font-family: 'itc_avant_garde_gothic_proBk';

    color: var(--text-primary-color);

    font-size: 1.8rem;

    line-height: 3.44rem;

}



.homepage p a {

    color: var(--text-primary-color);

}



.homepage-main-slider,

.awards {

    height: 100vh;

}



/*--------------------- Main Slider -----------------------*/

.homepage-main-slider {

    position: relative;

}

#lfcCarousel .carousel-indicators {

    flex-direction: column;

    margin-left: 97%;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



#lfcCarousel .carousel-indicators [data-bs-target],

#freehold-luxury-slider .carousel-indicators [data-bs-target] {

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    width: 10px;

    height: 10px;

    background: transparent;

    border: 2px solid var(--text-primary-color);

}



#lfcCarousel .carousel-indicators [data-bs-target] {

    margin-bottom: 8px;

}



#lfcCarousel .carousel-indicators .active,

#freehold-luxury-slider .carousel-indicators .active {

    background-color: var(--text-primary-color);

}



.overlay-title {

    position: absolute;

    z-index: 1;

    left: 50%;

    top: 50%;

    width: 100%;

    text-align: center;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.overlay-title h1 {

    font-size: 10rem;

    font-family: 'goodtimesw05-extralightRg';

    color: var(--text-primary-color);

    letter-spacing: 2.3px;

    line-height: 11.5rem;

}



#lfcCarousel .carousel-item:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background: rgb(0 0 0 / 23%);

}



#lfcCarousel .carousel-item img {

    height: 100vh;

}



/*--------------------- Navbar -----------------------*/

.navbar {

    padding-top: 50px;



}



/*--------------------- Social -----------------------*/

.social {

    position: fixed;

    left: 48px;

    top: 44% !important;

    transform: translate(-50%, -50%) !important;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    z-index: 99999;

}



.social ul {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-bottom: 0;

}



.social ul li {

    margin-bottom: 14px;

}



.social ul li i {

    color: var(--text-primary-color);

    font-size: 33px !important;

}



.social ul li:hover i {

    transform: scale3d(1.2, 1.2, 1.2);

    transition: .1s linear all;

}



/*--------------------- Copyright -----------------------*/

.copyright {

    position: fixed;

    left: 47px;

    bottom: 7%;

    /* top: 12%; */

    writing-mode: tb-rl;

    transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    z-index: 1;

}



.copyright p {

    font-size: 1.3rem;

    color: var(--text-primary-color);

    letter-spacing: 0.6px;

}

.copyright p a {

    color: var(--text-primary-color);

}



.copyright p span {

    margin: 15px 0px;

    color: var(--text-primary-color);

}



.fixed-footer-sm .copyright-sm p,

.fixed-footer-sm .copyright-sm p a {

    color: var(--text-primary-color);

}





/*---------------- Corporate Profile ------------------*/

.signature {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 1;

}



.signature:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background: linear-gradient(to right, rgb(0 0 0 / -16%), rgb(213 193 140 / 50%));

}



.corporate-profile .signature:after {

    background: linear-gradient(to right, rgb(0 0 0 / 45%), rgb(213 193 140 / 18%));

}



.signature p {

    font-family: 'anjel_scriptregular';

    color: var(--text-primary-color);

    font-size: 4.4rem;

    line-height: 5.2rem;

    letter-spacing: .25rem;

}



.signature span {

    color: var(--text-primary-color);

    font-family: 'algre_sans_ncregular';

    font-size: 11rem;

}



.signature span.rquote {

    margin-top: 130px;

    display: block;

    margin-left: 4px;

}



.corporate-profile {

    /* padding-bottom: 200px; */

    margin-bottom: 175px;

    height: auto;

}

.jeweluxpage-slider .jewelux-left-content {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    align-content: center;

}



.corporate-profile .row {

    align-items: center;

}



.cp-rightSidebar {

    position: relative;

}


.cp-rightSidebar:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgb(0 0 0 / 20%);
    margin-right: 35px;
}



.cp-rightSidebar img {

    padding-right: 34px;

    display: block;

}



.cp-rightSidebar .title-wrap {

    position: absolute;

    right: 0;

    top: 140px;

    z-index: 1;

}



.cp-rightSidebar .signature {

    position: absolute;

    bottom: 10%;

    left: 21%;

    transform: translate(-50%, -50%);

}



.cp-details-wrapper {

    max-width: 400px;

}



.details p {

    margin-bottom: 0;

}



.cp-accordian-wrapper ul {

    margin: 0 30px;

}



.corporate-profile .cp-accordian-wrapper ul li {

    text-align: center;

    padding: 32px 0 32px 0;

    border-bottom: 1px solid var(--text-primary-color);

    font-size: 1.7rem;

    line-height: 5rem;

    color: #D5C18C;

}

.cp-accordian-wrapper ul li:last-child {

    border: none;

}



.cp-accordian-wrapper ul li .fa {

    color: var(--text-primary-color);

}



.corporate-profile .signature {

    width: 590px;

    height: 300px;

}



/*----------------------------- Corporate Profile : Modal Popup  ------------------------ */

.custom-modal .modal-dialog {

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 100vh;

    margin: 0;

}



.custom-modal .modal-content {

    background-color: var(--bg-color);

    font-family: "gothamlight";

    color: var(--text-primary-color);

    font-size: 1.8rem;

}



.custom-modal .modal-body {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

    text-align: center;

}



.custom-modal .custom-close-button {

    position: absolute;

    top: 55px;

    right: 30px;

    border: 2px solid var(--text-primary-color);

    color: var(--text-primary-color);

    padding: 5px 10px 10px 10px;

    cursor: pointer;

    background: transparent;

    width: 50px;

    height: 50px;

    font-size: 4rem;

    vertical-align: middle;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: bold;

    opacity: 0.5;

}



.modal-body h1 {

    font-family: 'goodtimesw05-extralightRg';

}



/*-----------------------------Projects ------------------------ */

.projects {

    padding-top: 100px;

    /* padding-top: 220px; */

    /* height: 100vh; */

}



.projects .container-fluid {

    padding-left: 200px;

    padding-right: 8px;

}



.projects h2 {

    line-height: 5rem;

}



.projects_slider .image-caption-div {

    position: relative;

}



.projects_slider .image-caption-div:hover .image-caption {

    opacity: 90%;

    cursor: pointer;

    height: 100%;

}



.projects_slider .image-caption {

    position: absolute;

    top: 0;

    left: 0;

    display: none;

    z-index: 9;

    height: 0%;

    display: flex;

    width: 100%;

    background-color: #001b2b;

    opacity: 0;

    transition: 0.5s ease all;

    -webkit-transition: 0.5s ease all;

    -moz-transition: 0.5s ease all;

    -ms-transition: 0.5s ease all;

    -o-transition: 0.5s ease all;

}



.projects_slider .inner-image-caption {

    display: flex;

    flex-wrap: wrap;

    align-self: center;

    justify-content: center;

    gap: 15px;

}



.projects_slider .image-caption-div p {

    color: #c1b49a;

    font-size: 1.7rem;

    font-family: 'itc_avant_garde_gothicbook';

    line-height: 2.1rem;

    margin-bottom: 160px;

}



.projects_slider .image-caption-div a {

    font-size: 1.8rem;

    line-height: 2.4rem;

    font-family: 'goodtimesw05-extralightRg';

    border: 1px solid var(--text-primary-color);

    padding: 20px 50px;

    position: absolute;

    bottom: 120px;

    text-decoration: none;

    box-shadow: inset 0 0 0 0 #D5C18C;

    color: #D5C18C;

    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;

}



.projects_slider .image-caption-div a:hover {

    box-shadow: inset 208px 0 0 0 #D5C18C;

    color: var(--text-black);

    font-weight: bold;

}



.projects_slider .slick-next,

.slick-prev {

    z-index: 9;

}



.projects_slider .slick-prev {

    left: 20px;

}



.projects_slider .slick-next {

    right: 20px;

}



.projects_slider .slick-arrow {

    height: 53px;

    width: 30px;

}



.projects_slider .slick-disabled {

    opacity: 0.2;

}



/*--------------------- Awards -----------------------*/

.awards {

    background-image: url('../images/awards.png');

    background-size: cover;

    position: relative;

    background-repeat: no-repeat;

    background-position: center;

}



.awards .row {

    align-items: center;

}



.awards h2 {

    opacity: 1;

    position: absolute;

    top: 15%;

    right: 10%;

    transform: translate(0, 0);

}



.awards ul {

    max-width: 775px;

    padding: 10px 0 0 50px;

    position: absolute;

    top: 60%;

    transform: translate(0, -60%);

}



.awards ul li {

    display: flex;

    margin-bottom: 35px;

    line-height: 2.8rem;

}



.awards ul li span {

    font-size: 2.4rem;

    margin-right: 100px;

    font-family: 'itc_avant_garde_gothicmedium';

    line-height: 4.8rem;

}



.awards .signature {

    width: 658px;

    height: 335px;

    position: absolute;

    right: 0;

    bottom: 90px;

    transform: translate(0, 0);

}



/* ------------------ Contact ---------------------- */



.contact {

    padding-bottom: 145px;

    /* height: 100vh; */

    position: relative;

}



.contact-us-responsive {

    display: none !important;

}



/* 

.contact-us {

    height: 100vh;

} */



.contact-us p {

    font-size: 1.6rem;

    line-height: 2.6rem;

    letter-spacing: 0.8px;

}



.contact-us p a,

.contact-us p a:hover {

    color: var(--text-primary-color);

}



.contact-us p a:hover {

    background: var(--text-primary-color);

    color: var(--bg-color);

}



.address {

    position: absolute;

    right: 10%;

    top: 10%;

}



address,

address a {

    font-family: 'itc_avant_garde_gothic_proBk';

    color: var(--text-primary-color);

    font-size: 1.6rem;

    line-height: 2.6rem;

}



address a:hover {

    color: var(--text-primary-color);

}



.contact-form {

    position: absolute;

    width: 100%;

    left: 20% !important;

}



.contact .row {

    height: 100%;

    height: 70vh;

}



.contact-form p {

    font-size: 1.8rem;

    line-height: 3.2rem;

    margin-bottom: 0;

}



.contact-form input,

.contact-form select,

.contact-form textarea {

    font-size: 1.5rem;

    color: #fff !important;

    border: none;

    border-radius: 0;

    padding: 14px;

    background: rgba(255, 255, 255, .2);

}



.contact-form textarea {

    resize: none;

}



.contact-form input:focus,

.contact-form select:focus,

.contact-form textarea:focus {

    background: rgba(255, 255, 255, .2);

    border: none;

    outline: 0;

    box-shadow: none;

}



.contact-form select {

    width: 100%;

    margin-bottom: 35px;

    color: var(--text-primary-color) !important;

    font-size: 1.8rem;

    line-height: 2.2rem;

    font-family: 'itc_avant_garde_gothic_proBk';

    position: relative;

    z-index: 99;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;



}



.contact-form option {

    color: var(--text-primary-color);

    background: rgba(0, 27, 43, .8);

    padding: 4rem;

    font-size: 1.8rem;

    line-height: 3.2rem;

    font-family: 'itc_avant_garde_gothic_proBk';

}



.form-group-btn {

    margin-top: 15px;

    float: right;

}



.contact-form button,

.contact-form input[type="button"],

.contact-form input[type="reset"],

.contact-form input[type="submit"] {

    background-color: transparent;

    border: 1px solid var(--text-secondary-color);

    text-align: center;

    font-size: 1.4rem;

    line-height: 2rem;

    font-family: 'goodtimesw05-extralightRg';

    text-transform: uppercase;

    color: var(--text-primary-color) !important;

    display: block;

    padding: 14px 45px;

    letter-spacing: .1rem;

    box-shadow: inset 0 0 0 0 #D5C18C;

    color: #D5C18C;

    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;

}



.contact-form button:hover,

.contact-form input[type="button"]:hover,

.contact-form input[type="reset"]:hover,

.contact-form input[type="submit"]:hover,
.projects_section .inner-image-caption a:hover {
    box-shadow: inset 211px 0 0 0 #D5C18C;
    color: var(--text-black) !important;
    font-weight: bold;
}
#menu-overlay ul li a:hover {
    color: #ffff;
}
.contact-form p span[data-name="project"] {

    width: 200px !important;

    overflow: hidden;

    position: relative;



}



.contact-form p span[data-name="project"]:after {

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 9px solid transparent;

    border-top: 18px solid var(--text-primary-color);

    position: absolute;

    top: 10%;

    right: 15px;

    content: "";

    z-index: 1;

}





.wpcf7 form.invalid .wpcf7-response-output {

    border: 2px solid var(--text-primary-color) !important;

    color: yellow;

    padding: 10px !important;

    font-size: 1.2em;

    margin: 6em 0.2em 1em !important;

}



.wpcf7 form.sent .wpcf7-response-output {

    border: 2px solid var(--text-primary-color) !important;

    color: green;

    padding: 10px !important;

    font-size: 1.2em;

    margin: 6em 0.2em 1em !important;

}









/* 



.contact-form .wpcf7-response-output {

    border: 2px solid var(--text-primary-color) !important;

    color: #f00;

    padding: 10px !important;

    font-size: 1.2em;

    margin: 6em 0.2em 1em !important;

}*/

.wpcf7-not-valid-tip {

    color: #f00;

}



.contact-form .wpcf7-not-valid-tip {

    font-size: .9em;

}



::placeholder {

    color: var(--text-primary-color);

    opacity: 1;

    font-size: 1.8rem;

    line-height: 3.2rem;

}



:-ms-input-placeholder {

    color: var(--text-primary-color);

    font-size: 1.8rem;

    line-height: 3.2rem;

}



::-ms-input-placeholder {

    color: var(--text-primary-color);

    font-size: 1.8rem;

    line-height: 3.2rem;

}



/* ------------------ Go to Top Button ---------------------- */

#scrollToTopBtn {

    display: none;

    position: fixed;

    bottom: 20px;

    right: 20px;

    z-index: 1;

    transition: all .2s linear;

}



#scrollToTopBtn.show {

    display: inline-block;

}

#scrollToTopBtn:hover {
    /* border: 2px solid var(--text-primary-color); */
    margin-bottom: 10px;
}

.custom-modal .modal-content .modal-body .container p {

    font-size: 18px;

    line-height: 36px;

    letter-spacing: 0.9px;

    width: 100%;

    max-width: 770px;

    margin: 0 auto;

}

.custom-modal .modal-content .modal-body .container h1 {

    font-family: 'itc_avant_garde_gothic_proBk';

    font-size: 25px;

    line-height: 21.6px;

    letter-spacing: 2px;

    padding-bottom: 20px;

}

/*--------------------- Jewelux Page Style Starts-----------------------*/

.jewelux h2 {

    font-family: 'ltcbodoni175w01-regularRg';

    font-size: 5rem;

    line-height: 5.4rem;

}



.jewelux h2:first-letter {

    font-size: 12.2rem;

    line-height: 4.7rem;

}



.jewelux h2 span {

    font-family: 'ltcbodoni175w01-regularRg';

}



/* -------- Jewelux Main Slider --------- */

.jeweluxpage-slider {

    padding-top: 45px;

    background: url(../images/jewelux-bg.png) no-repeat left top;

    background-size: cover;

    position: relative;

}



.jeweluxpage-slider:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background: rgba(0, 0, 0, .4);

}



.jeweluxpage-slider .container-fluid .row {

    padding-top: 110px;

}

.jewelux p {

    font-family: 'itc_avant_garde_gothic_proBk';

    font-size: 1.6rem;

    line-height: 3.2rem;

    color: #C2B59B;

}



.jewel-left-content {

    z-index: 1;

}







.jewel-left-title p.tagline {

    color: var(--text-secondary-color);

    font-size: 1.7rem;

    font-family: 'itc_avant_garde_gothicbook';

}



.jewel-left-content p {

    max-width: 406px;

}



.jewel-left-content p {

    color: var(--text-secondary-color);

}



.jeweluxpage-slider .carousel {

    z-index: 1;

}



#freehold-luxury-slider .carousel-caption {

    position: absolute;

    left: 50%;

    top: 39%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    color: #fff;

    text-align: center;

}



#freehold-luxury-slider .carousel-caption h1 {

    font-family: 'ltcbodoni175w01-regularRg';

    font-size: 5rem;

    line-height: 5.4rem;

}



#freehold-luxury-slider .carousel-caption h1::first-letter {

    font-size: 12.2rem;

    letter-spacing: -15.9px;

}



small {

    font-family: 'itc_avant_garde_gothic_proBk';

    font-size: 1.2rem;

    position: absolute;

    color: var(--text-white);



}



#freehold-luxury-slider .carousel-item small {

    position: absolute;

    bottom: 10px;

    left: 10px;

}
.carousel-indicators {

    bottom: 25px;

}
.page-template-tmp_home_page main#fullpage {
    background-color: #001B2B !important;
}

/* -------- Dawn of the New East Section --------- */
.the-new-east {

    background: url(../images/new-east-bg.png) no-repeat left top;

    background-size: cover;

    height: 100%;

}



.new-east-right {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding-top: 160px;

    /* padding-bottom: 70px; */

}



.new-east-right h2,

.new-east-right h2 span {

    font-family: 'ltcbodoni175w01-regularRg';

    font-size: 5rem;

    line-height: 5.4rem;

    color: var(--text-black);

}



.new-east-right h2 span {

    margin-left: 18rem;

}



.new-east-right h2:first-letter {

    font-size: 15rem;

}



.new-east-right p {

    font-family: 'itc_avant_garde_gothic_proBk';

    font-size: 1.6rem;

    line-height: 2.5rem;

    color: var(--text-black);

    width: 620px;

}



.neweast_slider .item {

    padding: 0 15px;

}



.neweast_slider.slick-next,

.slick-prev {

    z-index: 9;

}





.neweast_slider.slick-disabled {

    opacity: 0.2;

}



.neweast_slider .slick-list.draggable {

    /* height: 100vh !important; */

    padding: 80px 0px !important;

}



.neweast_slider .item img {

    min-height: 71rem !important;

    object-fit: cover;

}



.neweast_slider .slick-vertical .slick-slide {

    padding: 15px 0 !important;

}



.neweast_slider .neweast_slider .slick-arrow {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    height: 40px !important;

    width: 60px !important;

}



.neweast_slider .slick-list,

.neweast_slider .slick-track {

    height: 100%;

}



.neweast_slider .slick-prev {

    height: 40px;

    width: 60px;

    left: 50%;

    transform: translatex(-50%);

    top: 7px;

}



.neweast_slider .slick-next {

    height: 40px;

    width: 60px;

    left: 50%;

    transform: translatex(-50%);

    top: inherit;

    bottom: 0;

}



.neweast_slider .image-caption p {

    color: #fff;

    font-size: 1.8rem;

    text-align: start;

    font-family: 'ltcbodoni175w01-regularRg';

}



.neweast_slider .main-slide {

    position: relative;

    margin: 12px 0;

}



.neweast_slider .image-caption {

    position: absolute;

    bottom: 50%;

    right: 0px;

    transform: rotate(270deg) translateY(-50px);

    height: 680px;

    writing-mode: vertical-lr;

    -webkit-transform: rotate(180deg) translateY(-50%);

    transform: rotate(180deg) translateY(-50%);

    -moz-transform: rotate(180deg) translateY(-50%);

}





/* .neweast_slider .image-caption {

    position: absolute;

    bottom: 50%;

    right: 0px;

    transform: rotate(270deg) translateY(-50px);

    height: 604px;

    writing-mode: vertical-lr;

    -webkit-transform: rotate(180deg) translateY(-50%);

    transform: rotate(180deg) translateY(-50%);

    -moz-transform: rotate(180deg) translateY(-50%);

} */

/* .neweast_slider .slick-list {

    padding: 30px 0 !important;

} */

/* ------------------------Amenities ------------------*/

.amenities {

    background: url(../images/amenities-bg.png) no-repeat left top;

    background-size: cover;

    height: auto;

    padding-bottom: 100px;

}



.amenities-left {

    padding: 190px 0 0 0;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    text-align: center;

}



.amenities p {

    color: var(--text-black);

}



.amenities-left-content {

    max-width: 375px;

    margin-bottom: 80px;

}



.panzoom-parent {

    height: 100%;

    position: relative;

}



.panzoom-parent {

    height: 100%;

    min-height: 622px;

    overflow: hidden;

    user-select: none;

    touch-action: none;

}



.zoom-in-zoom-out {

    position: absolute;

    right: 50px;

    overflow: hidden;

    touch-action: manipulation;

    display: flex;

    bottom: 42px;

    gap: 6px;

}



.zoom-in-zoom-out button#zoom-in {

    border: none;

    margin-bottom: 5px;

}



.zoom-in-zoom-out button.active,

.zoom-in-zoom-out button:hover {

    background-color: #fff;

}



.zoom-in-zoom-out button {

    font-size: 28px;

    padding: 6px;

    line-height: 16px;

    display: flex;

    justify-content: center;

    margin: 0;

    width: 35px;

    height: 35px;

    border-radius: 0;

    color: var(--text-black);

    background-color: #fff;

    border: none;

}



.zoom-in-zoom-out button {

    font-size: 28px;

    padding: 6px;

    line-height: 16px;

    display: flex;

    justify-content: center;

    margin: 0;

    width: 40px;

    height: 34px;

    border-radius: 0;

    color: var(--text-black);

    background-color: #fff;

    border: none;

    font-weight: bold;

}



.pan-left-right-overlay {

    display: none;

}









.amenities-accordion .accordion-button::after {

    background-image: url("../images/Plus-icon.svg");

    background-size: contain;

    background-position: center;

    border: none;

    height: 20px;

    width: 20px;

    position: absolute;

    right: 0;

}



.amenities-accordion .accordion-button:not(.collapsed)::after {

    background-image: url("../images//minus-icon.svg");

    height: 15px;

    width: 15px;

    border: none;

}





.amenities-accordion .accordion-item {

    border: none;

    border-bottom: 1px solid var(--text-black);

    background-color: transparent;

    padding: 30px 0;

}



.amenities-accordion .accordion-button {

    border: none;

    border-radius: 0;

    background-color: transparent;

    font-family: 'itc_avant_garde_gothic_proBk';

    font-size: 1.8rem;

    line-height: 2.1rem;

    color: var(--text-black);

    letter-spacing: .06rem;

    font-weight: bold;

    display: flex;

    justify-content: center;



}



.amenities-accordion .accordion-button:not(.collapsed) {

    color: var(--text-black);

    background-color: transparent;

    box-shadow: none;

}



.amenities-accordion .accordion-item th,

.amenities-accordion .accordion-item td {

    font-family: 'itc_avant_garde_gothic_proBk';

    font-size: 1.4rem;

    line-height: 2rem;

    color: var(--text-black);

    letter-spacing: .06rem;

    text-align: left;

    font-weight: bold;

    max-width: 220px;

}



.amenities-accordion table {

    margin-bottom: 0;

}



.amenities-accordion .accordion-item td {

    text-align: right;

    display: flex;

    justify-content: space-between;

}



.amenities-accordion .accordion-item td span.time {

    font-size: 1.2rem;

}



/*Accordian custom vertical Scrollbar*/

.accordion-container {

    overflow-y: auto;

    height: 450px;

    padding-right: 40px;

    width: 400px;

}



.amenities-accordion {

    margin-right: 0;

    height: 100%;

}



.accordion-item .card-body {

    margin-top: 30px;

}



.accordion-container::-webkit-scrollbar {

    width: 8px;

    max-width: 10px !important;

}



.accordion-container::-webkit-scrollbar-track {

    background-color: #878784;

}



.accordion-container::-webkit-scrollbar-thumb {

    background-color: #000000;

}



.accordion-container::-webkit-scrollbar-thumb:hover {

    background-color: #000000;

}



/* --------------------------Artboard -----------------*/



.artboard {

    padding-top: 110px;

    height: auto;

}



.artboard .container {

    max-width: 1740px;

}



.artboard_slider .item {

    padding: 0 15px;

}



.artboard_slider .image-caption-div {

    position: relative;

}



.artboard_slider .image-caption-div:hover .image-caption {

    opacity: 70%;

    cursor: pointer;

    height: 100%;

}



.artboard_slider .image-caption {

    position: absolute;

    top: 0;

    left: 0;

    display: none;

    z-index: 9;

    height: 0%;

    display: flex;

    width: 100%;

    background-color: #000;

    opacity: 0;

    transition: 1s all;

    -webkit-transition: 0.5s ease all;

    -moz-transition: 0.5s ease all;

    -ms-transition: 0.5s ease all;

    -o-transition: 0.5s ease all;

}



.artboard_slider .inner-image-caption {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    width: 100%;

    color: #fff;

    padding: 0 10px;

}



.artboard_slider .item:hover .inner-image-caption {

    opacity: 1;

}



.artboard_slider .inner-image-caption a {

    text-decoration: none;

    font-size: 1.8rem;

    font-family: 'ltcbodoni175w01-regularRg';

    color: var(--text-white);

    text-transform: uppercase;

}



.artboard_slider.slick-next,

.slick-prev {

    z-index: 9;

    color: black;

}



.artboard_slider .slick-prev {

    left: -65px;

    height: 40px;

    width: 25px;

}



.artboard_slider .slick-next {

    right: -65px;

    height: 40px;

    width: 25px;

}



.artboard_slider.slick-disabled {

    opacity: 0.2;

}



.mx-custom {

    margin: 0 -40px;

}



/* -------------------- Resort Section ---------------------- */

.resort .resort-content {

    display: flex;

    position: absolute;

    bottom: 10px;

    left: 20px;

}



.resort-content p {

    min-width: 406px;

}



.lfc-btn-outline-primary {

    border: 1px solid var(--text-primary-color);

    color: var(--text-primary-color);

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    padding: 8px 10px;

    text-transform: uppercase;

    font-size: 1.6rem;

    font-family: "goodtimesw05-extralightRg";

}



.w-custom {

    width: 290px;

}



.lfc-btn-outline-primary:hover {

    box-shadow: inset 288px 0 0 0 #D5C18C;

    color: var(--text-black);

}



.lfc-btn-outline-secondary {

    border: 1px solid var(--text-secondary-color);

    color: var(--text-secondary-color);

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    padding: 8px 10px;

    text-transform: uppercase;

    font-size: 1.6rem;

    font-family: "goodtimesw05-extralightRg";

}



.lfc-btn-outline-secondary:hover {

    box-shadow: inset 288px 0 0 0 #D5C18C;

    color: var(--text-black);

}



.resort {

    background: url(../images/sophistication.png) no-repeat left top;

    background-size: cover;

    height: 100vh;

    position: relative;

}



.resort .container-fluid {

    padding: 0;

}



.resort_slider {

    position: relative;

}



.resort_slider .artist-div {

    position: absolute;

    bottom: 0;

    left: 0;

}



.resort_slider .jewelux-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 30px;

    text-align: center;

    height: 100vh;



}



.resort_slider .jewelux-content h2 {

    color: var(--text-white);

    padding: 0 32px;

}



.resort_slider .jewelux-content h2::first-letter {

    font-size: 12.2rem;

    line-height: 5rem;

    color: var(--text-white);

    letter-spacing: -6.4px;

}



.resort_slider .jewelux-content p {

    font-size: 1.6rem;

    line-height: 3rem;

    color: var(--text-white);

    font-family: "itc_avant_garde_gothic_proBk";

    max-width: 340px;

    margin: 0 auto;

}



.resort_slider.slick-next,

.slick-prev {

    z-index: 9;

    color: black;

}



.resort_slider .slick-prev {

    left: 65px;

    height: 40px;

    width: 25px;

}



.resort_slider .slick-next {

    right: 65px;

    height: 40px;

    width: 25px;

}



.resort_slider .item .jewelux-image {

    position: relative;

}



.resort_slider small {

    left: 30px;

    bottom: 15px;

}



.btns-wrapper {

    position: absolute;

    bottom: 0;

    width: 615px;

    display: flex;

    justify-content: space-between;

    left: 20%;

    transform: translate(-50%, -50%);

}



.btns-wrapper a {

    display: inline-block;

}



.row {

    margin-right: 0 !important;

}



/*-------------------- Default pages Style -----------------*/

.default-page-content {

    background-color: #e8e9e9;

}





.default-page-content h1 {

    text-align: center;

    font-size: 6rem;

    font-family: "goodtimesw05-extralightRg";

    color: var(--text-black);

    letter-spacing: 2.3px;

    line-height: 7rem;

    margin-bottom: 10rem;

}



.default-page-content h1:after {

    content: "";

    display: block;

    width: 50%;

    height: 2px;

    background-color: var(--text-black);

    margin-top: 10px;

    margin: 20px auto;

}



.default-page-content h2 {

    font-family: "ltcbodoni175w01-regularRg";

    color: var(--text-black);

    font-size: 4rem;

    line-height: 5rem;

    margin-top: 20px;

    margin-bottom: 15px;

    text-transform: none;

}



.default-page-content p {

    font-family: "itc_avant_garde_gothic_proBk";

    color: var(--text-black);

    font-size: 1.5rem;

    line-height: 2.5rem;

    letter-spacing: 1.5px;

}



.default-page-content .privacy-policy-tutorial {

    color: var(--text-black);

    font-family: "itc_avant_garde_gothic_proBk";



    font-size: 1.5rem;

    line-height: 2.5rem;

    letter-spacing: 1.5px;

}



/*----------- 404 page style -------*/

.error404 header {

    display: none;

}



.error-404 {

    background-color: #001b2b;

    height: 100vh;

    display: flex;

    align-items: center;

}



.error-content {

    display: flex;

    flex-direction: column;

    gap: 30px;

}



.error-404 .error-heading {

    font-family: "ltcbodoni175w01-regularRg";

    font-size: 5rem;

    line-height: 5.4rem;

    color: var(--text-primary-color);

}



.error-404 .error-paragraph {

    font-family: "itc_avant_garde_gothic_proBk";

    font-size: 1.6rem;

    line-height: 2.5rem;

    color: var(--text-primary-color);

}



.lfc-btn-outline-black {

    color: var(--text-primary-color);

    border: 1px solid var(--text-primary-color);

    padding: 8px 10px;

    text-transform: uppercase;

    font-size: 1.6rem;

    font-family: "goodtimesw05-extralightRg";

    border-radius: 0;

}



.lfc-btn-outline-black:hover {

    box-shadow: inset 288px 0 0 0 #d5c18c;

    color: var(--text-black);

}

.fixed-footer-sm {

    display: none;

}

.jeweluxpage-slider .jewel-left-title {

    z-index: 999;

}

.jewelux-image-slider ul.slick-dots {

    bottom: 5%;

}

.jewelux-image-slider ul.slick-dots li.slick-active button:before {

    color: #C2B59B;

}

.jewelux-image-slider .slick-dots li button:before {

    font-size: 0px;

}

.jewelux-image-slider .slick-dots li.slick-active {

    padding: 0px;

    background-color: #C2B59B;

    border: 1px solid #C2B59B;

    border-radius: 50%;

    width: 15px;

    height: 15px;

}



.jewelux-image-slider .slick-dots li {

    padding: 0px;

    background-color: transparent;

    border: 1px solid #C2B59B;

    border-radius: 50%;

    width: 15px;

    height: 15px;

}

.top-text {

    top: 20px;

    right: 24px;

    position: absolute;

    font-family: 'ltcbodoni175w01-regularRg' !important;

    color: #fff !important;

}

.resort_slider .item {

    display: block !important;

}

.projects_section {
    position: relative;
}

.projects_section .image-caption-div img {

    height: 100%;

    max-height: 785px;

    object-fit: cover;

}

.projects_section .image-caption-div .inner-image-caption img {
    height: 100%;
    max-height: 150px!important;
    object-fit: contain !important;
}

.projects_section .image-caption-div .inner-image-caption p {

    text-align: center;

    font-size: 25px;

    line-height: 32px;

    letter-spacing: 1.02px !important;

    color: #c1b49a;

    font-family: 'itc_avant_garde_gothic_proBk' !important;

    opacity: 1 !important;

    padding-top: 20px;

    padding-bottom: 95px;

}

.corporate-profile .details p:nth-child(2) {

    padding-top: 32px;

}

.projects_section .image-caption-div:before {

    position: absolute;

    content: '';

    background-color: #001B2B;

    height: 100%;

    opacity: 75%;

    width: 100%;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}

.projects_section .inner-image-caption {
    text-align: center;
}

.projects_section .image-caption {

    position: absolute;

    top: 61%;

    left: 53%;

    transform: translate(-50%, -50%);

}

.projects_section .inner-image-caption a {

    border: 1px solid #D5C18C;

    padding: 22px 55px;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.8px;

    text-transform: uppercase;

    color: #D5C18C;

    transition: 0.3s ease all;

    font-family: 'goodtimesw05-extralightRg';

}

/* ------------------ Media Queries ---------------------- */

@media only screen and (min-width: 1400px) and (max-width:1680px) {



    .artboard_slider .slick-next {

        right: 0px;

        height: 31px;

        width: 19px;

    }



    .artboard_slider .slick-prev {

        left: 0px;

        height: 31px;

        width: 19px;

    }



    .copyright {

        bottom: 6%;

    }



    .social ul li {

        margin-bottom: 9px;

    }



    .social ul li i {

        font-size: 20px !important;

    }



}



@media only screen and (min-width: 1200px) and (max-width:1399px) {

    .projects {
      padding-top: 0px !important;
    }
    .corporate-profile {
        margin-bottom: 125px;
    }
    .projects h2 {
        margin-right: 86px;
    }
    .jewelux-content {
        padding-top: 0px;
        padding-bottom: 38px;
    }
    .overlay-title h1 {
        font-size: 6.5rem;
        line-height: 9rem;
    }
    .contact-us p {
        font-size: 1.6rem !important;
        line-height: 2.6rem !important;
    }
    #freehold-luxury-slider .carousel-caption h1 {
        font-size: 3.7rem;
    }
    #menu-overlay ul li {
        margin-bottom: 5rem !important;
    }
    .corporate-profile .container,
    .awards .container {
        max-width: 1100px;
        margin: 0 auto;
    }
    .projects_section .image-caption-div .inner-image-caption img {
        max-height: 80px !important;
    }
    .projects_section .image-caption-div .inner-image-caption p {
        font-size: 16px;
        line-height: 26px;
        padding-top: 17px;
        padding-bottom: 56px;
    }
    .projects_section .inner-image-caption a {
        padding: 10px 32px;
        font-size: 14px;
        line-height: 24px;
    }
    .corporate-profile {
        padding: 30px 0px;
    }
    .contact .row {
        height: 80vh;
    }
    .projects .container-fluid {
        padding-left: 225px;
        padding-right: 0px;
    }
    .cp-accordian-wrapper ul li {
        font-size: 16px;
    }
    .neweast_slider .slick-list.draggable {
        height: auto;
    }
    .copyright {
        bottom: 5%;
    }
    .social ul li {
        margin-bottom: 0px;
        line-height: 30px;
    }
    .social {
        position: fixed;
        left: 52px;
        top: 30% !important;
    }

    .copyright p {
        letter-spacing: 0.5px;
    }

    .social ul li i {
        font-size: 26px !important;
    }
    .contact-us {
        width: 100%;
        max-width: 900px;
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    .contact-form {
        left: -43% !important;
        top: 63px;
    }
    .contact-form input, .contact-form select, .contact-form textarea {
        padding: 7px;
    }
    .contact-us .col-6:first-child {
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }
    .corporate-profile .details p:nth-child(2) {
        padding-top: 23px;
    }
    /* .new-east-right h2:first-letter {
        font-size: 4rem;
    } */
    .corporate-profile .cp-accordian-wrapper ul li {
        padding: 20px 0 25px 0;
    }
    .amenities-accordion .accordion-item {
        padding: 12px 0;
    }
    .amenities-left-content {
        margin-bottom: 40px;
    }
    .resort_slider .jewelux-content p {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
    .jewelux h2 {
        font-size: 3.5rem;
        line-height: 4.4rem;
    }
    .copyright p span {

        margin: 4px 0px;

    }

    .homepage p,
    .homepage ul li {

        font-size: 1.3rem;

        line-height: 2.44rem;

    }

    .artboard_slider .slick-prev {

        left: 4px;

        height: 26px;

        width: 16px;

    }



    .artboard_slider .slick-next {

        right: 4px;

        height: 26px;

        width: 16px;

    }



    .artboard_slider .slick-prev {

        height: 21px;

        width: 12px;

        left: 0;

    }



    .artboard_slider .slick-next {

        height: 21px;

        width: 12px;

        right: -5px;

    }

    #scrollToTopBtn img {

        width: 30px;

    }

    .corporate-profile .signature {

        width: 500px !important;

        height: 289px;

    }



    .cp-rightSidebar .signature {

        left: 27%;

        bottom: -9%;

    }



    .resort .btns-wrapper {

        left: 26%;

    }

    .awards ul li {

        margin-bottom: 20px;

        font-size: 16px;

        line-height: 22px;

    }

    .awards ul {

        padding-left: 10px;

    }

    .awards ul li span {

        margin-right: 28px;

    }

    .awards .signature {

        width: 460px;

        height: 282px;

        position: absolute;

        right: 0;

        bottom: 12px;

        transform: translate(0, 0);

    }

    .projects_slider .image-caption-div a {
        padding: 8px 30px;
    }

    .jewel-left-title {

        padding-bottom: 15px !important;

    }

    .jewel-left-content p {
        max-width: 359px;
        font-size: 1.6rem;
        line-height: 2.8rem !important;
    }
    .lfc-btn-outline-secondary {
        font-size: 1.4rem;
    }
    .homepage ul li {
        font-size: 1.6rem !important;
        line-height: 3.14rem !important;
    }
    .new-east-right h2, .new-east-right h2 span {
        font-size: 4rem;
        line-height: 5.4rem;
    }
    .amenities .container {

        max-width: 1234px;

        margin: 0 auto;

    }

}



@media only screen and (min-width: 1025px) and (max-width:1199px) {



    .btns-wrapper {

        left: 30%;

    }

    .cp-rightSidebar .signature {

        left: 28%;

    }

    .corporate-profile .container {

        max-width: 1000px;

        margin: 0 auto;

    }

    .corporate-profile {

        padding-top: 50px;

    }

    .cp-rightSidebar .title-wrap {

        position: absolute;

        right: 0;

        top: 50px;

        z-index: 1;

    }

    .cp-rightSidebar .signature {

        left: 36%;

        bottom: -24%;

    }

}







@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .projects_slider .image-caption-div:hover .image-caption .inner-image-caption img {

        width: 100%;

        max-width: 155px;

    }

    .projects_slider .image-caption-div:hover .image-caption .inner-image-caption p {

        text-align: center;

        font-size: 1.5rem;

    }

    .projects_slider .image-caption-div:hover .image-caption .inner-image-caption a {

        padding: 12px 40px;

    }

    .jewel-left-content p {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .jewel-left-content p:first-child {

        padding: 0 60px;

        margin-bottom: 0 !important;

    }



    .jeweluxpage-slider .jewelux-left-content {

        padding-top: 29px;

    }



    .jeweluxpage-slider .jewel-left-title img {

        width: 100%;

        max-width: 270px;

    }



    .corporate-profile .row {

        justify-content: center !important;

    }

    .corporate-profile .container {

        max-width: 700px;

        margin: 0 auto;

    }
    .projects_section .image-caption-div .inner-image-caption p {
        font-size: 19px;
        line-height: 19px;
        padding-top: 17px;
        padding-bottom: 53px;
    }
    .projects_section .image-caption {
        top: 53%;
    }
    .projects_section .inner-image-caption a {
        padding: 12px 26px;
    }
    .projects h2 {
        padding-right: 55px;
    }
    .projects_section .image-caption-div .inner-image-caption img {
        height: 100%;
        max-height: 85px !important;
    }
    .corporate-profile {

        padding: 40px 0px;
        margin-bottom: 102px;

    }

    .jeweluxpage-slider .container-fluid .row {

        padding-top: 70px;

    }





    .resort_slider .slick-next,

    .resort_slider .slick-prev {

        top: 58%;

    }

    .artboard_slider img.a-right.control-c.next.slick-next.slick-arrow,
    .artboard_slider img.a-left.control-c.prev.slick-prev.slick-arrow {

        display: none !important;

    }

    .resort {
        height: auto;
    }

    .resort_slider .jewelux-content {

        height: auto;

        padding: 60px 0 0 0;

    }

    .btns-wrapper {
        left: 50%;
    }



    .projects_slider .slick-arrow {

        top: 50%;

    }

    .cp-rightSidebar .title-wrap {

        position: absolute;

        right: 52px;

        top: 140px;

    }

    .cp-details-wrapper {

        max-width: 540px;

    }

    .details {

        padding: 52px 0 0 15px;

        max-width: 100%;

    }



    #lfcCarousel .carousel-item img {

        height: 100vh;

        object-fit: cover;

    }

    .homepage-main-slider {

        height: 100vh;

        display: flex;

        align-items: center;

    }
    .social {
        left: 22px;
        top: 33% !important;
    }
    .social ul li {

        margin-bottom: 5px;

    }
    .copyright p span {

        margin: 0 5px;

    }

    .copyright p {
        font-size: 15px;
    }

    .copyright {
        left: 2%;
        bottom: 22%;
    }

    .p-sm-0 {

        padding-left: 0;

    }

    .overlay-title h1 {

        font-size: 7rem;

        line-height: 9rem;

        max-width: 635px;

        margin: 0 auto;

    }

    .projects .container-fluid {

        padding-left: 0;

        padding-right: 0;

    }



    .homepage h2 {

        font-size: 5rem;

    }



    .awards ul li {

        width: 640px;

    }

    .projects {
        padding-top: 0px;
    }

    .awards .signature {

        width: 658px;

        height: 190px;

        bottom: 0;

    }
    .contact-us-main .col-6:first-child {
        max-width: 100% !important;
        flex: 0 0 100%;
    }
    .contact {

        padding-bottom: 375px;

        height: auto;

        position: relative;

    }



    .w-custom-100 {

        width: 100%;

    }



    #scrollToTopBtn {

        bottom: 60px;

    }



    .corporate-profile .signature {

        height: 240px;

        position: absolute;

        bottom: -8%;

        left: 41%;

        width: 587px;

    }

    .details {

        padding: 100px 0 0 15px;

        max-width: 100%;

    }



    .cp-accordian-wrapper ul {

        margin: 0 auto;

    }



    .corporate-profile {

        padding-bottom: 0;

    }



    .cp-details-wrapper {

        padding-left: 0;

        max-width: 400px;

    }

    .corporate-profile .container {

        padding-right: 0;

    }



    .cp-rightSidebar img {

        padding-right: 0;

    }



    .cp-rightSidebar:after {

        margin-right: 0;

    }



    .projects_slider .image-caption-div a {

        font-size: 1rem;

        line-height: 2rem;

    }



    #freehold-luxury-slider {

        padding-top: 30px;

    }



    #freehold-luxury-slider .carousel-item img {

        width: 100%;

    }



    #freehold-luxury-slider .carousel-caption h1 {



        font-size: 4rem;

        line-height: 4.4rem;

    }



    #freehold-luxury-slider .carousel-caption h1::first-letter {

        font-size: 6rem;

        line-height: 4.4rem;



    }



    .jewel-left-content {

        padding-top: 25px;

        padding-bottom: 30px;

    }



    .amenities-left {

        padding: 110px 0 110px 0;

    }



    .amenities-left-content {

        margin-bottom: 50px;

    }



    .artboard_slider .slick-prev {

        left: 40px;

        height: 26px;

        width: 17px;

    }



    .artboard_slider .slick-next {

        right: 40px;

        height: 26px;

        width: 17px;

    }







    .w-custom-100p {

        width: 100% !important;

    }



    .jewelux h2 {

        font-size: 4rem;

    }



    .resort_slider .jewelux-content {

        margin-right: 0;

        margin-top: 0;

        padding-bottom: 100px;

    }



    .slick-next,

    .slick-prev {

        top: 50%;

    }



    .jewelux h2 {

        font-size: 2.5rem;

        line-height: 2.8rem;
    }
    .contact-form {
        width: 100%;
        left: 3% !important;
        top: 567px;
    }

}

@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation:landscape) {

    .projects {
        padding-top: 60px;
    }
    .social ul li i {
        font-size: 28px !important;
    }
    .social {
        left: 40px;
        top: 38% !important;
    }
    .cp-rightSidebar img {
        padding-right: 0;
        height: 100%;
        min-height: 680px;
        object-fit: cover;
        width: 100% !important;
    }
    .corporate-profile {
        margin-bottom: 0;
    }

    .cp-accordian-wrapper ul li {

        font-size: 15px !important;

        line-height: 29px !important;

        padding: 20px 0px !important;

    }

    .cp-accordian-wrapper ul {

        margin: 0 auto;

        padding: 0px 30px;

    }

    .cp-rightSidebar .title-wrap {

        position: absolute;

        right: -36px;

        top: 0px;

    }



    .details p {

        font-size: 15px;

        line-height: 28px;

    }

    .jewel-left-content {

        padding-top: 0;

    }

    .jewel-left-content p:first-child {

        padding: 0 !important;

        margin-bottom: 13px !important;

    }

    .corporate-profile .container {

        max-width: 900px;

        margin: 0 auto;

    }

    .jewel-left-content p {

        max-width: 295px;

    }

    .jeweluxpage-slider .jewel-left-title {

        display: block !important;

    }

    .jewel-left-mobiletitle {

        display: none !important;

    }

    .jeweluxpage-slider .jewel-left-title img {

        width: 100%;

        max-width: 190px;

    }

    .jewel-left-title p.tagline {

        font-size: 1.3rem;

    }

    .lfc-btn-outline-secondary {

        padding: 12px 0px;

        font-size: 1.2rem;

    }

    .jewelux-button-group .w-custom {

        width: 260px;

        margin: 8px 0 !important;

    }

    .social ul li {

        line-height: 25px;

    }



    .social ul li i {

        font-size: 20px !important;

    }



    .copyright {

        bottom: 3%;

        left: 3%;

    }

    .corporate-profile .col-md-12 {

        width: 50% !important;

    }

    .corporate-profile .signature {

        height: 208px;

        bottom: -18%;

        left: 39%;

        width: 407px;

    }

    .jewelux p {

        font-size: 1.4rem;

        line-height: 2.2rem;

        margin-bottom: 14px !important;

    }

    .signature p {

        font-size: 30px;

    }



    #freehold-luxury-slider {

        padding-top: 0 !important;

    }

}

@media only screen and (max-width: 767px) {

    .contact-form input,
    .contact-form select,
    .contact-form textarea {
        padding: 6px;

    }
    .projects_section .image-caption-div img {
        height: 100%;
        min-height: 420px;
        object-fit: cover;
    }
    .projects_section .image-caption-div .inner-image-caption img {
        height: 100%;
        min-height: 42px !important;
        object-fit: cover;
    }
    .projects_section .image-caption-div .inner-image-caption p {
        font-size: 13px;
        line-height: 18px;
        padding-bottom: 37px;
    }
    .projects_section .inner-image-caption a {
        padding: 13px 20px;
        font-size: 12px;
        line-height: 14px;
    }
    .contact-form p span[data-name="project"]:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 9px solid var(--text-primary-color);
    }
    .projects_section .image-caption {
        position: absolute;
        top: 54%;
    }
    .contact-form button, .contact-form input[type="button"], .contact-form input[type="reset"], .contact-form input[type="submit"] {
        font-size: 1.2rem;
        line-height: 1.5rem;
        padding: 13px 35px;
    }
    .corporate-profile .cp-accordian-wrapper ul li {
        font-size: 1.5rem;
        line-height: 2.5rem;
        padding: 20px 0 30px 0;
    }
    .custom-modal .modal-content .modal-body .container h1 {
        font-size: 20px;
        line-height: 22.6px;
    }
    .custom-modal .modal-content .modal-body .container p {
        font-size: 13px;
        line-height: 30px;
    }
    .contact .row {

        height: 100%;

        height: 95vh !important;

    }

    .btns-wrapper a {

        display: flex;

        justify-content: center;

        align-items: center;

    }

    #lfcCarousel .carousel-item img {

        height: 100vh;

        object-fit: cover;

        object-position: top;

    }

    .jewel-left-mobiletitle {

        z-index: 9;

    }

    .contact {

        padding-bottom: 0;

    }

    .resort_slider .jewelux-content {

        justify-content: flex-start;

        height: fit-content;

    }



    .container,

    .container-fluid {

        padding: 0 20px 0 20px;

    }



    #menu-overlay ul li a {

        font-size: 2rem !important;

    }



    #menu-overlay ul li {

        margin-bottom: 2.5rem !important;

    }



    #menu-overlay #close-btn {

        top: -46px !important;

    }



    .homepage h2 {

        font-size: 3rem;

        line-height: 3rem;

    }



    .homepage p,

    .homepage ul li {

        font-size: 1.4rem;

        line-height: 2.4rem;

    }



    .navbar {

        padding-top: 20px;

    }



    .navbar-brand img {

        width: 50% !important;

    }



    .navbar-toggler-icon {

        width: 16px;

    }



    .overlay-title h1 {

        font-size: 5rem;

        line-height: 5.5rem;

    }



    #lfcCarousel .carousel-indicators [data-bs-target],

    #freehold-luxury-slider .carousel-indicators [data-bs-target] {

        width: 7px;

        height: 7px;

    }

    #lfcCarousel .carousel-indicators {

        top: 420px;

        margin-left: 90%;

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

    }

    .social,

    .copyright {

        display: none;

    }

    .fixed-footer-sm {
        display: flex;
        background-color: var(--bg-color);
        padding: 19px 15px;
        bottom: 0;
        right: 0;
        left: 0;
        position: fixed;
        z-index: 1;
        align-items: center;
    }

    .fixed-footer-sm ul {
        flex: 0 0 40%;
        max-width: 40%;
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 1px;
        padding-right: 32px;
    }

    .fixed-footer-sm .copyright-sm {
        font-size: 1rem;
        flex: 0 0 80%;
        max-width: 80%;
        text-align-last: left;
    }



    .fixed-footer-sm ul li a i {
        color: var(--text-primary-color);
        font-size: 27px;
        line-height: 20px;
    }
    .copyright-sm span {
        padding: 0 8px;
    }
    .fixed-footer-sm .copyright-sm p {
        font-size: 1rem;
        line-height: 2rem;
        text-align: right;
    }

    .fixed-footer-sm ul li {

        padding: 0 5px;

    }



    .cp-details-wrapper {

        order: 2;

    }



    .corporate-profile .container {

        width: 100%;

        padding-right: 0;

        padding-left: 0;

    }



    .p-sm-0 {

        padding: 0;

    }



    .cp-rightSidebar .title-wrap {

        right: 20px;

        top: 70px;

    }



    .corporate-profile {

        padding-bottom: 0;
        margin-bottom: 112px;

    }



    .signature {

        width: 232px;

        height: 110px;

        position: absolute;

    }



    .corporate-profile .signature {

        width: 232px;

        height: 110px;

        left: 0;

        position: absolute;

        top: 277px;

    }



    .signature span {

        font-size: 3.5rem;

    }



    .signature p {

        font-size: 2rem;

        line-height: 1.8rem;

        letter-spacing: .12rem;

    }



    .signature span.rquote {

        margin-top: 48px;

        margin-left: 0;



    }



    .cp-details-wrapper {

        padding-left: 20px;

    }



    .details {
        padding: 52px 0 0 0;
        margin: 0 auto;
        max-width: 276px;
    }

    .jeweluxpage-slider {

        padding-top: 83px;

    }





    .jeweluxpage-slider .jewel-left-title {

        padding-top: 32px;

    }



    .cp-accordian-wrapper ul {

        margin: 0 auto;

        max-width: 290px;

    }



    .cp-accordian-wrapper ul li {

        font-size: 1.4rem;

        padding: 30px 0;

    }



    .cp-accordian-wrapper {

        padding-top: 0 !important;

    }



    .modal-body h1 {

        font-size: 1.8rem;

    }



    .custom-modal .custom-close-button {

        position: absolute;

        top: 25px;

        right: 30px;

        width: 40px;

        height: 45px;

    }



    .cp-rightSidebar:after {

        margin-right: 0;

    }



    .cp-rightSidebar img {

        padding-right: 0;

    }



    .projects .container-fluid {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .projects {
        padding-bottom: 81px;
        height: 62vh !important;
        padding-top: 0px !important;
    }

    .projects_slider .slick-arrow {

        height: 30px;

        width: 20px;

    }



    .awards {

        background-image: url(../images/awards-bg-small-screen.png) !important;

    }



    .awards ul {

        max-width: 360px;

        padding: 50px 0 0 10px;

        width: 100%;

        margin: 0 auto;

    }



    .awards ul li {

        margin-bottom: 20px;

        font-size: 1.2rem;

        line-height: 2rem;

    }



    .awards ul li span {

        font-size: 2.2rem;

        margin-right: 40px;

        line-height: 4rem;

    }



    .awards .signature {

        width: 232px;

        height: 110px;

        right: 0;

        position: absolute;

        bottom: 0;

    }



    .year-archieve {

        padding: 0;

    }





    /* .contact {

           height: 100%;

           display: none;

        } */



    address,

    address a {

        font-size: 1.2rem !important;

        line-height: 2.2rem;

    }



    address {

        margin-top: 5rem;

    }

    .address {

        position: absolute;

        right: 5%;

        top: 23%;

    }

    .contact-us p {

        font-size: 1.5rem !important;

        line-height: 2.8rem;

    }



    .p-sm-0 {

        padding-left: 0;

    }

    .contact-form {

        position: absolute;

        width: 100%;

        max-width: 350px !important;

        left: 5% !important;

        bottom: -34%;

    }



    .scrollToTopBtn img {

        width: 20px;

        height: 20px;

    }



    #scrollToTopBtn:hover {

        border: none;

        padding: 0;

    }



    .contact-form .wpcf7-response-output {

        bottom: 50px;

        width: 99%;

        padding: 5px !important;

        position: absolute;

        font-size: 1em;

    }



    .contact-us-main {

        display: none;

    }



    .contact-us-responsive {

        display: block !important;

        /* height: 100vh; */

        position: relative;

        width: 100%;

        background-size: contain !important;

    }



    #freehold-luxury-slider .carousel-caption h1 {

        font-size: 2.5rem;

        line-height: 2.6rem;

    }



    #freehold-luxury-slider .carousel-caption h1::first-letter {

        font-size: 8rem;

        line-height: 4.7rem;

    }



    .jewel-left {

        left: auto;

    }



    .jeweluxpage-slider {

        padding-bottom: 440px;

    }



    .jewelux p {

        font-size: 1.2rem;

        line-height: 2rem;

    }



    .new-east-right h2,

    .new-east-right h2 span {

        font-size: 2.5rem;

        line-height: 3.6rem;

    }



    .new-east-right h2 span {

        margin-left: 0;

    }



    .new-east-right h2:first-letter {

        font-size: 5rem;

    }



    .neweast_slider .slick-list.draggable {

        height: 64vh !important;

        padding: 0 !important;

    }



    .neweast_slider .slick-prev {

        left: 0;

        transform: translate(0, -50%);

        top: 50%;

        transform: rotate(270deg);

    }



    .neweast_slider .slick-next {

        top: 50%;

        transform: rotate(270deg);

        left: 89%;

    }



    .jewelux h2 {

        font-size: 2.5rem;

        line-height: 2.6rem;

    }



    .amenities-accordion {

        height: auto;

    }



    .accordion-container {

        width: 100%;

        padding: 0 20px;

        min-height: 400px;



    }



    .amenities-left {

        padding: 90px 0 0 0;

    }



    .amenities-left-content {

        margin-bottom: 20px;

    }



    .panzoom-parent {

        margin-top: 90px;

    }



    .artboard_slider .inner-image-caption a {

        text-decoration: none;

        font-size: 1.2rem;

        line-height: 1.4rem;

    }



    .amenities {

        padding-bottom: 60px;

    }



    .artboard {

        padding-top: 150px;

    }



    .jewelux h2 {

        font-size: 2.5rem;

        line-height: 3.2rem;

    }



    .resort_slider .jewelux-content p {

        font-size: 1.2rem;

        line-height: 2.1rem;



    }



    .resort_slider .jewelux-content {



        margin-right: 0;

        margin-top: 0;

    }



    .resort-content p {

        min-width: auto;

    }



    .resort_slider .jewelux-content {

        padding: 0 20px;

        margin-right: 0;

    }



    .resort {

        background: url(../images/sophistication-small.png) no-repeat left bottom;

        background-size: cover;

    }

    .w-custom {

        width: 160px;

    }



    .jeweluxpage-slider .container-fluid .row {

        padding-top: 0;

    }



    .jeweluxpage-slider {

        padding-bottom: 0;

    }





    #freehold-luxury-slider {

        padding-top: 27px;

    }



    #freehold-luxury-slider .carousel-item img {

        height: 285px;

        ;

    }



    .jewel-left-content {

        padding-top: 25px;

        padding-bottom: 20px;

    }



    .jewel-left-content p:first-child {

        margin-bottom: 2rem !important;

    }



    .default-page-content {

        padding-top: 90px;

    }



    .default-page-content h1 {

        font-size: 3.4rem;

        letter-spacing: 2.3px;

        line-height: 2rem;

        margin-bottom: 5rem;

    }



    .btns-wrapper {

        left: 50%;

        width: auto;

        gap: 20px;

    }



    .lfc-btn-outline-secondary {

        font-size: 1.2rem;

        margin-top: 10px !important;

    }



    .resort_slider .jewelux-content h2 {

        line-height: 3rem;

        width: 100%;

    }



    .resort_slider .jewelux-content h2::first-letter {

        font-size: 8.2rem;

        line-height: 1.2rem;

        color: var(--text-white);

    }



    .resort_slider .jewelux-content {

        padding: 60px 20px;

    }



    .resort_slider .slick-prev {

        left: 15px;

        height: 32px;

        width: 20px;

        top: 45%;

        transform: translateY(-55%);

        z-index: 1;

    }



    .resort_slider .slick-next {

        right: 15px;

        height: 32px;

        width: 20px;

        top: 45%;

        transform: translateY(-55%);

        z-index: 1;

    }



    .resort_slider .jewelux-content {

        padding: 60px 20px 0 20px;

    }



    .resort {

        position: relative;

    }

    /* 

        .resort:after {

            content: "";

            display: block;

            position: absolute;

            left: 0;

            top: 0;

            bottom: 0;

            right: 0;

            background: rgba(0, 0, 0, .4);

        } */



    .amenities-left-content p {

        max-width: 100%;

        padding: 0 40px;

        margin: 0 auto;



    }



    .neweast_slider .item img {

        min-height: 65rem !important;

    }



    .neweast_slider .image-caption {

        height: 170px;

    }



    .neweast_slider .image-caption p {

        color: #fff;

        font-size: 1rem;

    }



    .neweast_slider .main-slide {

        margin: 0
    }



    .neweast_slider .item {

        padding: 0;

    }



    .neweast_slider .slick-prev,

    .neweast_slider .slick-next {

        height: 25px;

        width: 35px;

    }



    .the-new-east {

        background: url(../images/new-eastbg-small.png) no-repeat left top;

        background-size: cover;

        height: 100%;

    }



    .new-east-right {

        padding: 70px 0 30px 0;



    }



    .jewel-left-content p.mb-5 {

        width: 300px;

    }



    .new-east-right p {

        width: auto
    }



    .mx-custom {

        margin: 0;

    }





    .pan-left-right-overlay {

        background-color: #000000ad;

        height: 100%;

        width: 100%;

        position: fixed;

        z-index: 9999;

        top: 0;

        display: block;

    }



    .inner-pan-overlay {

        position: absolute;

        top: 50%;

        text-align: center;

        left: 50%;

        transform: translate(-50%, -50%);

    }



    .pan-left-right-overlay img {

        width: 50px;

        height: 50px;

    }



    .pan-left-right-overlay .inner-pan-overlay p {

        font-family: 'ltcbodoni175w01-regularRg';

        font-size: 1.4rem;

        margin-bottom: 0;

        margin-top: 20px;

    }





    .artboard_slider .slick-next {

        right: -15px;

        height: 20px;

        width: 15px;

    }



    .artboard_slider .slick-prev {

        left: -15px;

        height: 20px;

        width: 15px;

    }



    .projects_slider .image-caption-div a {

        font-size: 1.2rem;

        line-height: 2rem;

        padding: 15px 20px;

    }



    #scrollToTopBtn {

        bottom: 50px;

        right: 40px;

    }

    .projects_slider .image-caption-div:hover .image-caption .inner-image-caption img {

        width: 100%;

        max-width: 145px;

    }

    .projects_slider .image-caption-div:hover .image-caption .inner-image-caption p {

        text-align: center;

        font-size: 1.3rem;

    }

    .form-group-btn {

        padding-bottom: 39px;

    }



}



@media only screen and (max-width: 992px) and (orientation:landscape) {

    .homepage-main-slider {

        display: block;

    }

    #menu-overlay {

        padding-top: 20px;

    }

    #menu-overlay ul li {

        margin-bottom: 2rem !important;

    }

    .custom-modal .custom-close-button {

        z-index: 999999;

    }

    .awards {

        padding: 30px;

        height: 100%;

    }

    .awards ul {

        position: inherit;

        transform: none;

    }

    .jewelux-button-group {

        flex: 0 0 100%;

        text-align: -webkit-center;

    }

    .jewel-left-content p:first-child {

        padding: 0 !important;

        margin-bottom: 13px !important;

        flex: 0 0 100%;

        max-width: 70%;

    }

    .jewel-left-content {

        padding-top: 0;

        flex-wrap: wrap !important;

        justify-content: center;

    }

    .jeweluxpage-slider .jewelux-left-content {

        padding-top: 29px;

        flex-direction: column;

    }

    .projects_slider .slick-arrow {

        height: 29px;

        width: 17px;

    }

    .copyright p {

        font-size: 10px;

    }

    .scrollToTopBtn img {

        height: 15px;

    }



    .social ul li {

        margin-bottom: 0px;

        line-height: 24px;

    }

    .social {

        position: fixed;

        left: 2%;

        top: 18% !important;

    }

    .corporate-profile {

        margin-bottom: 220px;

    }

    .copyright {

        left: 1%;

    }

    .social ul li {

        line-height: 18px;

    }

    .social ul li i {

        font-size: 14px !important;

    }

    .jeweluxpage-slider .jewelux-left-content {

        padding-top: 29px;

        flex-direction: column;

    }

}

@media only screen and (device-width:375px) and (device-height:667px) {
    .contact-form {
        position: absolute;
        width: 100%;
        max-width: 342px !important;
        left: 4% !important;
        bottom: -66%;
    }

    .form-group-btn {

        padding-bottom: 39px;

    }

    #menu-overlay #close-btn {

        top: 4px !important;

    }

}