html {
    scroll-behavior: smooth;

}


html {
    scroll-padding-top: 80px;

}

video::-webkit-media-controls { 
  display: none !important;
  -webkit-appearance: none;
}

video::-moz-media-controls {
  display: none !important;
}

video::-ms-media-controls {
  display: none !important;
}

video {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


header img{
    transition:0.5s all;
}
header.active .klogo img:nth-child(2) {
    opacity: 0;
}

header:not(.active) .logo2, header:not(.active) .right-logo {
    opacity: 0;
}

body {
    font-family: 'Pangram' !important;
    font-size: 1.25vw !important;
    line-height: 1.5;
    color: #000000 !important;

}

img {
    max-width: 100%;
    height: auto;
}

video#myvideo {

    width: 100%;
    height:100%;
    object-fit: cover;
      /*transform: scaleX(-1);*/

}

figure {
    position: relative;
}


.abstext {
    position: absolute;
    right: 6px;
    bottom: 6px;
    color: white;
    font-size: 10px;
    font-weight: 400;
    z-index: 1;
}

.defined-slider .loader a {
    transform: translateY(-5vw);
}


.defined-slider .item figure .abstext {
    right: 12px;
}

.owl-video .owl-item .items figure .abstext {
    right: 12px;
}

.luxury figure .abstext {
    right: auto;
    left: 10px;
}

.owl-desinged .owl-item .items figure .abstext {
    right: 12px;
}

.project-helights figure .abstext {
    top: 0;
    bottom: auto;
}

.project-helights {
    position: relative;
    /*margin-top: -600px;*/
}


.right-logo {
    margin-right: 22px;
}

header {

    background-color: transparent;
    transition: 0.5s background;
    padding: 1vw 5vw;
}

.line-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
    z-index: 3;
}

.line-container svg {
    display: block;
    height: 100%;
}

.welcome .container-fluid {
    position: relative;
    z-index: 1;
}

.absline {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    justify-content: center;
    display: flex;
    opacity: 0.2;

}

header.active {
    background: #340C17;
}

a.logo img {
    height: 70px;
}

.banner-content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    padding-left: 10vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 34px;
}

.banner-content p {
    text-align: center;
    margin-top: 1.5vw;
    color: white;
    margin-bottom: 0;
    font-size: 1.90vw;

}

.banner-content img {
    /* width: 310px; */
    width: 30vw;
}

.h-font {
    font-family: 'Bon Vivant Family Serif';
}

.welcome {
    padding: 8.05vw 5vw;
    background-color: #FDFBF9;
    position: relative;
}

.welcome-content {
    display: inline-block;
    margin-left: 5vw;
    max-width: 21vw;
    flex: 0 0 auto;
    text-align: center;
}

.abstractimg {
    position: absolute;
    left: 0;
    top: -390px;
    right: 0;
    opacity: 0.4;
    display: flex;
    justify-content: center;
}

.welcome .container-fluid {
    position: relative;
    z-index: 2;
}

.banner {
    z-index: 0;
}

.welcome-content h3 {
    font-size: 1.90vw;
    /* color: black; */
    color: white;
    margin-bottom: 1.5vw;
}

.welcome-content img {
    width: 20vw;
}

.welcome h2 {
    font-size: 3vw;
    /* color: #A44F27; */
    color: white;
    margin-bottom: 2.5vw;
}

.welcome p {
    font-weight: 300;
    color: white;
    max-width: 40vw;
}

.project-helights .loader {
    right: 20px;
    z-index: 1;
}

#Gallery .loader {
    right: 20px;
    z-index: 9;
}


.defined-slider .loader {
    right: 20px;
    z-index: 9;
    filter: brightness(0);
}

.luxury .loader {
    right: 20px;
    z-index: 1;
    filter: brightness(0);
}

.welcome p b {
    font-weight: 400;
}

