body,
html {
overflow-x: hidden;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
}
img {
display: block;
width: 100%;
}
a {
text-decoration: none;
}
ul {
list-style-type: none;
}
.container {
display: block;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0px 40px;
}
.nav_wrap {
position: fixed;
width: 100%;
background-color: rgba(0, 0, 0, 0.23);
z-index: 999;
transition: all ease-in-out 0.5s;
}
.nav_inner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
img.t_logo {
max-width: 160px;
}
.nav_items ul li {
display: inline-block;
padding: 0 25px;
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 19px;
font-style: normal;
font-weight: 500;
line-height: 29px;
text-transform: uppercase;
}
.nav_items ul li a {
color: #fff;
}
.nav_pho_mil ul li a {
color: #FFF;
text-align: center;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 22px;
}
.nav_pho_mil ul {
margin-bottom: 7px;
}
a.dwl_btn {
color: #000;
text-align: center;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
background: #fff;
padding: 0px 20px;
border-radius: 5px;
margin-left: 96px;
display: inline-block;
height: 43px;
line-height: 43px;
}
.banner_inner {
position: relative;
height: 100vh;
overflow: hidden;
}
.amen_lil_img:hover img {
transform: scale(1.1);
}
.amen_lil_img img {
transition: all ease-in-out 1s;
}
.ban_text {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
width: 100%;
}
.ban_text h2 {
color: #FFF;
text-align: center;
font-family: 'DM Serif Display', serif;
font-size: 55px;
font-style: normal;
font-weight: 400;
line-height: 72px;
}
.ban_text h2 span {
font-size: 37px !important;
}
.ban_bot_list {
position: absolute;
bottom: 0;
left: 0px;
right: 0px;
}
.ban_bot_list ul {
display: flex;
justify-content: center;
max-width: 100%;
padding: 0px 30px;
}
.banner_inner .container {
position: relative;
}
.bot_f_list {
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 19px;
font-style: normal;
font-weight: 600;
line-height: 29px;
border-right: 1px solid #fff;
padding: 0 2.2vw 15px;
text-align: left;
}
li.png_text span {
margin-bottom: 10px;
display: block;
}
.ban_bot_list ul li:nth-child(7) {
border-right: none;
}
.ban_bot_list ul li span img {
max-width: 40px;
margin: 0 auto;
max-height: 50px;
}
li.png_text {
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 20px;
border-right: 1px solid #fff;
padding: 0 2.2vw 15px;
text-align: center;
}
.loc_main {
padding: 30px 0;
}
.loc_wrap {
background-color: rgba(165, 121, 82, 1);
}
.loc_main h2 {
color: rgba(206, 156, 112, 1);
font-family: 'Inter', sans-serif;
font-size: 9vw;
font-style: normal;
font-weight: 800;
line-height: 140px;
letter-spacing: 10.32px;
text-transform: uppercase;
}
.loc_main h3 {
color: #FFF;
font-family: DM Serif Display;
font-size: 58px;
font-style: normal;
font-weight: 400;
line-height: 45px;
letter-spacing: 4.64px;
display: inline;
margin-left: 25px;
}
.building_inner {
display: flex;
width: 100%;
justify-content: space-between;
align-items: flex-end;
}
.build_text {
display: block;
width: 100%;
max-width: 43%;
}
.two_building {
display: flex;
width: 100%;
max-width: 60%;
}

.sml_buld {
margin-top: 30px;
}

.pos_img {
margin: -75px 0 30px 30px;
}

.pos_img img {
max-width: 400px;
}

.buld_2 {
margin: 5px 0 0 30px;
}

.build_text {
padding-left: 50px;
}

.build_text p {
color: #666;
font-family: 'Inter', sans-serif;
font-size: 3.3vw;
font-style: normal;
font-weight: 400;
line-height: 4.7vw;
padding: 30px 50px 0px 0px;
}

.downloadlink a {
line-height: normal;
}

.build_text p strong {
font-weight: 700;
}

.kn_mr {
display: block;
color: #896544;
font-family: 'Inter', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 70px;
text-transform: uppercase;
}

