/* ===== NAVBAR SECTION ===== */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');



html {
    min-height: 100%;
    scroll-padding-top: 150px
}

body {
    color: #000000;
    background-color: #ffffff;
   font-family: 'Open Sans', sans-serif;
}

@font-face {
    font-family: erstoria;
    src: url(Montserrat-fonts/erstoria.otf);
    font-display: swap;
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(Montserrat-fonts/Montserrat-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(Montserrat-fonts/Montserrat-Medium.ttf);
    font-display: swap;
}

/* Font Awesome Thin (Use actual name and intended usage) */
@font-face {
    font-family: 'FontAwesome-Thin';
    src: url('Montserrat-fonts/fa-thin-100.woff2') format('woff2');
    font-display: swap;
}

/* Flaticon (Use a unique font-family name) */
@font-face {
    font-family: 'Flaticon-Beauly';
    src: url('Montserrat-fonts/flaticon_beauly.ttf') format('truetype');
    font-display: swap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    
}

p {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
     font-family: 'Lora', serif;

}

.container {
    max-width: 1300px !important;
}

.nav-menu {
    background: transparent;
    padding: 30px 0px 0px 0px;
    position: fixed;
    width: 100%;
    z-index: 1;
    transition: all 0.4s;
}

.btn-click {
    background-color: #265C8C !important;
    color: #FFFFFF !important;
    padding: 12px 25px;
}

img {
    max-width: 100%;
}

a:hover {
    text-decoration: none !important;
}

small {
    font-size: 18px;
    font-weight: 400;
}


/* ---------------------------------- */

.tp_hdr {
    background: linear-gradient(94.64deg, rgba(0, 0, 0, 0.8) 7.34%, rgba(93, 81, 54, 0.8) 62.64%, rgba(203, 177, 118, 0.8) 95.64%);
    color: #fff;
    /* height: 85px; */
    display: block;
    padding-top: 10px;
}

.tp_hdr-p {
    font-size: 12px;
    font-weight: 600;
}


/* ----------------------------------------- */


/* -------------sc1------------------------- */

.sc {
    margin-top: 5%;
    margin-bottom: 5%;
}

h2 {
    color: #CBB176;
}

.maincolor {
    color: #CBB176;
}

.sz-16 {
    font-size: 16px;
}

.sz-14 {
    font-size: 14px;
}

.sz-12 {
    font-size: 12px;
}

.sc2_bg {
    background: url(../img/hero-img.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    height: 100vh;
   
    object-fit: cover;
}

.schr3_bg {
    background: url(../img/hero-img2.png);
    background-size: cover;
    position: relative;
    height: 100vh;
    margin-top: -2%;
    padding-top: 6%;
    padding-bottom: 6%;
    object-fit: contain;
}

.schr4_bg {
    background: url(../img/hero-img3.png);
    background-size: cover;
    position: relative;
    height: 100vh;
    margin-top: -2%;
    padding-top: 6%;
    padding-bottom: 6%;
    object-fit: contain;
}

.sc1_bg {
    /* background: linear-gradient(94.64deg, rgba(0, 0, 0, 0.8) 7.34%, rgba(93, 81, 54, 0.8) 62.64%, rgba(203, 177, 118, 0.8) 95.64%); */
    background: linear-gradient(15.03deg, rgba(0, 0, 0, 0.8) 11.23%, rgba(93, 81, 54, 0.8) 59.97%, rgba(203, 177, 118, 0.48) 89.04%);
    position: relative;
    background-size: cover;
    background-position: bottom;
    height: 100%;
    /* margin-top: -10%; */
    padding-top: 10%;
    padding-bottom: 6%;
}

.sc1_h1 {
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-family: 'Cinzel', serif;
    font-weight: 700;
    line-height: 21px;
    margin-top: 8%;
    margin-bottom: 0px;
}

.sc1_h2 {
    color: rgba(255, 255, 255, 1);
    font-size: 48px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 2px;
    font-family: 'Cinzel', serif;
    margin-bottom: 0px;
}

.sc1_p {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
   font-family: 'Cinzel', serif;
    font-weight: 500;
    line-height: normal;
    font-family: 'Cinzel', serif ;

}

.sc1_icn_p,
.sc1_icn_p a {
    color: #523b16;
    text-align: center;
    font-size: 16px;
   font-family: 'Cinzel', serif;
    font-weight: 500;
    line-height: normal;
    display: flex;
    text-decoration: none;
}


/* .sc1_flt_crd {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.10);
    margin-right: auto;
    width: 335px;
    margin-left: auto;
    display: inline-flex;
    padding: 14px 21px;
    align-items: self-start;
    gap: 22px;
    margin-top: 3%;
    height: 52px;
    text-decoration: none;
} */

.sc1_flt_crd_f1 {
    position: fixed;
    bottom: 3%;
    left: 32%;
    right: 32%;
    z-index: 1000;
    margin-bottom: 0%;
    margin-top: 0%;
}

.sc1_flt_crd {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.10);
    width: 235px;
    padding: 15px 0px 0px 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    position: fixed;
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    text-decoration: none;
}


/* Mobile-specific adjustments */

@media (max-width: 768px) {
    .sc1_flt_crd {
        width: 92%;
        /* Adjust for smaller screen widths */
        bottom: 5%;
        /* Slightly higher on mobile */
    }
}

.sc1_icn_p .icn_txt {
    margin-left: 5%;
}

.sc2_h2 {
    color: rgb(178, 127, 8);
    font-size: 50px;
  font-family: 'Cinzel', serif;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0.92px;
   font-family: 'Cinzel', serif;

}

.sc2_p {
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 1px;
       font-family: 'Lora', serif;

}

.frm_h_ttl1 {
    color: #000000;
    text-align: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 40px;
}

.sc1_btn {
    display: inline-block;
    align-items: center;
    margin-top: 5px;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 45px;
    border: 1px solid #B1915E;
    background: transparent;
    text-decoration: none;
    color: #B1915E !important;
     font-family: 'Lora', serif;
}

.sc1_btn:hover {
    background: #B1915E;
    color: #0e0e0e !important;
}

.frm-hdr {
    border-radius: 10px 10px 0px 0px;
    background: linear-gradient(90deg, #875D1A 0%, #CBB176 100%);
    color: #fff;
    padding-top: 3%;
    padding-left: 3%;
    position: relative;
}

.frm_crd {
    border-radius: 10px;
    /* background: #FFF; */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.18) 100%);
    backdrop-filter: blur(2.5px);
    padding-bottom: 7%;
    margin-left: auto;
    margin-right: auto;
}
.frm_bttn {
    display: block; /* changed from inline-block */
    margin: 10px auto; /* centers horizontally */
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    border-radius: 45px;
    background: #B1915E;
    text-decoration: none;
    color: #fff !important;
    text-align: center;
    width: fit-content; /* optional */
      font-family: 'Lora', serif;
}