.project-helights {
    padding: 0 5vw;
    background: #492932;
    background: linear-gradient(180deg, rgba(73, 41, 50, 1) 0%, #340C17 100%);
}

.project-helights figure {
    width: 36vw;
    overflow: hidden;
    border-bottom-left-radius: 30vw;
    border-bottom-right-radius: 30vw;
    outline: 1px solid #c3986d;
    outline-offset: 10px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.project-helights figure img {
    width: 36vw;
    border-bottom-left-radius: 30vw;
    border-bottom-right-radius: 30vw;
}

.def-btn {
    display: inline-flex;
    white-space: nowrap;
    gap: 0.8vw;
    border: 0.1vw solid black;
    padding: 0.6vw 1.9vw;
    border-radius: 3vw;
    color: black;
    transition: 0.5s all;
}

.def-btn:hover {
    background: #492932;
    color: white;
}

a.def-btn span {
    width: 1.3vw;
}

a,
a:hover {
    text-decoration: none;
}

.def-btn:hover span img {
    filter: brightness(0) invert(1);
}

.def-btn i {
    font-style: normal;
    line-height: unset;
    position: relative;
    top: 2px;
}

.project-helights h3 {
    font-size: 3vw;
    color: #fff;
    margin-bottom: 2.5vw;
    margin-top: 6.5vw;
    margin-bottom: 0;
}

.linkgrp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.3vw;
}

.linkgrp button {
    background: transparent;
    border: 0;
    color: white;
    opacity: 9;
    display: inline-flex;
    gap: 1vw;
    align-items: start;
    text-align: left;

    font-weight: 300;
    cursor: auto;
}

.welcome .loader {
    right: 20px;
    z-index: 1;
}

.linkgrp button span {
    width: 34px;
    flex: 0 0 34px;
}


.linkgrp button img {
    filter: brightness(0) invert(1);

}

.project-helights .line {
    display: inline-block;
    width: 15vw;
    height: 0.1vw;
    margin-bottom: 2vw;
    margin-top: 1vw;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
}

.project-helights .def-btn {
    border-color: #fff;
    color: white;
    margin-top: 3vw;
}

.project-helights .def-btn span img {
    filter: brightness(0) invert(1);
}

.project-helights .def-btn:hover {
    background: white;
    color: black;
}

.project-helights .def-btn:hover span img {
    filter: unset;
}

.project-helights {
    padding-bottom: 5vw;
}

.defined {
    padding-top: 6vw;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 5vw;
    background: #FDFBF9;
    position: relative;
}

/* 
.owl-nav button.disabled {
    display: none !important;
} */

.defined-slider {
    padding-left: 5vw;
    overflow: hidden;
    position: relative;
    background: #FDFBF9;
    padding-bottom: 10vw;
}

.defined-slider .item {
    position: relative;
}

.defined-slider .item figure {
    position: relative;
    margin: 0;
    border-radius: 24px;
    overflow: hidden;
}

.defined-slider .item figure .itemcontent {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #00000080;
    color: white;
    padding: 0 3vw;
    font-size: 1.3vw;
    font-weight: 300;
}


.owl-define .owl-nav button {
    width: 4vw;
    height: 4vw;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.owl-define .owl-nav button img {
    filter: brightness(9) invert(1);
    height: 5vw;
}

/* .owl-define .owl-nav button.owl-prev {
    transform: rotate(180deg);
} */
/* 
/* .defined-slider .owl-nav .owl-prev {
    display: none;
} */

.defined-slider .owl-nav .owl-next {
    right: 30px;
    top: calc(50% - 50px);
    position: absolute;
}

.defined-slider .owl-stage-outer::before {
    content: " ";
    position: absolute;
    right: 0;
    width: 13vw;
    height: 100%;
    top: 0;
    bottom: 0;
    background: linear-gradient(to left, rgba(253, 251, 249, 1) 0%, rgba(253, 251, 249, 0) 100%);
    z-index: 1;
}

.defined h1 {
    font-size: 3vw;
    color: #A44F27;
    margin-bottom: 1vw;
}

.defined p {
    font-weight: 300;
}

.defined .row {
    position: relative;
}

.defined .row:before {
    content: " ";
    position: absolute;
    left: 15px;
    bottom: -2vw;
    right: 0;
    width: calc(100% - 30px);
    height: 0.1vw;
    background: linear-gradient(90deg, #a44f2700 0%, #A44F27 50%, #a44f2700 100%);
}

.owl-video .items {
    transition: 0.4s all;
}

.owl-video .owl-item .items {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
}


.owl-video .owl-item.center .items {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    margin: 0;
}


.owl-video .owl-item .items {
    position: relative;
}

.owl-video .owl-item .items figure {
    border-radius: 2vw;
    overflow: hidden;
}

.owl-video .owl-item .items figure+p {
    text-align: center;
}

.video-area {
    background: #492932;
    background: linear-gradient(180deg, rgba(73, 41, 50, 1) 0%, #340C17 100%);
    padding: 5vw 0vw;
    /* margin-top: 5vw; */
    position: relative;
}

div#aboutus {
    background-image: url(../images/bg2.webp);
    background-size: cover;
    background-position: left center;
    position: relative;
}

div#aboutus:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #0000008c;
}

.video-area iframe {
    margin-top: 3vw;
}

.video-area h1 {
    color: #FFD8B2;
    margin-bottom: 1vw;
    font-size: 3vw;
    margin-bottom: 1vw;
}

.video-area h1+p {
    color: white;
    max-width: 52vw;
    font-weight: 300;
    display: table;
    margin: 0 auto 4vw auto;
}

.owl-video .owl-item .items figure+p {
    color: white;
    font-weight: 400;
}

.video-area .def-btn {
    border: 1px solid white;
    background: transparent;
    color: white;
}

.video-area .def-btn span img {
    filter: brightness(0) invert(1);
}

.video-area .def-btn:hover {
    background: white;
    color: black;
}

.video-area .def-btn:hover span img {
    filter: unset;
}

.video-area .owl-nav button {
    width: 4vw;
    height: 4vw;
    background: #ffffffc4 !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.video-area .owl-nav button img {
    width: 0.7vw;
}

.video-area .owl-nav .owl-next {
    position: absolute;
    right: 23.4vw;
    top: calc(50% - 42px);
}

.luxury {
    padding: 10vw 0;
    background-color: #FDFBF9;
    position: relative;
}

.luxury figure {
    margin: 0;
    max-width: 42vw;
    border-top-right-radius: 30vw;
    /* overflow: hidden; */
    border-bottom-right-radius: 30vw;
    position: relative;
}

.luxury .car-btn {
    top: 47%;
}

.luxury .carousel-indicators button {
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
}

.luxury .carousel-indicators {
    margin-bottom: 6px;
    margin-left: 0;
}

.luxury figure img {
    width: 42vw;
    border-top-right-radius: 30vw;
    /* overflow: hidden; */
    border-bottom-right-radius: 30vw;
    position: relative;
}

.luxury figure::before {
    content: " ";
    position: absolute;
    left: 3vw;
    top: 2vw;
    width: 39.5vw;
    height: 33vw;
    border: 1px solid #A44F27;
    border-top-right-radius: 18vw;
    /* overflow: hidden; */
    border-bottom-right-radius: 18vw;
}

.luxury h3 {
    font-size: 2.4vw;
    margin-bottom: 0.8vw;
    color: black;
}

.luxury h3 span {
    font-size: 3vw;
    color: #A44F27;
}

.luxury p {
    font-weight: 300;
    max-width: 40vw;
    margin-bottom: 3vw;
}

.luxyr-linkgrp button {
    border: 0;
    background: transparent;
    font-weight: 300;
}

.luxyr-linkgrp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6vw;
}

.luxyr-linkgrp button {
    position: relative;
    cursor: auto;
}

.luxyr-linkgrp button:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1vw;
    width: 100%;
    height: 0.1vw;
    /* Adjust thickness as needed */
    background: linear-gradient(90deg, #a44f2700 0%, #A44F27 50%, #a44f2700 100%);
    pointer-events: none;
}

/* 
.luxyr-linkgrp button::after {
    width: 100px;
    height: 100px;
    position: absolute;
    content: '';
    background-image: url(../images/leftarrow.svg);
    background-repeat: no-repeat;
    left: -40px;
    top: 10px;
    opacity: 0;
} */

/* .luxyr-linkgrp button.active {
    color: #A44F27;
} */

/* .luxyr-linkgrp button.active:after,
.luxyr-linkgrp button:hover:after {
    opacity: 9;
} */

/* .luxyr-linkgrp button:hover {
    color: #A44F27;
} */

/* .luxyr-linkgrp button,
.luxyr-linkgrp button:after {
    transition: 0.5s all;
} */

.owl-video .owl-item:not(.center) .items::before {
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    background: linear-gradient(to right, #492932 0%, #49293287 100%);
}

.owl-video .owl-item:not(.center) .items p {
    display: none;
}

.owl-video .owl-item.center+.items::before {
    background: linear-gradient(to left, #492932 0%, #49293287 100%);
}

.owl-video .owl-item.center+.owl-item .items:before {
    background: linear-gradient(to left, #492932 0%, #49293287 100%);
}





.owl-desinged .items {
    transition: 0.4s all;
}

.owl-desinged .owl-item .items {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
}


.owl-desinged .owl-item.center .items {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    margin: 0;
}


.owl-desinged .owl-item .items {
    position: relative;
}

.owl-desinged .owl-item .items figure {
    border-radius: 2vw;
    overflow: hidden;
}

.owl-desinged .owl-item .items h5 {
    text-align: center;
    color: white;
    font-size: 2vw;
    margin-top: 2vw;
}


.owl-desinged .owl-item:not(.center) .items::before {
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    background: linear-gradient(to right, #492932 0%, #49293287 100%);
}

.owl-desinged .owl-item:not(.center) .items h5 {
    display: none;
}

.owl-desinged .owl-item.center+.items::before {
    background: linear-gradient(to left, #492932 0%, #49293287 100%);
}

.owl-desinged .owl-item.center+.owl-item .items:before {
    background: linear-gradient(to left, #492932 0%, #49293287 100%);
}

.owl-desinged .owl-nav .owl-prev {
    display: block;
}

.video-area .owl-nav .owl-prev {
    position: absolute;
    left: 23.4vw;
    top: calc(50% - 42px);
    transform: rotate(180deg);
}

.owl-desinged .owl-item .items figure {
    outline: 1px solid white;
    outline-offset: 8px;
    transition: 0.5s all;
}

.owl-carousel .owl-stage-outer {
    padding-top: 10px;
}

.owl-desinged .owl-item:not(.center) .items figure {
    outline-color: #ffffff3d;
}

.designed h1+p {
    max-width: 57vw;
}

b {
    font-weight: 500;
}

.value {
    padding: 10vw;
    background-image: url(../images/value.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
}

.value h1 {
    color: white;
    font-size: 3vw;
    margin-bottom: 1.5vw;
}

.value p {
    color: white;
    max-width: 63vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: revert-layer;
}

.discover {
    background: #F3ECE4;
    padding: 5vw 0;
    position: relative;
}

.discover h2 {
    font-size: 3vw;
    margin-bottom: 1vw;
}

.discover h4 {
    font-size: 1.8vw;
    margin-bottom: 1;
}

.discover p {
    margin: 0;
    font-weight: 300;
}

.btngrp {
    display: flex;
    justify-content: center;
    margin: auto;
    gap: 3vw;
    margin-top: 3vw;
}

.btngrp a {
    border: 1px solid #4A2B31;
    padding: 0.4vw 3vw;
    color: #4A2B31;
    transition: 0.5s all;
}

.btngrp a:nth-child(2) {
    background: #4A2B31;
    color: antiquewhite;
}

.btngrp a:nth-child(2):hover {
    background: black;
}

.btngrp a:nth-child(1):hover {
    background: #4A2B31;
    color: white;
}

footer {
    background: #4A2B31;
    padding: 5vw 5vw 1vw 5vw;
    color: white;
    position: relative;
}

footer a {
    display: flex;
    gap: 8px;
    color: white;
    margin-bottom: 4px;
    font-size: 1.1vw;
    line-height: 1.7;
    font-weight: 300;
}

footer a span {
    width: 20px;
    flex: 0 0 auto;
}

.title {
    color: #FFF;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 1vw;
    letter-spacing: 0.04vw;
}

.title+p {
    margin-bottom: 2vw;
}

footer p {
    font-size: 1.1vw;
    line-height: 1.7;
    font-weight: 300;
}

a.footerlogo img {
    height: 8vw;
    margin-bottom: 1vw;
}


.groupform .invalid-feedback {
    border-top: 1px solid black;
}


.groupform {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: white;
    padding: 4px;
    gap: 8px;
    border-radius: 8px;
    margin-top: 10px;
    width: 100%;
}

.groupform>* {
    width: 100%;
}

.groupform input {
    border: 0;
    height: 3vw;
    color: black;
}

.groupform input:focus {
    outline: 0;
    border: 0;
    box-sizing: unset;
}

.groupform button {
    border-radius: 8px;
    border: 1px solid #4A2B31;
    background: #4A2B31;
    color: white;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 0.4vw 3vw;
    display: inline-block;
}

button.menu {
    background: transparent;
    border: 0;
}

button.menu img {
    height: 1.5vw;
}

button.contbtn {
    border: 1px solid white;
    background: transparent;
    color: white;
    padding: 0.3vw 2vw;
    font-weight: 300;
    transition: 0.5s all;
}

button.contbtn:hover {
    background: black;
    border-color: black;
}

.disclamer {
    display: inline-flex;
    gap: 8px;
}

.disclamer a {
    padding: 0;
    font-weight: 400;
}


.disclaimer .modal-dialog {
    max-width: 650px;

}

.disclaimer .modal-dialog .modal-content {
    padding: 40px 36px;
}

.disclaimer .modal-dialog .modal-content p {
    font-size: 16px;
    color: black;
    line-height: 26px;
}

.disclaimer .modal-dialog .modal-content h6 {
    font-size: 34px;
    margin-bottom: 24px;
    font-weight: 500;
}

.disclaimer .modal-dialog .modal-content button.btn-close {
    position: absolute;
    right: 30px;
    top: 20px;
}

.term .modal-dialog {
    max-width: 790px;
}


.term .modal-dialog h5 {
    margin-top: 12px;
    margin-bottom: 16px;
    font-weight: 400;
}

.projectformblcok p {
    color: white;
    margin: 20px 0;
    font-size: 20px;
    max-width: 480px;
    text-align: center;
    font-weight: 300;
}

button#muteButton {
    position: absolute;
    right: 24px;
    bottom: 114px;
    z-index: 99;
    border: 0;
    width: auto;
    padding: 0;
    background: transparent;
}

.designed {
    margin: 0;
    padding-right: 5vw;
    padding-left: 5vw;
}

.discover,
.defined {
    overflow: hidden;
}

.project-helights {
    overflow: hidden;
}

/* .defined-slider .owl-nav button {
    filter: brightness(9) invert(1);
} */

.contactform .modal-content {
    background: #ECEBE5;
    padding: 0;
    border: 0;
}

.contactform .modal-dialog {
    max-width: 990px;
}

.contactform .modal-dialog .row {
    row-gap: 30px;
}

.contactform .modal-dialog .form-control {
    background: transparent;
    border: 1px solid #000;
    background: transparent;
    padding-left: 16px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.14px;
    border-radius: 0;
    height: 44px;
}


.contactform .modal-dialog .def-btn {
    width: 100%;
    height: 44px;
    background: #000;
    color: white;
    border-color: #000;
    justify-content: center;
    margin-top: 10px;
}

.mlef-logo {
    position: absolute;
    left: 10px;
    top: 10px;
}

.mlef-logo img {
    height: 35px;
}

.mright-logo {
    position: absolute;
    right: 0;
    top: 0;
    top: 10px;
    right: 10px;
}

.mright-logo img {
    height: 27px;
}

.abs-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgb(255 255 255 / 55%);
    padding: 20px;
    color: #000;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(25px);
    transform: translate(-50%, -50%);
    width: 70%;
    border-radius: 20px;
    text-align: center;
    padding-top: 3vw;
}

.abs-logo>img {
    height: 200px;
    margin-top: 25px;
}

.contactform .modal-dialog form {
    margin-top: 22px;
    padding-left: 40px;
    padding-right: 70px;
}

.contactform .modal-dialog h1 {
    font-size: 38px;
    font-weight: 300;
    text-align: center;
    margin-top: 45px;
}

.contactform .modal-dialog .modal-body {
    padding: 0;
}

.contactform .modal-content .position-relative>img {
    height: 550px;
    object-fit: cover;
    width: 100%;
}

.contactform .modal-dialog .btn-close {
    right: 30px;
    position: absolute;
    top: 20px;
    opacity: 9;
}

.contactform .modal-dialog .form-control:focus {
    outline: 0;
    box-shadow: unset;
}


.sidebar {
    position: fixed;
    top: 0;
    left: -480px;
    height: 100%;
    color: white;
    transition: left 0.3s ease;
    padding: 20px;
    z-index: 1000;
    width: 400px;
    padding-left: 70px;
    padding-right: 116px;
    background: #340C17;
    padding-top: 60px;
    z-index: 9999;
}

.sidebar.active {
    left: 0;
}


.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar ul li a {
    display: flex;
    text-decoration: none;
    color: white;
    width: 100%;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;

}


.sidebar ul li a:hover {
    color: white;
}

.sidebar ul li {
    border-bottom: none;
    transition: 0.5s all;
    width: 100%;
}

.sidebar ul li:hover {
    border-bottom-color: white;
}

.sidebar ul {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
}


button#closeSidebar {
    font-size: 12px;
    letter-spacing: 1px;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    text-transform: uppercase;
    font-weight: 500;
    color: white;
}

aside#sidebar figure {
    position: absolute;
    bottom: 20px;
    left: 70px;
    width: 280px;
    margin-bottom: 0;
}

footer a.footerlogo+p {
    margin-top: 1.2vw;
}

.video {
    position: relative;
    width: 100%;
    height: 100vh;

    overflow: hidden;
}

.video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.welcome {
    position: relative;

    will-change: transform;

}

.car-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    top: 40%;
    padding: 0 5px;
}

.car-btn button {
    background: #ffffff91;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    backdrop-filter: blur(10px);
}

.cloud {
    transform: translateY(140px);

}

.klogo img {
    height: 80px;
}



.hamburger .lines {
    display: block;
    width: 32px;
    height: 2px;
    background-color: white;
    position: relative;
}

.hamburger .lines:before,
.hamburger .lines:after {
    display: block;
    width: 32px;
    height: 2px;
    background-color: white;
    position: absolute;
    left: 0;
    content: '';
}

.hamburger .lines:before {
    top: -10px;
}

.hamburger .lines:after {
    bottom: -10px;
}



.project-helights .carousel-indicators button {
    width: 1vw;
    height: 1vw;
    border-radius: 100%;
}

.loader {
    position: absolute;
    right: -60px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader img {
    transform: rotate(91deg);
    max-width: 58px;
}

.unitplasn {
    padding: 6vw 5vw;
    background: #f3ece4;
    position:relative;
}

.unitplasn #myTab {
    align-items: center;
    justify-content: center;
    border: 1px solid #20120c;
    width: auto;
    display: inline-flex;
    padding: 4px;
    border-radius: 0.8vw;
    gap: 20px;
}

.unitplasn nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.unitplasn #myTab button {
    border-radius: 0.8vw;
    font-size: 1.4vw;
    letter-spacing: 1px;
    color: #000;
    font-family: 'Bon Vivant Family Serif';
}

.unitplasn #myTab button.active {
    background: #340c17;
    color: white;
}

.unitplasn figure {
    position: relative;
    margin: 0;
    border: 1px solid #cfcfd1;
}

.plancontent {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #ffffff8c;
    backdrop-filter: blur(10px); */
}


.plancontent button {
    border: 1px solid #4A2B31;
    padding: 0.5vw 2vw;
    color: white;
    transition: 0.5s all;
    background: #4A2B31;

}

.plancontent button {
    opacity: 0;
    transition: 0.6s opacity;
}

.plancontent:hover button {
    opacity: 9;
}

.unitplasn .tab-content {
    margin-top: 5vw;
}

.plan-img-group {
    display: flex;
    gap: 14px;
}

.plan-img-group p {
    text-align: center;
    font-size: 1.5vw;
    margin-bottom: 0;
    margin-top: 0.5vw;
    font-weight: 400;
}

.unitplasn .owl-nav button {
    width: 4vw;
    height: 4vw;
    background: #000000b5 !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.unitplasn .owl-nav button img {
    height: 1.2vw;
    filter: brightness(0) invert(1);
}

.unitplasn .owl-nav button.owl-prev {
    transform: rotate(180deg);
    position: absolute;
    left: -28px;
    top: 13vw;
}


.unitplasn .owl-nav button.owl-next {
    right: -28px;
    position: absolute;
    top: 13vw;
}

.thankbody {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #f3ece4;
}

.thankbody h1 {
    color: #000;
    text-align: center;
    font-size: 68px;
    font-style: normal;
    font-weight: 300;
    line-height: 78px;
    /* 97.059% */
    text-transform: capitalize;
    margin-bottom: 36px;
}

.thankbody p {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 17px;
    /* 106.25% */
    letter-spacing: -0.16px;
}

.thankbody a {
    color: white;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: capitalize;
    border-radius: 10px;
    border: 1px solid #340c17;
    padding: 15px 44px;
    margin-top: 50px;
    background: #340c17;
}

.thankbody a:hover {
    background: #340c17;
    color: white;
}

@media (max-width: 600px) {
    .loader {
        display: none;
    }

    body {
        font-size: 5vw !important;
    }

    .welcome-content {
        max-width: 100%;
        flex: 0 0 auto;
        margin-left: auto;
        width: 100%;
        margin-right: auto;
    }

    .welcome-content h3 {
        font-size: 6vw;
    }

    .welcome-content img {
        width: 55vw;
    }

    .welcome h2 {
        font-size: 9vw;
        text-align: center;
    }

    .welcome p {
        text-align: center;
    }

    .welcome {
        padding: 12vw 0;
    }

    .def-btn {
        padding: 2vw 6vw;
        gap: 5vw;
        font-size: 5vw;
    }

    a.def-btn span {
        width: 5vw;
    }

    .project-helights h3 {
        font-size: 9vw;
        text-align: center;
        margin-top: 0;
    }

    .project-helights {
        padding: 12vw 0;
    }

    .project-helights .line {
        display: block;
        margin: auto;
        width: 50vw;
        margin-top: 4vw;
        margin-bottom: 3vw;
        height: 0.3vw;
    }

    .project-helights .accordion {
        background: transparent;
    }

    .project-helights .accordion .accordion-item {
        background: transparent;
    }

    .project-helights .accordion button {
        background: transparent;
        color: white;
        font-size: 16px;
        font-weight: 300;
    }

    .project-helights .accordion-button::after {
        color: white;
        filter: brightness(0) invert(1);
    }

    .project-helights .accordion button:focus {
        outline: 0;
        box-shadow: unset;
    }

    .project-helights figure {
        width: 100%;
        border-radius: 0;
        border: 0;
        outline: 0;
    }

    .project-helights figure img {
        width: 100%;
        border-radius: 0;
        outline: 0;
    }

    .project-helights .accordion .accordion-body,
    .project-helights .accordion .accordion-body figure {
        padding: 0;
        margin: 0;
    }

    .video-area h1 {
        font-size: 9vw;
        margin-bottom: 3vw;
    }

    .defined h1 {
        font-size: 9vw;
        text-align: center;
    }

    .defined p {
        text-align: center;
    }

    .video-area {
        padding: 12vw 0;
    }

    .luxury h3 {
        font-size: 8vw;
        text-align: center;
        margin-bottom: 3vw;
    }

    .luxury h3 span {
        font-size: 9vw;
    }

    .luxury p {
        max-width: 100%;
        text-align: center;
    }

    .designed h1+p {
        max-width: 100%;
    }

    .value p {
        max-width: 100%;
    }

    .value h1 {
        font-size: 9vw;
    }

    .value {
        padding: 12vw 0;
    }

    .discover h2 {
        font-size: 9vw;
    }

    .discover {
        padding: 12vw 0;
    }

    .discover h4 {
        font-size: 5vw;
    }

    .discover p {
        padding: 0 20px;
    }

    .btngrp {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 350px;
    }

    .btngrp a {
        width: 260px;
        text-align: center;
        padding: 8px 20px;
        font-size: 16px;
    }

    .owl-desinged .owl-item .items h5 {
        font-size: 5vw;
    }

    .owl-desinged .owl-item .items figure {
        outline-offset: -10px;
    }

    .video-area h1+p {
        max-width: 100%;
    }

    .defined {
        padding-top: 12vw;
        padding-bottom: 10vw;
    }

    .defined .row:before {
        display: none;
    }

    .defined-slider .owl-stage-outer::before {
        display: none;
    }

    .defined-slider .item figure .itemcontent {
        font-size: 6vw;
    }

    .defined-slider {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 22vw;
    }

    a.footerlogo img {
        height: 21vw;
        margin: auto;
        margin-bottom: 10px;
    }

    a.footerlogo+p {
        font-size: 4.5vw;
        padding-right: 0;
    }

    footer {
        padding: 12vw 0 6vw 0vw;
    }

    .title {
        font-size: 6.5vw;
        margin-bottom: 3vw;
    }



    footer p {
        font-size: 4.5vw;
    }

    footer .row {
        gap: 8vw;
    }



    footer a {
        font-size: 4.5vw;
    }

    .title+p+.title {
        margin-top: 36px;
    }

    .groupform input {
        height: 10vw;
    }

    .groupform button {
        font-size: 5vw;
        padding: 8px 20px;
        font-weight: 300;
    }

    .disclamer {
        display: flex;
        justify-content: center;
    }

    footer .row+.row {
        gap: 12px;
    }

    .disclaimer .modal-dialog .modal-content h6 {
        font-size: 26px;
    }

    .disclaimer .modal-dialog .modal-content {
        padding: 50px 16px;
    }

    header {
        padding: 3vw 0;
    }

    a.logo img {
        height: 13vw;
        max-width: unset;
    }

    button.menu {
        display: block;
        margin-left: auto;
    }

    button.menu img {
        height: 6vw;
    }

    /* .defined-slider .owl-nav .owl-next {
        position: relative;
        right: unset;
        top: unset;
    } */

    /* .defined-slider .owl-nav .owl-prev {
        display: block;
    } */

    /* .defined-slider .owl-nav {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: 21px;
    } */

    .luxury .accordion-button:not(.collapsed) {
        background: #f3ece4;
        color: black;
    }

    .luxury .accordion-button:focus {
        outline: 0;
        box-shadow: unset;
    }

    .luxury figure {
        width: 100%;
        border-radius: 0;
        max-width: unset;
    }

    .luxury figure img {
        max-width: 100%;
        border-radius: 0;
        width: 100%;
    }

    .luxury figure::before {
        display: none;
    }

    .contactform .modal-dialog .modal-body {
        padding-bottom: 40px;
    }

    .contactform .modal-dialog h1 {
        font-size: 32px;
    }

    .contactform .modal-dialog form {
        margin-top: 23px;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .sidebar {
        padding-left: 20px;
    }

    .banner-content {
        padding-left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        justify-content: end;
        padding-bottom: 33px;
    }



    header .order-1 {
        width: 40%;
        flex: 1 1 40%;
    }

    .banner figure img {
        height: 600px;
        object-fit: cover;
    }

    .banner-content img {

        width: 40vw;
    }

    .video-area iframe {
        height: 350px;
    }

    .video video {
        height: auto;
    }

    .video {
        height: auto;
    }

    .value {
        margin-top: -8px;
    }

    div#aboutus {
        background-image: url(../images/aboutbg.jpg);
        background-position: right center;
    }

    button#muteButton {
        bottom: 26px;
    }

    div#aboutus:before {
        background: #000000ab;
    }


    .mbannerloogo.d-md-none {
        position: absolute;
        left: 7px;
        top: 100px;
        max-width: 100px;
    }



    .left-logo {
        display: flex;
        /* flex: 1 1 auto; */
        align-items: stretch;
        justify-content: space-between;
    }

    .left-logo>* {
        align-items: stretch;
    }

    .left-logo .line {
        width: 1px;
        height: 55px;
        flex: 0 0 auto;
        background: #ffffff70;
        margin: 0 8px;
    }

    .unitplasn {
        padding: 12vw 0;
    }

    .unitplasn #myTab button {
        font-size: 3.9vw;
        padding: 4px 10px;
    }

    .unitplasn #myTab {
        padding: 6px 2px;
        gap: 0;
    }

    .plancontent button {
        opacity: 9;
        font-size: 4vw;
        padding: 2vw 4vw;
    }

    .welcome p {
        max-width: 100%;
    }

    .video-area .owl-nav .owl-prev {
        left: -10px;
    }

    .video-area .owl-nav .owl-next {
        right: -10px;
    }

    .video-area .owl-nav button {
        width: 10vw;
        height: 10vw;
    }

    .video-area .owl-nav button img {
        width: auto;
        height: 12px;
    }

    .unitplasn .owl-nav button.owl-prev {
        left: -10px;
        top: calc(50% - 37px);
    }

    .unitplasn .owl-nav button.owl-next {
        right: -10px;
        top: calc(50% - 37px);
    }

    .unitplasn .owl-nav button {
        width: 10vw;
        height: 10vw;
    }

    .unitplasn .owl-nav button img {
        height: 12px;
    }

    .unitplasn #myTab {
        overflow-x: auto;
        justify-content: flex-start !important;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 6px 20px;
    }

    .unitplasn #myTab button {
        padding: 8px 30px;
        white-space: nowrap;
        font-size: 18px;
    }

    .unitplasn .tab-content p {
        text-align: center;
    }

    .defined-slider .owl-nav .owl-next {
        top: 100%;
        left: 0;
        right: 0;
        margin: auto;
        width: auto;
        margin-top: 17px;
    }

    .defined-slider .owl-nav .owl-next img {
        height: 18vw;
        width: auto !important;
    }

    .newbanner {
        background-image: unset !important;
    }

    video#myvideo {
        width: 100%;
        object-fit: cover;
        height: 100%;
        object-position: 90% 0%;
    }
}