a.buid_btn {
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 40px;
text-transform: uppercase;
background-color: rgba(137, 101, 68, 1);
display: inline-block;
padding: 15px 35px;
margin-top: 2vw;
transition: all ease-in-out 0.6s;
border: 1px solid #886546;
}

a.buid_btn:hover {
background: #fff;
color: #886546;
border: 1px solid #886546;
}

a.dwl_btn {
transition: all ease-in-out 0.6s;
}

a.dwl_btn:hover {
background-color: rgba(137, 101, 68, 1);
color: #fff;
}

img.ar_pic {
max-width: 24px;
display: inline;
vertical-align: middle;
}

.area_sec {
background-color: rgba(165, 121, 82, 1);
margin-top: 50px;
}

.downloadlink {
margin-top: 30px;
margin-top: 2.4vw;
}

.area_main {
padding: 100px 0 70px;
display: flex;
width: 100%;
text-align: center;
}

.for_mar {
margin-bottom: 90px;
}

.bord {
display: block;
width: 100%;
max-width: 33.33333%;
border-right: 2px solid #B88A62;
}

.bord:nth-child(3) {
border-right: none;
}

.area_h2 {
color: #FFF;
font-family: DM Serif Display;
font-size: 95px;
font-style: normal;
font-weight: 400;
line-height: 76px;
text-transform: capitalize;
}

.area_p {
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-top: 30px;
}

.exp_main {
display: block;
width: 100%;
position: relative;
}

.exp_main:after {
content: '';
position: absolute;
width: 100%;
top: 0px;
bottom: 0px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 55.22%, rgba(0, 0, 0, 0.00) 100%);
}

.exp_ban_text {
position: absolute;
top: 25%;
padding: 0 50px;
z-index: 1;
}

.amen_main:hover img {
transform: scale(1.1);
}

.amen_main img {
transition: all ease-in-out 1s;
}

.exp_ban_text h2 {
color: #FFF;
font-family: DM Serif Display;
font-size: 58px;
font-style: normal;
font-weight: 400;
line-height: 81px;
text-align: center;
}

.exp_ban_text h3 {
color: #FFF;
text-align: center;
font-family: DM Serif Display;
font-size: 48px;
font-style: italic;
font-weight: 400;
line-height: 71px;
text-align: center;
}

.Amenities_sec {
background: #A57952;
padding: 60px 0;
}

.amen_main {
overflow: hidden;
position: relative;
}

.amen_main:after {
content: '';
clear: both;
position: absolute;
width: 100%;
top: 0px;
bottom: 0px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 55.22%, rgba(0, 0, 0, 0.00) 100%);
}

.am_ban_had {
position: absolute;
bottom: 30px;
left: 30px;
z-index: 1;
}

.am_ban_had h2 {
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 33px;
font-style: normal;
font-weight: 600;
line-height: 70px;
}

.amen_text {
padding: 0 0 50px 0;
}

.amen_text h2 {
color: #FFF;
text-align: center;
font-family: DM Serif Display;
font-size: 72px;
font-style: normal;
font-weight: 400;
line-height: 80px;
margin-bottom: 20px;
}

.amen_text p {
color: #FFF;
text-align: center;
font-family: 'Inter', sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 6.44px;
text-transform: uppercase;
}

.amen_grid {
display: grid;
width: 100%;
align-items: center;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
margin-top: 40px;
position: relative;
}

.amen_lil_img {
display: block;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}

.amen_lil_img:after {
content: '';
clear: both;
position: absolute;
width: 100%;
top: 0px;
bottom: 0px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 55.22%, rgba(0, 0, 0, 0.00) 100%);
}

.amen_lil_text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
width: 90%;
}

.amen_lil_text h3 {
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 36px;
text-transform: uppercase;
text-align: center;
}

section.view_sec {
margin: 50px 0px 100px 0px;
}

.view_main {
display: flex;
width: 100%;
flex-wrap: wrap;
}