.frm_bttn:hover {
    color: #B1915E !important;
    border: 1px solid #B1915E;
    background: transparent;
}

.brdr_btn {
    display: inline-block;
    align-items: center;
    margin-top: 5px;
    padding: 2px 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 45px;
    border: 1px solid rgba(12, 52, 103, 0.10);
    background: #FFF;
    text-decoration: none;
    color: #832033;
}

.brdr_btn:hover {
    background: #832033;
    color: #fff;
}

.frm_or {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

.frm_or_blk {
    height: 50px;
    width: 50px;
    background: #B1915E;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* position: relative; */
    text-align: center;
    padding-top: 18px;
}

.frm_dvdr {
    border: 1px solid #B1915E;
    margin-top: -21px;
    /* top: 0px; */
    margin-bottom: 33px;
    z-index: -1;
    position: relative;
}

.frm_ln_blk {
    position: relative;
}

.tp_frm .form-control {
    border-radius: 5px;
    background: none;
    border: 1px solid #B1915E;
    color: #B1915E;
     font-family: 'Lora', serif;
}

.fromcard {
    padding-left: 90px;
}

.tp_frm {
    padding: 2%;
}

.tp_frm input::placeholder {
    color: #B1915E;
    /* White color for placeholder text */
    opacity: 1;
    /* Ensures full opacity for better visibility */
}

.tp_frm input:-ms-input-placeholder {
    color: #B1915E;
    /* For Internet Explorer 10-11 */
}

.tp_frm input::-ms-input-placeholder {
    color: #B1915E;
    /* For Microsoft Edge */
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(50%) sepia(30%) saturate(400%) hue-rotate(30deg);
    color: #B1915E;
    opacity: 1;
}


/* For Firefox */

input[type="date"] {
    color-scheme: dark;
}

input[type="date"] {
    background-color: transparent;
    color: #fff;
    border: 1px solid #B1915E;
}

.justify-content-evenly {
    justify-content: space-evenly;
}

.mbl_sc1_br_r {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-right: 1px solid #B1915E;
    padding: 0px 20px 0px 0px;
    box-sizing: border-box;
}


/***sc3***/

.rd-20 {
    border-radius: 20px;
}

.sc3_bg {
    background: #F9F9F9;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-top: 5%;
}

.sc3_rw_bg {
    background: url(../img/LifeatEase.png);
    position: relative;
    background-size: cover;
    background-position: center center;
    height: 450px;
    margin-top: 0%;
    padding-top: 6%;
    padding-bottom: 6%;
    border-radius: 0px;
}

.sc3_log {
    height: 50px;
    width: auto;
    margin-bottom: 5%;
}


/***sc3***/

.sc3_h1 {
    color: #FFF;
    font-family: 'Cinzel', serif !important;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 74px;
    /* 125% */
    letter-spacing: 2px;
}

.sc3_btn {
    display: inline-block;
    padding: 8px 18px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 45px;
    border: 1px solid transparent;
    background: #B1915E;
    text-decoration: none;
    color: #fffffe;
    text-align: center;
     font-family: 'Lora', serif;

}

.sc3_btn:hover {
    background: #ffffff;
    color: #B1915E;
}

.sc3_blk {
    margin-left: 9%;
    margin-top: 5%;
}

.sc3_blk2 {
    margin-top: 24%;
    margin-right: 5%;
}

.sc1_h5 {
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-top: 2%;
    margin-bottom: 3%;
}

.sc2_h2it {
    color: rgb(178, 127, 8);
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 75px;
    letter-spacing: 0.92px;
    font-family: 'Cinzel', serif !important;
}


/***sc3***/


/***sc4***/

.sc4p {
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    color: rgb(0, 0, 0);
     font-family: 'Lora', serif;

}

.sc4-5 {
    font-size: 26px;
    font-weight: 400;
    font-family: 'Cinzel', serif !important;
    line-height: 40px;
}

.sc5-h5 {
    font-size: 19px;
    font-weight: 400;
    line-height: 32px;
    color: rgb(0, 0, 0);
    font-family: 'Cinzel', serif !important;
}

.sc5-p1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 14px;
    color: rgb(0, 0, 0);
       font-family: 'Lora', serif;

}