.verti_text {
display: block;
width: 100%;
max-width: 23%;
background-color: rgba(137, 101, 68, 1);
writing-mode: vertical-rl;
padding: 50px 0;
}

.verti_text h2 {
color: rgba(149, 112, 77, 1);
font-family: 'Inter', sans-serif;
font-size: 135px;
font-style: normal;
font-weight: 700;
line-height: 25vw;
letter-spacing: -3px;
text-transform: uppercase;
transform: rotate(180deg);
}

.otr_text {
display: block;
width: 100%;
max-width: 77%;
}

.view_sec .otr_text h3 {
color: #000;
font-family: 'Inter', sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: 70px;
letter-spacing: 6.44px;
text-transform: uppercase;
padding: 0 80px;
}

.view_sec .otr_text h2 {
color: #666;
font-family: DM Serif Display;
font-size: 70px;
font-style: normal;
font-weight: 400;
line-height: 80px;
padding: 0 80px;
margin-bottom: 10px;
}

.view_sec .otr_text p {
color: #666;
font-family: 'Inter', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 40px;
padding: 0 80px;
}

.view_sec .slid_wrap {
margin-left: -180px;
}

.slid_inner_view {
padding: 30px 10px;
}

.view_wrap {
display: flex;
}

.slid_two .slid_wrap {
z-index: 1;
position: relative;
margin-right: -162px;
}

.form_sec {
display: block;
width: 100%;
background-image: url(../images/skybg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-attachment: fixed;
}

.form_sec:after {
content: '';
clear: both;
position: absolute;
width: 100%;
top: 0px;
bottom: 0px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 55.22%, rgba(0, 0, 0, 0.00) 100%);
}

.form_wrap {
z-index: 9;
position: relative;
}

.form_heading h2 {
color: #FFF;
font-family: DM Serif Display;
font-size: 70px;
/* font-size: 56px; */
font-style: normal;
font-weight: 400;
line-height: 94px;
/* line-height: 80px; */
;
}

.fieldswrap {
max-width: calc(33% - 20px);
width: 100%;
display: inline-block;
}

p.errors {
color: red;
padding-left: 13px;
font-family: Inter;
}

p.successmsg {
color: #fff;
font-family: Inter;
font-size: 17px;
font-style: normal;
margin-top: 10px;
}

input.inp_lab {
padding: 15px 50px 15px 20px;
color: #666;
margin: 35px 10px;
width: 100%;
border: none;
height: 57px;
font-size: 23px;
float: left;
}

/* input.inp_lab:nth-child(1) {

margin: 35px 10px 0 0;

} */