.sc5-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;  /* Align items to the start (left) */
    justify-content: flex-start;  /* Align content to the top */
    height: 100%;
}


.sc5-content h5 {
    margin-top: 1rem;
    min-height: 60px;
    /* Adjust if needed */
    display: flex;
    align-items: center;
    justify-content: center;
}

.sc5-content p {
    margin-top: auto;
}


/***sc5***/

.sc5-h3 {
    font-size: 36px;
    font-weight: 400;
    line-height: 75px;
     font-family: 'Lora', serif;

}

.sc6-p {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
}

.sc6-p1 {
   font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 5px;
}

.sc7-h2 {
    font-size: 30px;
    font-weight: 500;
    color: #000000;
     font-family: 'Cinzel', serif !important;
    
}

.sc7_El {
    color: rgba(203, 177, 118, 1);
    font-size: 36px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 0.92px;
    font-family: 'Cinzel', serif !important;
}

.sc7-p {
    font-size: 15px;
    font-weight: 600;
    color: #B1915E;
}

.sc9-p {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
}

.mbl_txt_blk_h1-f {
    color: #FDE897;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0%;
    padding: 0px;
    font-family: 'Open Sans', sans-serif !important;
}

.mbl_txt_blk_h1-f span {
    color: #FDE897;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif !important;
}

.mbl_txt_blk_h1-fpspan {
    color: #FDE897;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif !important;
}

.mbl_txt_blk_h1 {
    color: #FDE897;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0px;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif !important;
}

.mbl_txt_blk_h1 span {
    color: #FDE897;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif !important;
}

.mbl_sc1_br_hearo {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-right: 2px solid rgba(255, 255, 255, 0.8);
    padding: 0px 20px 0px 0px;
    box-sizing: border-box;
}

.sc8-rd {
    border-radius: 20px;
}

img.blurred {
    filter: blur(10px);
    transition: filter 0.3s ease;
}

.sc8-ma {
    font-weight: 400;
    font-size: 54px;
    line-height: 68px;
    color: rgba(203, 177, 118, 1);
    font-family: 'Cinzel', serif !important;
}


/***sc9***/

.sc9-h2 {
    font-size: 60px;
    font-weight: 400;
    line-height: 74px;
    color: rgba(203, 177, 118, 1);
    font-family: 'Cinzel', serif !important;
}

.sc9-h2-p {
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
     font-family: 'Lora', serif;
}

.sc9 {
    position: relative;
    margin-top: 5%;
    padding-bottom: 5%;
}

.sc9_bg_h6 {
    color: #CBB176;
    font-family:'Cinzel', serif !important;
    font-size: 101.986px;
    font-style: normal;
    font-weight: 900;
    line-height: 127.26px;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    opacity: 0.03;
}

.sc9_h2 {
    color: #CBB176;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    top: 3%;
}

.sc9_p1 {
    color: #051F33;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.52px;
    margin-top: 14%;
    margin-bottom: 1%;
}

.sc9_p2 {
    color: #777;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 7%;
}

.sc9_btn {
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 45px;
    border: 1px solid transparent;
    background: #fff;
    text-decoration: none;
    color: #937039;
}

.sc9_btn:hover {
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 45px;
    border: 1px solid transparent;
    background: #937039;
    text-decoration: none;
    color: #fff;
}

.dp-center {
    text-align: center;
}

.dp-cd {
    text-align: center;
}

.sc9_btn2 {
    display: inline-block;
    text-decoration: none;
    position: absolute;
    top: 33%;
    right: 47%;
}


/* .sc9_btn2:hover {
    display: inline-block;
    margin-top: 4%;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 45px;
    border: 1px solid rgba(12, 52, 103, 0.10);
    background: #FFF;
    text-decoration: none;
    color: #937039;
    position: absolute;
    top: 33%;
    right: 43%;
} */

.sc9_img_01 {
    border-radius: 20px;
}

.sc9 {
    color: #051F33;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.36px;
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%;
    /* Centers the buttons vertically */
    transform: translateY(-50%);
    /* Ensures exact vertical centering */
    background-color: #00000066;
    /* Semi-transparent circular background */
    border-radius: 50%;
    /* Circular shape */
    width: 40px;
    /* Adjust the size */
    height: 40px;
    /* Circular consistency */
    display: flex;
    align-items: center;
    justify-content: center;
    /* Ensures the icon is centered inside */
    padding: 5px;
    /* Space around the icon */
    outline: none;
    /* Removes focus outline */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: transparent;
    /* Keeps the icon clean */
    width: 16px;
    /* Smaller icon size */
    height: 16px;
}

.carousel-control-prev {
    left: 70px;
    /* Adjust horizontal position for 'Prev' button */
}

.carousel-control-next {
    right: 70px;
    /* Adjust horizontal position for 'Next' button */
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    background-color: #00000099;
    /* Darker background on hover */
}

.sc10_h2 {
    color: rgba(203, 177, 118, 1);
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 0.92px;
    font-family: 'Cinzel', serif !important;
}