label {
color: #FFF;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}

.form_main {
display: block;
width: 80%;
margin: 0 auto;
padding: 160px 0;
}

.sub {
color: #FFF;
font-family: Inter;
font-size: 27px;
font-style: normal;
font-weight: 600;
line-height: 29px;
text-transform: uppercase;
background: #B88A62;
padding: 22px 30px;
border: none;
cursor: pointer;
transition: all ease-in-out 0.6s;
}

.sub:hover {
background: #fff;
color: #b78a64;
}

.for_check_lab {
margin: 0 0 30px 0;
}

.footer_sec {
display: block;
width: 100%;
/* background-image: url("../images/footbg.png"); */
background-repeat: no-repeat;
background-size: 55%;
background-color: rgba(137, 101, 68, 1);
background-blend-mode: soft-light;
}

.ban_bot_list ul li:last-child span img {
max-width: 50px;
}

.foot_logo {
max-width: 200px;
margin: 0 auto;
padding: 50px 0;
}

.foot_details ul {
text-align: center;
}

li.foot_list {
display: inline-block;
padding: 0 30px;
text-align: center;
}

li.foot_list a {
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 500;
line-height: 29px;
text-transform: uppercase;
}

.location {
text-align: center;
}

.location p {
text-align: center;
padding: 30px 0;
color: #FFF;
text-align: center;
font-family: 'Inter', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 31px;
}

.location a img {
max-width: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

.location a {
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 31px;
text-align: center;
}

.faq_sec ul {
text-align: center;
}

.faq_sec ul li {
display: inline-block;
padding: 100px 0px 20px;
text-align: center;
}

.faq_sec ul li a {
color: #FFF;
text-align: center;
font-family: 'Inter', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 31px;
text-transform: uppercase;
}

.faq_sec ul li:after {
margin: 0 30px;
content: "";
clear: both;
display: inline-block;
height: 12px;
width: 1px;
background: #C7A88B;
}

.faq_sec ul li:nth-child(3):after {
margin: 0 30px;
content: "";
clear: both;
display: inline-block;
height: 12px;
width: 1px;
background: #fff;
display: none;
}

.progress,
.progress-bar {
display: block;
width: calc(100% - 306px);
height: 2px;
border-radius: 0px;
overflow: hidden;
background-color: #f5f5f5;
background-image: linear-gradient(to right, #666666, #666666);
background-repeat: no-repeat;
background-size: 0 100%;
transition: background-size .4s ease-in-out;
margin-left: 80px;
margin-top: 25px;
}

.sr-only,
.sr-only-bar {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}

.amen_grid_thumb p {
color: #000;
font-family: Inter;
font-size: 23px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.46px;
padding: 0px;
}

.slick-list {
padding-left: 0px !important;
}

.amen_grid_thumb {
margin: 0px 80px;
}

.amen_grid_thumb .slick-arrow {
transition: all ease-in-out 0.4s;
}

.amen_grid_thumb .slick-prev,
.for_one_slider .slick-prev {
right: 70px;
background: #D9D9D9;
left: auto;
width: 60px;
height: 60px;
z-index: 9;
top: 61px;
}

.amen_grid_thumb .slick-prev:hover,
.amen_grid_thumb .slick-next:hover,
.for_one_slider .slick-next:hover,
.for_one_slider .slick-next:active,
.for_one_slider .slick-next:focus {
background: #D9D9D9;
}

.amen_grid_thumb .slick-next,
.for_one_slider .slick-next {
right: 0px;
background: #D9D9D9;
left: auto;
width: 60px;
height: 60px;
left: auto;
z-index: 9;
top: 61px;
}

.amen_grid_thumb .slick-next:before,
.for_one_slider .slick-next:before {
background: url(../images/right-arrow-tri.svg);
color: transparent;
background-size: 30px;
display: inline-block;
font-size: 0px;
width: 30px;
height: 30px;
background-position: center;
}

.amen_grid_thumb .slick-prev:before,
.for_one_slider .slick-prev:before {
background: url(../images/left-arrow-tri.svg);
color: transparent;
background-size: 30px;
display: inline-block;
font-size: 0px;
width: 30px;
height: 30px;
background-position: center;
}

.for_one_slider .slick-prev {
top: 50%;
display: none !important;
}

.for_one_slider .slick-next {
top: 50%;
right: -75px;
}

.slid_two .verti_text h2 {
letter-spacing: -8px;
}

.nav_wrap.fixed {
background: #000;
}

.slid_two .otr_text {
padding-left: 80px;
}

.slid_two .slid_wrap {
margin-right: -100%;
}

.slid_two .otr_text h3 {
color: #000;
font-family: 'Inter', sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: 70px;
letter-spacing: 6.44px;
text-transform: uppercase;
}

.slid_two .otr_text h2 {
color: #666;
font-family: DM Serif Display;
font-size: 72px;
font-style: normal;
font-weight: 400;
line-height: 80px;
margin-bottom: 10px;
}

.slid_two .otr_text p {
color: #666;
font-family: 'Inter', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 40px;
}

.view_sec .amen_grid_thumb p {
padding-left: 0px;
}

.progress-bar {
width: calc(100% - 169px);
margin-left: 148px;
}

.sec_grid_thumb .slick-prev {
left: 70px;
background: #D9D9D9;
left: auto;
width: 60px;
height: 60px;
z-index: 9;
top: 90px;
transition: all ease-in-out 0.4s;
}

.sec_grid_thumb .slick-next {
left: 70px;
background: #D9D9D9;
width: 60px;
height: 60px;
z-index: 9;
top: 90px;
right: auto;
transition: all ease-in-out 0.4s;
}



/* .sec_grid_thumb .slick-arrow:hover  .sec_grid_thumb .slick-arrow:focus , .videosection-slider .slick-arrow:hover , .videosection-slider .slick-arrow:focus{

background: #886546;

} */



.sec_grid_thumb .slick-next:hover:before,
.sec_grid_thumb .slick-prev:hover:before,
.sec_grid_thumb .slick-next:focus:before,
.sec_grid_thumb .slick-prev:focus:before,
.videosection-slider .slick-arrow:focus:before {
filter: brightness(10);
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
background: #886546 !important;
}

.progress-bar {
margin-top: 50px;
}

.sec_grid_thumb .slick-prev:before,
.videosection-slider .slick-prev:before {
background: url(../images/left-arrow-tri.svg);
color: transparent;
background-size: 30px;
display: inline-block;
font-size: 0px;
width: 30px;
height: 30px;
background-position: center;
}

.sec_grid_thumb .slick-next:before,
.videosection-slider .slick-next:before {
background: url(../images/right-arrow-tri.svg);
color: transparent;
background-size: 30px;
display: inline-block;
font-size: 0px;
width: 30px;
height: 30px;
background-position: center;
}

.slid_two .verti_text h2 {
transform: rotate(0deg);
}

.slid_two .verti_text {
padding: 10px 0;
}

section.floor_plan {
margin-top: 80px;
}

.slid_wrap.slid_pos {
width: calc(100% - 24%);
}

.floor_plan .verti_text h2 {
}

.floor_plan .verti_text h2 {
letter-spacing: -12px;
}

.for_one_slider .item h3 {
color: #000;
text-align: center;
font-family: Inter;
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: 50px;
}

.for_one_slider .slick-dots li button:before {
font-size: 24px;
line-height: 24px;
width: 25px;
height: 25px;
}

.slick-dots li button:before {
}

.for_one_slider .slick-dots li.slick-active button:before {
opacity: 1;
color: #A57952;
}

.for_one_slider .slick-dots li button:before {
color: #D2D2D2;
}

.for_one_slider .slick-dots li button,
.for_one_slider .slick-dots li {
width: 25px;
}

.for_one_slider .slick-dots li {
margin: 0 8px;
}

.viewalllink {
margin-top: 90px;
}

.viewalllink a {
color: #FFF;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 70px;
/* 291.667% */
text-transform: uppercase;
background: #896544;
display: flex;
width: 257px;
height: 73px;
padding: 28px 45px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
transition: all ease-in-out 0.6s;
border: 1px solid #886546;
}

.viewalllink a:hover {
color: #896544;
background: #fff;
}

.floor_plan .view_wrap {
flex-wrap: wrap;
}

.viewalllink a {
margin: auto;
}

.slid_wrap.slid_pos {
margin-left: -150px;
}

section.location_sec {
display: flex;
background: #a47954;
margin-bottom: 80px;
align-items: center;
}

.location_sec_left img {
width: 100%;
}

.location_sec_left {
width: 46%;
position: relative;
padding-right: 0%;
}

.location_sec_right {
padding-left: 60px;
}

.location_sec_right h6 {
color: #FFF;
font-family: Inter;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: 70px;
letter-spacing: 6.44px;
text-transform: uppercase;
}

.location_sec_right h5 {
color: #FFF;
font-family: DM Serif Display;
font-size: 62px;
font-style: normal;
font-weight: 400;
line-height: 74px;
margin-bottom: 20px;
}

.location_sec_right h4 {
color: #fff;
font-family: Inter;
font-size: 35px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 1.75px;
text-transform: uppercase;
}

.location_sec_right ul li {
color: #FFF;
font-family: Inter;
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-bottom: 12px;
}

section.location_sec {
}

.location_sec_right ul li:before {
content: '';
width: 12px;
height: 12px;
background: #fff;
border-radius: 50% 50%;
display: inline-block;
margin-right: 17px;
}

.location_sec_right ul {
margin-top: 30px;
}



/* .for_one_slider button{

opacity: 0;

} */







.sml_buld:hover img,
.buld_2:hover img,
.pos_img:hover img {
transform: scale(1.1);
}

.sml_buld img,
.buld_2 img,
.pos_img img {
transition: all ease-in-out 1s;
}

.sml_buld,
.buld_2,
.pos_img {
overflow: hidden;
}

section.exp_sec {
background-attachment: fixed !important;
background-position: center !important;
background-size: cover !important;
}

.amen_grid_thumb .slick-next:hover,
.amen_grid_thumb .slick-prev:hover,

.amen_grid_thumb .slick-next:focus,
.amen_grid_thumb .slick-prev:focus {
background: #886546;
}

.amen_grid_thumb .slick-next:hover:before,
.amen_grid_thumb .slick-prev:hover:before,
.amen_grid_thumb .slick-next:focus:before,
.amen_grid_thumb .slick-prev:focus:before {
filter: brightness(10);
}

.slid_main_view button {
opacity: 0;
}

.nav_items ul li a:hover {
opacity: 0.7;
}

.location_sec_left img {
border-bottom: 3px solid #fff;
}

.location_sec_left a:last-child img {
border: none;
}

/* 
.location_sec_left:after {

content: '';

background: url(../images/withpoint.png);

width: 173px;

display: block;

height: 400px;

background-size: 100%;

position: absolute;

top: 37%;
right: 5%;

background-repeat: no-repeat;

} */



.astrik_sign {
position: absolute;
bottom: -4%;
right: 1%;
font-size: 40px;
color: #fff;
}

.fancybox__content {
padding: 2px !important;
}

.videosection video {
width: 100% !important;
height: auto;
display: block;
}

.ban_text h2 span {
font-size: 39px;
}

section.videosection {
padding-bottom: 60px;
}

.videosection-slider .slick-arrow {
background: #D9D9D9;
left: auto;
width: 60px;
height: 60px;
z-index: 9;
top: auto;
bottom: -105px;
transition: all ease-in-out 0.4s;
}

.videosection-slider .slick-prev {
right: 180px;
}

.videosection-slider .slick-next {
right: 110px;
}

section.videosection .progress,
section.videosection .progress-bar {
margin-top: 45px;
width: calc(100% - 339px);
}

.mobile_nav {
display: none;
}

.accordian_wrapper + .form_sec .form_inputs{
display:flex;
}
.accordian_wrapper + .form_sec .form_inputs .inp_lab{
margin: 35px 2px;
}

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



.container {
padding: 0px 15px;
}

.banner_inner {
height: auto;
}

/* mobile nav */
header.nav_wrap {
display: block;
}

.nav_main {
position: relative;
}

.nav_items {
position: absolute;
top: 100%;
left: -324px;
height: 100vh;
overflow: hidden;
width: 240px;
transition: all 1s ease-in-out;
}

.show_menu {
left: -30px;
}

.nav_items ul {
background-color: #000;
padding: 50px;
height: 100%;
}

.nav_items ul li {
display: block;
line-height: 80px;
padding: 0 60px 0 0;
font-size: 16px;
}

a.dwl_btn {
display: none;
}

.nav_pho_mil {
text-align: end;
width: auto;
}

/* mobile nav end */

.bannerimage {
height: 60vh;
}

.ban_text {
position: absolute;
top: 25%;
left: 0;
transform: none;
}

.ban_text h2 {
font-size: 30px;
line-height: 40px;
}

.ban_bot_list {
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
overflow-x: scroll;
}

.ban_bot_list ul {
padding: 0px 0px;
justify-content: normal;
}

.mobile_nav {
display: block;
color: #fff;
font-size: 35px;
width: 5%;
}

.nav_logo {
width: 30%;
}

.nav_pho_mil ul li a {
font-size: 9px;
}

.bot_f_list {
font-size: 15px;
padding: 0 2.2vw 0px;
min-width: 40%;
text-align: center;
line-height: normal;
display: flex;
justify-content: center;
align-items: center;
}

li.png_text {
font-size: 12px;
padding: 0 2.2vw 0px;
min-width: 40%;
text-align: center;
display: grid;
line-height: normal;
}

.ban_bot_list ul li span img {
max-width: 30px;
margin: 0 auto;
max-height: 40px;
}

section.exp_sec {
background-attachment: local !important;
}

.ban_bot_list ul li:last-child span img {
max-width: 40px;
}

.loc_main h2 {
font-size: 30px;
line-height: 50px;
letter-spacing: 5px;
}

.loc_main h3 {
font-size: 25px;
line-height: 40px;
margin-left: 0px;
}

.building_inner {
flex-direction: column;
}

.build_text {
display: block;
width: 100%;
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
}

.build_text p {
font-size: 16px;
line-height: 30px;
padding: 30px 0px 30px 0px;
}

.kn_mr {
font-size: 15px;
line-height: normal;
}

a.buid_btn {
font-size: 16px;
line-height: 30px;
padding: 10px 10px;
margin-top: 0vw;
}

.two_building {
max-width: 100%;
padding: 0 15px;
}

.pos_img {
margin: 30px 0 30px 30px;
}

.area_main {
padding: 50px 0 0px;
display: flex;
width: 100%;
text-align: center;
flex-wrap: wrap;
}

.bord {
display: flex;
justify-content: space-around;
width: 100%;
max-width: 100%;
border: none;
}

.area_h2 {
font-size: 26px;
line-height: 40px;
}

.area_p {
font-size: 12px;
line-height: 20px;
margin-top: 5px;
}

.exp_ban_text h2 {
font-size: 28px;
line-height: 50px;
}

.exp_ban_text h3 {
font-size: 18px;
line-height: 32px;
}

section.location_sec {
margin-bottom: 0px;
flex-direction: column;
padding: 50px 0;
}

.Amenities_sec {
padding: 50px 0;
}

.location_sec_left {
width: 100%;
display: block;
padding: 0 15px;
}

.location_sec_right {
width: 100%;
display: block;
padding-left: 15px;
padding-right: 15px;
}

.location_sec_right h6 {
font-size: 21px;
line-height: 32px;
padding: 30px 0;
letter-spacing: 1px;
}

.for_mar {
margin-bottom: 30px;
}

.location_sec_right h5 {
font-size: 30px;
line-height: 40px;
}

.location_sec_right h4 {
font-size: 20px;
line-height: 35px;
}

.location_sec_right ul li {
font-size: 16px;
line-height: 30px;
}

.amen_text h2 {
font-size: 35px;
line-height: 50px;
margin-bottom: 0px;
}

.amen_text p {
font-size: 18px;
line-height: 30px;
letter-spacing: 1px;
}

.am_ban_had {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}

.am_ban_had h2 {
font-size: 20px;
line-height: 30px;
text-align: center;
}

.amen_grid {
display: flex;
overflow-x: scroll;
}

.amen_lil_img {
min-width: 80%;
}

.amen_lil_text h3 {
font-size: 15px;
}

.verti_text {
display: none;
}

.otr_text {
max-width: 100%;
}

section.view_sec {
margin: 50px 0px 0px 0px;
}

.view_sec .otr_text h3 {
padding: 0 15px;
}

.view_sec .otr_text h2 {
font-size: 26px;
line-height: 35px;
padding: 0 15px;
}

.view_sec .otr_text p br{
display: none;
}
.slid_two .otr_text p {
font-size: 16px;
line-height: 32px;
}

.slid_two .otr_text h3 {
font-size: 18px;
line-height: 33px;
letter-spacing: 1px;
}
.progress, .progress-bar {
padding: 50px 0;
}
.progress-bar {
display: none;
}
section.videosection .progress, section.videosection .progress-bar {
display: none;
}
.videosection-slider .slick-prev {
right: 201px;
}
.videosection-slider .slick-next {
right: 127px;
}
.progress, .progress-bar {
display: none;
}
.view_sec .otr_text p {
font-size: 16px;
line-height: 30px;
padding: 0 15px;
}
.view_sec .slid_wrap {
margin-left: 0px;
padding: 0px 20px;
}
.amen_grid_thumb {
margin: 0px 15px;
}
.slid_two .otr_text {
padding-left: 15px;
padding-right: 15px;
}
.slid_two .otr_text h2 {
font-size: 28px;
line-height: 70px;
}
.view_sec .otr_text h3 {
font-size: 18px;
line-height: 33px;
letter-spacing: 1px;
}
.amen_grid_thumb .slick-prev {
background: #D9D9D9;
left: 0;
width: 30px;
height: 30px;
z-index: 9;
top: -127px;
}
.amen_grid_thumb .slick-next {
right: 0px;
background: #D9D9D9;
left: auto;
width: 30px;
height: 30px;
left: auto;
z-index: 9;
top: -127px;
}
.slid_two .slid_wrap {
margin-right: 0;
}
.sec_grid_thumb .slick-prev {
left: 70px;
background: #D9D9D9;
left: auto;
width: 30px;
height: 30px;
z-index: 9;
top: -135px;
transition: all ease-in-out 0.4s;
}
.sec_grid_thumb .slick-next {
background: #D9D9D9;
width: 30px;
height: 30px;
z-index: 9;
top: -135px;
left: auto;
right: 0px;
transition: all ease-in-out 0.4s;
}
.for_one_slider .slick-dots li button:before {
font-size: 15px;
line-height: 24px;
width: 25px;
height: 25px;
}
section.slid_two {
padding: 50px 0;
}
section.floor_plan {
margin-top: 0px;
padding-bottom: 50px;
}
.slid_wrap.slid_pos {
margin-left: 0px;
margin: 0 auto;
width: 100%;
}
.for_one_slider .item h3 {
font-size: 25px;
}
.for_one_slider.slick-initialized.slick-slider.slick-dotted button.slick-prev.slick-arrow {
display: none !important;
}
.for_one_slider.slick-initialized.slick-slider.slick-dotted button.slick-next.slick-arrow {
display: none !important;
}
.viewalllink a {
font-size: 16px;
line-height: 30px;
padding: 10px 10px !important;
margin-top: 0vw !important;
text-align: center;
margin-bottom: 30px;
height: 50px;
width: 200px;
}
.form_heading h2 {
font-size: 25px;
line-height: 35px;
}
input.inp_lab:nth-child(1) {
margin: 15px 0 0 0;
}
.for_check_lab {
margin: 30px 0;
}
.fieldswrap {
max-width: 100%;
}
.form_main {
padding: 60px 0;
width: 95%;
}
input.inp_lab {
padding: 15px 50px 15px 20px;
color: #666;
margin: 0;
margin-top: 35px;
max-width: calc(100% - 0px);
display: block;
width: 100%;
border: none;
height: 30px;
font-size: 16px;
}
li.foot_list {
display: inline-block;
padding: 0 10px;
text-align: center;
}
button.sub {
font-size: 16px;
line-height: 30px;
padding: 10px 50px;
margin-top: 0vw;
}
.foot_logo {
max-width: 100px;
margin: 0 auto;
padding: 30px 0;
}
li.foot_list a {
font-size: 16px;
line-height: 30px;
}
.location p {
font-size: 16px;
}
.location a {
font-size: 16px;
}
.faq_sec ul li a {
font-size: 16px;
}
.faq_sec ul li {
display: inline-block;
padding: 30px 0px 5px;
text-align: center;
}
.faq_sec ul li:after {
margin: 0 5px;
}
.footer_sec {
background-size: 90%;
background-position: bottom left;
}
.location_sec_left:after {
display: none;
}
.slid_two .otr_text {
padding-left: 20px;
}
section.videosection {
padding-bottom: 120px;
}
.accordian_wrapper + .form_sec .form_inputs{
display: block;
}
.build_text br {
display: none;
}
.two_building .sml_buld img{
height: 100%;
object-fit: cover;
}
}