.sc10_h2-p {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

.sc10_h2-2 {
    color: rgba(203, 177, 118, 1);
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 0.92px;
    font-family: 'Cinzel', serif !important;
}


/***sc11***/

.sc11 span {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.sc11 {
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.frm_crd-ft {
    backdrop-filter: blur(2.5px);
    padding-bottom: 7%;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.tp_frm_ft .form-control {
    border-radius: 5px;
    background: none;
    border: 1px solid #B1915E;
    color: #B1915E;
     font-family: 'Lora', serif;
}

.tp_frm_ft {
    padding: 2%;
}

.tp_frm_ft input::placeholder {
    color: #fff;
    /* White color for placeholder text */
    opacity: 1;
    /* Ensures full opacity for better visibility */
}

.tp_frm_ft input:-ms-input-placeholder {
    color: #fff;
    /* For Internet Explorer 10-11 */
}

.tp_frm_ft input::-ms-input-placeholder {
    color: #fff;
    /* For Microsoft Edge */
}

.tp_frm_ft input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(50%) sepia(30%) saturate(400%) hue-rotate(30deg);
    color: #fff;
    opacity: 1;
}


/* For Firefox */

.tp_frm_ft input[type="date"] {
    color-scheme: dark;
}

.tp_frm_ft input[type="date"] {
    background-color: transparent;
    color: #fff;
    border: 1px solid #B1915E;
}

.sc_ft {
    background: linear-gradient(90deg, #000000 0%, #CBB176 100%);
    padding-top: 5%;
    padding-bottom: 5%;
}

.sc_ft-p {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
}

.sc_ft-end {
    text-align: end;
}

.sc_ft2 {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sc_ft2-a {
    font-size: 14px;
    font-weight: 400;
    color: #000 !important;
}

.height-ph {
    height: 450px;
}

.sc1-phone-dp {
    display: none;
}

.frm-hdr-modal {
    border-radius: 3px 3px 0px 0px;
    background: linear-gradient(90deg, #875D1A 0%, #CBB176 100%);
    color: #fff;
    padding-top: 3%;
    padding-left: 3%;
    position: relative;
}

.carousel-control-prev-floor {
    left: 40px;
}

.carousel-control-next-floor {
    right: 40px;
}

.carousel-control-prev-floor,
.carousel-control-next-floor {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #00000066;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    outline: none;
}

.sc12_h2 {
    color: rgba(203, 177, 118, 1);
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: 0.92px;
    font-family: 'Cinzel', serif !important;
}

.pagesbg {
    background: #000;
}

.thanku {
    background: linear-gradient(15.03deg, rgba(0, 0, 0, 0.8) 11.23%, rgba(93, 81, 54, 0.8) 59.97%, rgba(203, 177, 118, 0.48) 89.04%), url(../img/thank.html);
    position: relative;
    background-size: cover;
    background-position: center center;
    height: 450px;
    margin-top: 0%;
    padding-top: 6%;
    padding-bottom: 6%;
    border-radius: 0px;
}


/* -----------------------------------phone ------------------------------------------- */

@media screen and (max-width:767px) {
    .tp_hdr-p {
        font-size: 7px;
        font-weight: 500;
    }
    .sc1-phone-dp {
        display: block;
    }
    .nav-menu {
        padding: 10px 0px 10px 0px;
        position: fixed;
        width: 100%;
        z-index: 1;
        transition: all 0.4s;
    }
    .tp_hdr {
        background: linear-gradient(94.64deg, rgba(0, 0, 0, 0.8) 7.34%, rgba(93, 81, 54, 0.8) 62.64%, rgba(203, 177, 118, 0.8) 95.64%);
        color: #fff;
        height: 40px;
        display: block;
    }
    .sc_ft-end {
        text-align: start;
    }
    .phne-top {
        margin-top: 20px;
    }
    .sc_ft-p {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
    }
    .sc1_bg-ph {
        background: linear-gradient(180deg, rgba(203, 177, 118, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
        padding-top: 100px;
    }
    .sc1-phone-hid {
        display: none;
    }
    .sc1ph-h2 {
        font-size: 16px;
        font-weight: 500;
        color: rgb(0, 0, 0);
        margin-bottom: 8px;
    }
    .sc1ph-h1 {
        font-size: 30px;
        font-weight: 600;
        line-height: 35px;
        color: rgba(203, 177, 118, 1);
        font-family: 'Cinzel', serif;
        margin-bottom: 0px;
        letter-spacing: 2px;
    }
    .brnone {
        display: none;
    }
    .sc1ph-img {
        border-radius: 20px;
    }
    .sc1ph-h2bk {
        font-size: 16px;
        line-height: 23px;
        font-weight: 700;
        color: rgb(0, 0, 0);
        text-transform: uppercase;
    }
    .sc1ph-h2bk span {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        color: #fff;
    }
    .sc1_btn {
        display: inline-block;
        align-items: center;
        margin-top: 5px;
        padding: 5px 20px;
        font-size: 14px;
        font-weight: 600;
        border-radius: 45px;
        border: 1px solid #000000;
        background: transparent;
        text-decoration: none;
        color: rgb(0, 0, 0) !important;
    }
    .sc2_h2 {
        color: rgba(203, 177, 118, 1) !important;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0.92px;
        font-family: 'Cinzel', serif !important;
        text-transform: capitalize;
    }
    .sc2_p {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
    }
    .sc3_h1 {
        color: #FFF;
        font-family: 'Cinzel', serif !important;
        font-size: 35px;
        font-style: normal;
        font-weight: 600;
        line-height: 40px;
        letter-spacing: 0.96px;
    }
    .sc4ph-3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        color: rgba(203, 177, 118, 1);
        font-family: ''Open Sans', sans-serif', sans-serif;
    }
    .sc4ph-p {
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        color: #fff;
    }
    .sc4-card {
        border: 1px solid rgba(203, 177, 118, 1);
        margin: 8px;
        border-radius: 20px;
        padding: 10px;
    }
    .carousel-control-prev {
        left: 10px;
    }
    .carousel-control-next {
        right: 10px;
    }
    .carousel-control-prev,
    .carousel-control-next {
        position: absolute;
        top: 35%;
        transform: translateY(-50%);
        background-color: #00000066;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        outline: none;
    }
    .sc7_El {
        color: rgba(203, 177, 118, 1) !important;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0.92px;
        font-family: 'Cinzel', serif !important;
        text-transform: capitalize;
    }
    .sc8-ma {
        color: rgba(203, 177, 118, 1) !important;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0.92px;
        font-family: 'Cinzel', serif !important;
        text-transform: capitalize;
    }
    .sc9-h2 {
        color: rgba(203, 177, 118, 1) !important;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0.92px;
        font-family: 'Cinzel', serif !important;
        text-transform: capitalize;
    }
    .sc9-h2-p {
        font-size: 16px;
        font-weight: 400;
        line-height: 29px;
         font-family: 'Lora', serif;
    }
    .sc10_h2-2 {
        color: rgba(203, 177, 118, 1) !important;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0.92px;
        font-family: 'Cinzel', serif !important;
        text-transform: capitalize;
    }
    .sc5-pn-rd {
        border-radius: 20px;
    }
    .h-230 {
        height: 230px;
    }
    .sc8-bg-phone {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, #212529 100%);
        padding-top: 100px;
        /* border-radius: 230px 230px 0px 0px; */
    }
    .mbl_sc1_br_r1 {
        display: flex;
        flex-direction: column;
        height: 100%;
        border-right: 1px solid #B1915E;
        padding: 0px 10px 0px 10px;
        box-sizing: border-box;
        /* border-bottom: 1px solid #B1915E; */
    }
    .mbl_sc1_br_r3 {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #B1915E;
        padding: 0px 10px 0px 10px;
        box-sizing: border-box;
        /* border-bottom: 1px solid #B1915E; */
    }
    .mbl_sc1_br_r5 {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #B1915E;
        padding: 10px 10px 0px 10px;
        box-sizing: border-box;
    }
    .mbl_sc1_br_r2 {
        display: flex;
        flex-direction: column;
        padding: 0px 10px 0px 10px;
        box-sizing: border-box;
        /* border-bottom: 1px solid #B1915E; */
    }
    .mbl_sc1_br_r4 {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 0px 10px 0px 10px;
        box-sizing: border-box;
        /* border-bottom: 1px solid #B1915E; */
    }
    .mbl_sc1_br_r11 {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 10px 10px 0px 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #B1915E;
    }
    .mbl_sc1_br_r6 {
        padding: 10px 10px 0px 10px;
    }
    .sc7ph-12 {
        font-size: 12px;
    }
    .sc7h2-p {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        color: #000000;
    }
    .sc7ph-p {
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        color: rgba(203, 177, 118, 1);
    }
    .sc8ph {
        text-align: center;
    }
    .carousel-control-prev-floor {
        left: 10px;
    }
    .carousel-control-next-floor {
        right: 10px;
    }
    .carousel-control-prev-floor,
    .carousel-control-next-floor {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: #00000066;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        outline: none;
    }
    .sc9_btn2 {
        display: inline-block;
        /* margin-top: 4%; */
        /* padding: 10px 10px; */
        /* font-size: 16px; */
        /* font-weight: 600; */
        /* border-radius: 45px; */
        /* border: 1px solid rgba(12, 52, 103, 0.10); */
        /* background: #937039; */
        text-decoration: none;
        /* color: #FFF; */
        position: absolute;
        top: 33%;
        right: 40%;
    }
    .height-ph {
        height: 300px;
    }
    .sc11 {
        color: rgba(203, 177, 118, 1);
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
    }
    .sc11 span {
        color: rgba(203, 177, 118, 1);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
    }
    .sc_fm {
        padding: 22px;
        border: 1px solid #B1915E;
        border-radius: 20px;
    }
    .frm_crd-ft {
        backdrop-filter: blur(2.5px);
        padding-bottom: 7%;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .scfm-p {
        font-size: 11px;
    }
    .phn-tp {
        margin-top: 80px;
    }
    .dp-center {
        text-align: start;
    }
    .dp-cd {
        text-align: center;
    }
}

@media screen and (max-width:1023px) {}

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

.project-highlights {
  list-style-type: disc;
  padding-left: 20px;
  margin: 20px 0;
  font-size: 16px;
  line-height: 1.2;
  color: #ffffff;
   font-family: 'Lora', serif;

}

.project-highlights li {
  margin-bottom: 10px;
}

.project-highlights-mob {
  list-style-type: disc;
  padding-left: 20px;
  margin: 20px 0;
  font-size: 16px;
  line-height: 1.2;
  color: #000000;
   font-family: 'Lora', serif;

}

.project-highlights-mob li {
  margin-bottom: 10px;
}

.sc1_h5_mob {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-top: 2%;
    margin-bottom: 3%;
     font-family: 'Lora', serif;

}

.dektop-optioms {
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, #212529 100%);
        padding-top: 100px;
}
.sc6-list {
    color: #ffffff;
     font-family: 'Lora', serif;

}

.floorplan-container {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  max-width: 1000px;
  margin: 40px auto;
}

.floorplan-thumbnails {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.floorplan-thumbnails img {
  width: 100px;
  height: auto;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 6px;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.floorplan-thumbnails img:hover {
  transform: scale(1.05);
}

.floorplan-thumbnails img.active-thumb {
  border-color: #caa86b;
}

.floorplan-viewer {
  flex: 1;
}

#main-image {
  width: 100%;
  max-height: 400px;
  object-fit: contain;
  /* border: 1px solid #ccc; */
  border-radius: 10px;
}

.carousel-img-wrapper {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.carousel-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 768px) {
  .carousel-img-wrapper {
    height: 250px;
  }
}

@media (max-width: 480px) {
  .carousel-img-wrapper {
    height: 180px;
  }
}