/* custom fonts */
html{
scroll-behavior: smooth;
}
* {
box-sizing: border-box;
font-family: "Poppins", serif !important;
}
ul, li{
list-style: none;
}
ul{
padding-left: 0;
}
a{
list-style: none;
color: #fff;
}
a:hover {
text-decoration: none !important;
}
input:focus, textarea:focus, select:focus, button:focus{
outline: none !important;
/*border: none !important;*/
}
input::-moz-focus-inner {
border: 0;
}
button::-moz-focus-inner {
border: 0;
outline: none;
}
button:active {
outline: none !important;
/*border: none !important;*/
}
.wpcf7-not-valid-tip {
text-align: left;
}
.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
margin: 0 0 13px;
}
.call_area a svg {
width: 20px;
}
.testimon_header h2 span {
display: block;
}
.wpcf7-form-control-wrap textarea {
width: 100%;
border: 1px solid #ccc;
border-radius: 4px;
padding: 13px 18px;
font-size: 15px;
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
background: #a59553;
color: #000;
cursor: pointer;
}
.appl_frm_single .wpcf7-not-valid-tip {
bottom: -4px;
}
.three_view img {
width: 36px;
}
.main_header_inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.header_right_area {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.main_menu ul {
display: flex;
justify-content: flex-end;
align-items: center;
margin: 0;
}
.main_header_area {
padding: 18px 100px;
position: fixed;
left: 0;
top: 78px;
z-index: 999;
background: #fff;
width: 100%;
border-top: 1px solid #ddd;
}
.banner_area {
margin: 80px 0 0;
}
.main_menu ul li a {
color: #000;
padding: 0 30px 0 0;
transition: ease-in-out 0.4s;
}
.main_menu ul li a:hover {
color: #a59553;
transition: ease-in-out 0.4s;
}
.book_buton a {
background: #a59553;
color: #fff;
padding: 6px 17px;
border-radius: 4px;
}
.call_area a {
display: flex;
justify-content: flex-end;
align-items: center;
color: #665409;
}
.book_buton a:hover {
color: #fff;
}
.call_area a:hover {
color: #665409;
}
.book_buton {
margin: 0 23px 0 0;
}
.tab_img {
width: 100%;
}
.tab_img .slick-slide {
object-fit: contain !important;
/*width: 1000px !important;*/
/*height: 680px !important;*/
transform: scale(.6);
}
.tab_img.slick-initialized.slick-slider {
margin: -154px 0 -186px;
}
.three_view {
background: #2f456a;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.view_area {
margin: 0 0 0 27px;
}
.banne_image img {
width: 100%;
height: 492px;
object-fit: cover;
}
.banner_area {
position: relative;
}
.ban_form {
position: absolute;
top: 52px;
left: 100px;
background: #fff;
width: 325px;
border-radius: 15px;
}
.all_input_area p br {
display: none;
}
.wpcf7-not-valid-tip {
position: relative;
font-size: 13px !important;
bottom: 10px;
}
.wpcf7-response-output {
margin: 10px 0 0 !important;
font-size: 13px;
text-align: center;
}
.wpcf7-spinner {
position: absolute !important;
right: 34px;
top: 44px;
}
.all_input_area input {
width: 100%;
height: 45px;
background: #fff;
border-radius: 4px;
margin: 0 0 13px;
color: #000;
font-size: 14px;
padding: 0 16px;
border: 1px solid #ccc;
}
.all_input_area select {
width: 100%;
height: 45px;
background: #fff;
color: #000;
border: 0;
border-radius: 4px;
padding: 0 16px;
font-size: 14px;
border: 1px solid #ccc;
}
.autorize_area label span {
font-size: 12px;
line-height: 18px;
display: block;
color: #fff;
}
.submit_area input[type="submit"] {
width: 55%;
height: 49px;
margin: 4px 19px 29px;
background: #a59553;
border: 0;
border-radius: 4px;
cursor: pointer;
text-transform: uppercase;
font-weight: 600;
color: #fff;
}
.autorize_area label span input {
margin: 0 0 0 7px;
position: relative;
top: 2px;
}
.all_input_area input::placeholder {
color: #000 !important;
}
.aminiti ul li svg {
width: 18px;
margin: 0 11px 0 0;
}
.aminites_area_css {
padding: 0 100px 80px;
background: #fff;
}
.banbtm_heading h2 {
text-align: center;
font-size: 35px;
color: #a59553;
width: 55%;
margin: 0 auto 50px;
}
.aminiti ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.aminiti ul li {
width: 45%;
font-size: 14px;
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0 0 11px;
}
.aminiti h3 {
font-size: 18px;
color: #000;
margin: 0 0 18px;
}
.main_footer_design {
background: #2d4266;
padding: 58px 100px;
position: relative;
}
.footer_all_sect {
display: flex;
justify-content: space-between;
}
.foot_rit_main {
display: flex;
justify-content: space-between;
}
.foot_logo {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 215px 0 22px;
}
.ft_lg img {
width: 120px;
}
.ft_lg {
text-align: center;
padding: 0 18px;
}
.foot_logo .ft_lg:nth-child(2) img {
width: 27px;
}
.ft_lg span {
display: block;
color: #fff;
font-size: 13px;
margin: 6px 0 0;
}
.foot_first p {
font-size: 11px;
color: #fff;
margin: 0 0 6px;
}
.foot_first {
width: 50%;
}
.foot_rit_main {
width: 100%;
}
.foot_fourth {
width: 33%;
}
.foot_third {
width: 33%;
}
.foot_second ul li a {
color: #fff;
font-size: 13px;
}
.foot_third ul li a {
color: #fff;
font-size: 13px;
}
.foot_fourth ul li a {
color: #fff;
font-size: 13px;
}
.foot_third ul li {
color: #fff;
font-size: 13px;
padding: 0 0 6px;
}
.foot_third ul li span {
font-weight: 600;
}
.projt_conf_area_main {
padding: 50px 100px 80px;
background: #f5f5f5;
}
.proj_con_head {
text-align: center;
}
.aminites_head h2 span {
display: flex;
justify-content: center;
margin: 7px 0 0;
}
.connectivity_head h2 span{
display: flex;
justify-content: center;
margin: 7px 0 0;
}
.success_stories_head h2 span{
display: flex;
justify-content: center;
margin: 7px 0 0;
}
.tab_img {
display: flex;
justify-content: center;
align-items: center;
}
.proj_con_head h3 {
text-align: center;
font-size: 35px;
color: #a59553;
margin: 0 0 52px;
}
.plan_tab_main .tabcontent {
overflow: hidden;
}
.aminites_head h2 {
text-align: center;
font-size: 35px;
color: #a59553;
margin: 0 0 52px;
}
.success_stories_head h2 {
text-align: center;
font-size: 35px;
color: #a59553;
margin: 0 0 52px;
}
.proj_con_head h3 span {
display: block;
}
.projconf_tab .tab {
text-align: center;
border-bottom: 1px solid #ccc;
margin: 0 0 50px;
}
.tab button {
background: transparent;
border: 0;
padding: 9px 15px;
margin: 0 0;
cursor: pointer;
transition: ease-in-out 0.4s;
}
.tab button:hover {
background-color: #a59553;
color: #fff;
transition: ease-in-out 0.4s;
}
.tab button.active {
background-color: #a59553;
color: #fff;
}
.twobhk_tab_button button {
background: transparent;
border: 0;
padding: 8px 15px;
transition: ease-in-out 0.4s;
cursor: pointer;
}
.twobhk_tab_button button:hover {
background-color: #a59553;
color: #fff;
transition: ease-in-out 0.4s;
}
.twobhk_tab_button button.active {
background-color: #a59553;
color: #fff;
transition: ease-in-out 0.4s;
}
.twobhk_tab_button {
margin: 0 0 35px;
}
.singl_opt h3 {
font-size: 17px;
font-weight: 600;
color: #a59553;
margin: 0 0 5px;
}
.singl_opt p {
font-size: 13px;
color: #000;
margin: 0 0 0;
}
.singl_opt {
border-bottom: 2px solid #a59553;
margin: 0 0 4px;
padding: 0 0 7px;
}
.opt_button_btm a {
background: #a59553;
color: #fff;
display: inline-block;
padding: 8px 22px;
border-radius: 4px;
}
.opt_button_btm {
margin: 40px 0 0;
}
.twobhk_option_main {
display: flex;
justify-content: space-between;
align-items: center;
}
.twobhk_option_left {
width: 20%;
padding-bottom: 194px;
}
.twobhk_option_right {
width: 80%;
}
.twobhk_option_right img {
width: 78%;
margin: 0 auto 32px;
display: block;
}
.download_plan button {
background: #a59553;
border: 0;
color: #fff;
padding: 10px 20px;
font-size: 18px;
border-radius: 4px;
cursor: pointer;
}
.download_plan {
text-align: center;
}
.download_plan a {
background: #a59553;
border: 0;
color: #fff;
padding: 10px 20px;
font-size: 18px;
border-radius: 4px;
cursor: pointer;
}
.plan_main_area {
padding: 80px 100px 80px;
background: #f5f5f5;
}
.plan_head {
text-align: center;
}
.plan_tab_main .tab {
text-align: center;
margin: 40px 0 53px;
}
.tab_img {
text-align: center;
}
.glysldr img {
width: 500px;
height: 300px;
object-fit: cover;
border-radius: 15px;
}
.galry_slidr_img {
width: 1040px;
}
.galry_slidr_img {
width: 1040px;
margin: 0 auto;
}
.gallery_main_area {
padding: 0 0 41px;
background: #f5f5f5;
}
.galry_slidr_img .slick-next {
/* top: 103%;*/
right: -4%;
}
.galry_slidr_img .slick-prev {
/* top: 103%;*/
left: -8%;
}
.lone_calcul_main_area {
padding: 80px 100px 366px;
}
/*================ Calculator Css Start ================*/
.sub-container {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.header {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.header button {
height: max-content;
width: max-content;
padding: 10px;
border: none;
background-color: transparent;
font-size: 35px;
color: #9088d2;
}
.header button:hover {
cursor: pointer;
}
.all_view {
width: 60%;
}
.view {
display: flex !important;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap !important;
}
.details input {
width: 100%;
}
.single_chart img {
width: 77%;
}
.single_chart {
position: relative;
text-align: center;
}
.chart_in_cont {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.chart_in_cont {
z-index: 1;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute !important;
}
.chart_in_cont h3 {
font-size: 15px;
margin: 0;
}
.chart_in_cont h2 {
font-size: 18px;
font-weight: 600;
margin: 3px 0 0;
}
.detail {
display: flex;
justify-content: space-between;
}
.footer {
display: flex;
justify-content: space-between;
}
.chart_down_cont h4 {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
}
.chart_down_cont h5 {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
border-bottom: 1px solid #ccc;
margin: 0 0 8px;
padding: 0 0 8px;
}
.chart_down_cont h6 {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
}
.details {
width: 64%;
margin: 0 16px 0 0;
}
.chart_down_cont {
margin: 24px 0 0;
}
.chart_down_cont h4 span {
color: #bd8a28;
}
.chart_down_cont h5 span {
color: #2378b9;
}
.right_partner_area ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.right_partner_area {
width: 35%;
margin: 0 0 0 27px;
background: #f4f7ff;
padding: 28px;
}
.right_partner_area ul li {
width: 27%;
padding: 10px 0;
}
.right_partner_area ul li img {
width: 100%;
}
.right_partner_area h3 {
text-align: center;
text-transform: uppercase;
font-size: 22px;
color: #1b659d;
margin: 0 0 25px;
}
.right_partner_area p {
margin: 54px 0 0;
}
.all_view > h4 {
font-size: 19px;
margin: 0 0 23px;
}
.loan_cate_btn button {
background: transparent;
border: 1px solid #ccc;
border-radius: 50px;
font-size: 12px;
padding: 6px 17px;
transition: ease-in-out 0.4s;
}
.loan_cate_btn button:hover {
background: #b89450;
color: #fff;
transition: ease-in-out 0.4s;
cursor: pointer;
}
.foot_third {
width: 37%;
border-left: 1px solid #fff;
padding: 0 0 0 26px;
}
.foot_fourth {
border-left: 1px solid #fff;
padding: 0 0 0 26px;
}
.disclmr {
color: #fff;
font-size: 14px;
margin: 16px 0 0;
}
.social_links ul li a img {
width: 25px;
}
.social_links ul {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0;
}
.submit_area p {
text-align: center;
}
.social_links ul li {
padding: 0 0 0 8px;
}
.social_links h3 {
font-size: 19px;
color: #fff;
margin: 0 22px 0 0;
}
.social_links {
display: flex;
justify-content: flex-end;
align-items: center;
margin: 28px 73px 0 0;
}
.foot_bg_logo {
position: absolute;
width: 48%;
right: 21%;
top: 35px;
opacity: 0.160;
}
.foot_first {
margin: 0 35px 0 0;
position: relative;
}
.foot_form_main {
position: absolute;
bottom: 50%;
background: #fff;
padding: 22px;
border-radius: 22px;
box-shadow: 0 -8px 16px -5px #9b9b9b;
}
.foot_form_main a img {
width: 115px;
margin: 0 auto;
display: block;
}
.foot_form_main p {
color: #000;
text-align: center;
margin: 11px 0 17px;
font-size: 12px;
}
.submit_area p {
margin: 0;
}
/*----- Styling the sliders ----*/
input[type="range"] {
-webkit-appearance: none;
margin: 10px 0;
width: 100%;
}
input[type="range"]:focus {
outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 6px;
cursor: pointer;
background: #ccc;
border-radius: 10px;
}
input[type="range"]::-webkit-slider-thumb {
box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
border: 5px solid #ffffff;
height: 20px;
width: 20px;
border-radius: 50%;
background: #b89450;
cursor: pointer;
margin-top: -6px;
-webkit-appearance: none;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
background: #b3b3b3;
}
input[type="range"]::-moz-range-track {
width: 100%;
height: 6px;
cursor: pointer;
background: #b89450;
border-color: transparent;
border-width: 16px 0;
color: transparent;
border-radius: 10px;
}
input[type="range"]::-moz-range-thumb {
box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
border: 5px solid #ffffff;
height: 20px;
width: 20px;
border-radius: 50%;
background: #b89450;
cursor: pointer;
margin-top: -6px;
}
input[type="range"]::-ms-track {
width: 100%;
height: 6px;
cursor: pointer;
background: #9088d2;
border-color: transparent;
border-width: 16px 0;
color: transparent;
border-radius: 10px;
}
input[type="range"]::-ms-fill-lower {
background: #9088d2;
border-radius: 5px;
}
input[type="range"]::-ms-fill-upper {
background: #9088d2;
border-radius: 5px;
}
input[type="range"]::-ms-thumb {
box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
border: 5px solid #ffffff;
height: 20px;
width: 20px;
border-radius: 50%;
background: #9088d2;
cursor: pointer;
margin-top: -6px;
}
input[type="range"]:focus::-ms-fill-lower {
background: #9088d2;
}
input[type="range"]:focus::-ms-fill-upper {
background: #9088d2;
}
/*-------------------------------------*/
#price {
color: #130f31;
font-size: 25px;
}
.loan-details {
width: 90%;
display: flex;
justify-content: space-between;
gap: 30px;
}
#price-container {
color: #9088d2;
margin-top: 50px;
}
#price-container::before {
content: "Monthly Payable:";
font-size: 12px;
display: block;
}
.cls_menu {
display: none;
}
.menu_toggle {
display: none;
}
/*================ Calculator Css End ================*/
.hidden {
overflow: hidden;
}
.header_logo img {
width: 128px;
}
.banne_image_inn img {
width: 100%;
height: 450px;
object-fit: cover;
}
.banner_inner_page {
position: relative;
}
.inner_ban_heading {
position: absolute;
top: 57%;
left: 0;
text-align: center;
margin: 0 auto;
right: 0;
}
.inner_ban_heading h1 {
color: #fff;
font-size: 28px;
font-weight: 600;
margin: 0;
}
.contact_page_area {
padding: 80px 100px;
}
.contact_page_form {
width: 60%;
margin: 0 auto;
text-align: center;
}
.contact_page_form h2 {
text-align: center;
font-size: 25px;
color: #a59553;
margin: 0 0 6px;
}
.contact_page_form p {
margin: 0 0 45px;
font-size: 14px;
}
.name_area {
display: flex;
justify-content: space-between;
align-items: center;
}
.contact_page_form form input {
width: 100%;
height: 50px;
border: 1px solid #ccc;
border-radius: 4px;
padding: 0 17px;
margin: 0 0 13px;
font-size: 15px;
}
.contact_page_form form textarea {
width: 100%;
height: 150px;
border: 1px solid #ccc;
border-radius: 4px;
padding: 17px 17px;
margin: 0 0 13px;
font-size: 15px;
}
.name_grp {
width: 49%;
}
.submit_btn input {
background: #a59553;
color: #fff;
text-transform: uppercase;
font-size: 16px !important;
cursor: pointer;
}
.con_map_main iframe {
width: 100%;
height: 500px;
margin: 0 0 -6px;
}
.sec_icon img {
width: 70px;
}
.cont_pg_social ul li a img {
width: 30px;
}
.con_map_main {
position: relative;
}
.contact_page_con_details {
position: absolute;
top: -150px;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
align-items: center;
background: #eaeaea;
padding: 40px;
width: 80%;
margin: 0 auto;
border-radius: 25px;
}
.cont_pg_address ul li {
font-size: 13px;
margin: 0 0 10px;
}
.cont_pg_address ul li span {
font-weight: 600;
color: #c1a531;
}
.cont_pg_address {
width: 44%;
}
.cont_pg_address h3 {
font-size: 20px;
font-weight: 600;
color: #000;
margin: 8px 0 13px;
}
.cont_pg_email h3 {
font-size: 20px;
font-weight: 600;
color: #000;
margin: 8px 0 13px;
}
.cont_pg_email ul li span {
font-weight: 600;
color: #c1a531;
}
.cont_pg_email ul li {
font-size: 14px;
margin: 0 0 8px;
}
.cont_pg_social h3 {
font-size: 20px;
font-weight: 600;
color: #000;
margin: 8px 0 13px;
}
.cont_pg_email {
width: 30%;
}
.cont_pg_social {
width: 17%;
}
.cont_pg_social ul {
margin: 0;
display: flex;
justify-content: flex-start;
align-items: center;
}
.cont_pg_social ul li {
margin: 0 7px 0 0;
}
.contact_page_map {
margin: 140px 0 0;
}
/*====== Gallery Page Css Start ======*/
.lightboxpreview {
transition: all .3s linear;
padding-top:60%;
cursor:pointer;
background-size:cover;
}
.lightbox-content {
max-height:75svh;
height:75svh;
}
.lightbox-close {
cursor:pointer;
margin-left: auto;
position:absolute;
right:-30px;
top:-30px;
color:white;
font-size: 2rem;
font-weight: 700;
line-height: 1;}
.modalscale {transform:scale(0);
opacity:0;}
.lightbox-container, .lightbox-btn, .lightbox-image-wrapper, .lightbox-enabled{transition:all .4s ease-in-out;}
/*.lightbox_img_wrap {padding-top:65%;
position:relative;
overflow:hidden;
}*/
.lightbox-enabled:hover {
transform:scale(1.1)
}
/*.lightbox-enabled {width:100%;
height:100%;
position:absolute;
top:0;
object-fit:cover;
cursor:pointer;}*/
.lightbox-container {width:100svw;
height:100svh;
position:fixed;
top:0;
left:0;
display:flex;
align-items:center;
justify-content:center;
background-color:rgba(0,0,0,.6);
z-index:9999;
opacity:0;
pointer-events:none;
}
.lightbox-container.active {
opacity:1;
pointer-events:all;
}
.lightbox-image-wrapper {
display:flex;
transform:scale(0);
align-items:center;
justify-content:center;
max-width:90vw;
max-height:90vh;
position:relative;
}
.lightbox-container.active .lightbox-image-wrapper {transform:scale(1);}
.lightbox-btn, #close {
color:white;
z-index:9999999;
cursor:pointer;
position:absolute;
font-size:50px;
}
.left {left:50px;}
.right {right:50px;}
#close {top:50px;
right:50px;}
.lightbox-image {
width:100%;
max-height:95vh;
object-fit:cover;
}
@keyframes slideleft {
33% {transform:translateX(-300px);
opacity:0;
}
66% {transform:translateX(300px);
opacity:0;
}
}
.slideleft {
animation-name: slideleft;
animation-duration: .5s;
animation-timing-function: ease;
}
@keyframes slideright {
33% {transform:translateX(300px);
opacity:0;}
66% {transform:translateX(-300px);
opacity:0;}
}
.slideright{
animation-name: slideright;
animation-duration: .5s;
animation-timing-function: ease;
}
#right svg {
width: 20px;
color: ;
fill: #fff;
}
#left svg {
width: 20px;
color: ;
fill: #fff;
}
#close svg {
width: 30px;
color: ;
fill: #fff;
}
.gallery_page_area {
padding: 80px 100px 350px;
}
.gallery_page_main h2 {
text-align: center;
font-size: 25px;
color: #a59553;
margin: 0 0 35px;
}
.gallery_page_inn_all {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.lightbox_img_wrap img {
width: 100%;
object-fit: contain;
height: 100%;
}
.lightbox_img_wrap {
width: 32%;
overflow: hidden;
height: 390px;
margin: 0 0 34px;
cursor: pointer;
}
.pay_btn a {
background: #a59553;
display: flex;
justify-content: center;
align-items: center;
width: 150px;
height: 40px;
border-radius: 6px;
color: #fff;
margin: 31px 0 0;
}
.pay_btn a:hover {
color: #fff;
}
/*====== Gallery Page Css End ======*/
.main_menu li.active a {
color: #a59553;
}
.amenities_page_area {
padding: 80px 100px 250px;
}
.amenities_page_main h2 {
text-align: center;
font-size: 25px;
color: #a59553;
margin: 0 0 50px;
}
.amenities_single {
display: flex;
justify-content: space-between;
align-items: center;
}
/*.amenities_right {
margin: 0 0 0 53px;
}*/
.amenities_left img {
width: 100%;
}
.amenities_left {
width: 47%;
}
.amenities_right {
width: 53%;
}
.amenities_right h3 {
font-size: 23px;
margin: 0 0 9px;
color: #000;
}
.amenities_right p {
font-size: 15px;
line-height: 25px;
margin: 0;
}
.amenities_right ul li img {
width: 35px;
margin: 0 8px 0 0;
}
.amenities_right ul {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 25px 0 0;
}
.amenities_right ul li {
background: #fff;
width: 47%;
margin: 0 17px 12px 0;
padding: 10px 15px;
border-radius: 6px;
box-shadow: 0 7px 11px -12px #000;
border: 1px solid #eaeaea;
font-weight: 600;
font-size: 14px;
}
.amenities_single_indr .amenities_right {
padding: 40px;
}
.amenities_single_outd .amenities_right {
padding: 40px;
}
.amenities_right ul li svg {
width: 13px;
margin: 0 3px 0 0;
position: relative;
top: 2px;
fill: #a59553;
}
.download_bro_popup {
position: fixed;
left: 0;
right: 0;
width: 100%;
height: 100vh;
z-index: 9999;
background: rgba(0, 0, 0, 0.6);
top: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: ease-in-out 0.6s;
}
.download_bro_popup.download_bro_popup2 {
opacity: 1;
visibility: visible;
transition: ease-in-out 0.6s;
}
.download_bro_popup_inner {
width: 600px;
background: #fff;
padding: 30px;
border-radius: 20px;
position: relative;
}
.cls_bor {
position: absolute;
right: 0;
top: 0;
background: #a59553;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 18px 0 14px;
color: #fff;
font-size: 18px;
cursor: pointer;
}
.download_bro_popup_inner form input {
width: 100%;
height: 50px;
border: 1px solid #ccc;
padding: 0 15px;
border-radius: 4px;
margin: 0 0 12px;
font-size: 14px;
}
.download_bro_popup_inner form {
margin: 35px 0 0;
}
.download_bro_popup_inner p {
font-size: 14px;
color: #000;
margin: 0;
}
.bro_bubm_btn input {
background: #a59553;
border: 0 !important;
color: #fff;
font-size: 17px !important;
cursor: pointer;
}
.footer_inner {
position: relative;
}
.whyanantaa_page_area {
padding: 80px 250px 330px;
}
.whyanantaa_page_inn {
display: flex;
justify-content: space-between;
align-items: center;
}
.whyanantaa_right img {
width: 100%;
}
.whyanantaa_right {
width: 35%;
}
.whyanantaa_left {
width: 80%;
padding: 0 61px 0 0;
}
.whyanantaa_left h2 {
font-size: 25px;
margin: 0 0 16px;
font-weight: 600;
color: #a59553;
}
.blog_page_area {
padding: 80px 100px 321px;
}
.post-date {
display: block;
font-size: 13px;
color: #808080;
}
.blog_page_inn {
display: flex;
justify-content: space-between;
}
.blog_page_left_list {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 77%;
}
.blog_page_right {
width: 20%;
}
.blog_sing_img img {
width: 100%;
object-fit: cover;
height: 220px;
}
.blog_page_single_list {
width: 32%;
margin: 0 0 30px;
}
.single_top_text {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 10px;
}
.single_top_text p {
margin: 9px 0 0;
color: #6f6f6f;
font-size: 14px;
}
.sing_main_cont a h3 {
font-size: 23px;
margin: 0 0 12px;
color: #998948;
}
.sing_main_cont p {
font-size: 15px;
color: #3c3c3c;
}
.blog_sing_img {
height: 220px;
overflow: hidden;
}
.blog_right_sing_img img {
width: 70px;
height: 70px;
border-radius: 50px;
}
.blog_page_right_sing {
display: flex;
justify-content: flex-start;
align-items: center;
}
.blog_page_right_sing_right h5 {
font-size: 14px;
color: #888;
margin: 0 0 6px;
}
.blog_page_right_sing_right h4 {
font-size: 19px;
margin: 0;
}
.blog_page_right_sing {
margin: 0 0 26px;
}
.blog_page_right_sing_left {
margin: 0 11px 0 0;
}
.blog_page_right h3 {
margin: 0 0 26px;
font-size: 25px;
color: #000;
}
.testi_page_area {
padding: 80px 100px 350px;
}
.heading_testi h2 {
text-align: center;
font-size: 25px;
margin: 0 0 40px;
color: #a59553;
}
.tes_top_left img {
width: 50px;
height: 50px;
border-radius: 50px;
object-fit: cover;
margin: 0 12px 0 0;
}
.tes_top_left {
display: flex;
justify-content: flex-start;
align-items: center;
}
.test_name h3 {
font-size: 16px;
margin: 0 0 2px;
}
.test_name p {
font-size: 14px;
color: #666;
margin: 0;
}
.anantaa_testimonials {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.anan_single_testimonial {
width: 32%;
margin: 0 0 28px;
background: #fff;
box-shadow: 0 0 29px -20px #000;
border-radius: 20px;
padding: 20px 30px;
}
.single_testi_top {
margin: 0 0 25px;
}
.single_testi_main p {
margin: 0;
font-size: 15px;
line-height: 25px;
}
.application_page_area {
padding: 80px 100px 322px;
}
.application_page_inn {
width: 700px;
border: 1px dashed #ccc;
border-radius: 20px;
padding: 30px 40px;
margin: 0 auto;
}
.appl_frm_single label {
display: block;
font-size: 14px;
margin: 0 0 8px;
color: #000;
}
.appl_frm_single input {
width: 100%;
height: 50px;
border: 1px solid #ccc;
border-radius: 4px;
padding: 0 15px;
font-size: 14px;
}
.appl_frm_single_others input {
width: 100%;
height: 50px;
border: 1px solid #ccc;
border-radius: 4px;
padding: 0 15px;
font-size: 14px;
}
.appl_frm_single_others textarea {
width: 100%;
height: 200px;
border: 1px solid #ccc;
border-radius: 4px;
padding: 12px 15px;
font-size: 14px;
}
.appl_frm_single {
margin: 0 0 20px;
}
.appl_frm_single_others {
margin: 0 0 20px;
}
.submit_btn input {
width: 100%;
height: 55px;
border-radius: 4px;
border: 0;
}
.termsand_condi_page_area {
padding: 80px 100px 200px;
}
.termsand_condi_page_inn h3 {
font-size: 20px;
color: #000;
}
.termsand_condi_page_inn p {
font-size: 15px;
line-height: 25px;
}
.booknow_page_area {
padding: 80px 100px 200px;
}
.booknow_page_main h2 {
text-align: center;
font-size: 25px;
color: #a59553;
margin: 0 0 52px;
}
/*======== Form Css Start ==========*/
.form-step {
display: none;
animation: fadeIn 0.5s ease-in-out;
}
.form-step.active {
display: block;
}
.progress {
height: 6px;
background-color: #e2e8f0;
border-radius: 100px;
margin-bottom: 3rem;
overflow: hidden;
}
.progress-bar {
background-color: var(--primary-color);
transition: width 0.4s ease-in-out;
}
.step-indicator {
display: flex;
justify-content: space-between;
margin-bottom: 3rem;
position: relative;
}
.step-circle {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #e2e8f0;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 600;
color: #64748b;
position: relative;
z-index: 1;
transition: all 0.3s ease;
}
.step-circle.active {
background-color: #a59553;
color: #fff;
transform: scale(1.1);
}
.step-circle.completed {
background-color: #2fae55;
color: white;
}
.step-line {
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
background-color: #e2e8f0;
transform: translateY(-50%);
z-index: 0;
}
.step-line.completed {
background-color: #2fae55;
}
.form-label {
font-weight: 500;
color: #475569;
margin-bottom: 0.5rem;
}
.form-control {
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 0.75rem 1rem;
transition: all 0.2s ease;
}
.form-control:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 4px rgb(37 99 235 / 0.1);
}
.form-control.is-invalid {
border-color: #ef4444;
box-shadow: none;
}
.btn {
padding: 0.75rem 1.5rem;
border-radius: 12px;
font-weight: 600;
transition: all 0.2s ease;
}
.btn-primary {
background-color: var(--primary-color);
border: none;
}
.btn-primary:hover {
background-color: var(--secondary-color);
transform: translateY(-1px);
}
.btn-secondary {
background-color: #e2e8f0;
border: none;
color: #475569;
}
.btn-secondary:hover {
background-color: #cbd5e1;
color: #1e293b;
}
.btn-success {
background-color: var(--success-color);
border: none;
}
.btn-success:hover {
background-color: #047857;
transform: translateY(-1px);
}
.skill-tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.5rem;
}
.skill-tag {
background-color: #e2e8f0;
color: #475569;
padding: 0.5rem 1rem;
border-radius: 100px;
font-size: 0.875rem;
cursor: pointer;
transition: all 0.2s ease;
}
.skill-tag.selected {
background-color: var(--primary-color);
color: white;
}
.file-upload {
border: 2px dashed #e2e8f0;
border-radius: var(--border-radius);
padding: 2rem;
text-align: center;
cursor: pointer;
transition: all 0.2s ease;
}
.file-upload:hover {
border-color: var(--primary-color);
background-color: rgb(37 99 235 / 0.05);
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.step-circle.active svg {
width: 16px;
fill: #fff;
}
.step-circle svg {
width: 16px;
}
.step-circle.completed svg {
fill: #fff;
}
.booknow_form {
width: 68%;
margin: 0 auto;
border: 1px dashed #a59553;
border-radius: 25px;
padding: 30px;
}
.inpt_frm label {
display: block;
width: 100%;
font-size: 14px;
margin: 0 0 8px;
}
.name_grp {
display: flex;
justify-content: flex-start;
align-items: center;
}
.name_sing_srnm {
width: 10%;
}
.bookname_grp {
display: flex;
justify-content: flex-start;
align-items: center;
}
.name_sing_inpt {
width: 100%;
margin: 0 0 0 9px;
}
.name_sing_srnm select {
width: 100%;
height: 50px;
background: transparent;
border: 1px solid #ccc;
border-radius: 6px;
padding: 0 11px;
margin: 0 0 20px;
}
.name_sing_inpt input {
width: 100%;
height: 50px;
background: transparent;
border: 1px solid #ccc;
border-radius: 6px;
padding: 0 11px;
}
.inpt_frm input {
width: 100%;
height: 50px;
background: transparent;
border: 1px solid #ccc;
border-radius: 6px;
padding: 0 11px;
margin: 0 0 20px;
}
.inpt_frm.ocupetion select {
width: 100%;
height: 50px;
background: transparent;
border: 1px solid #ccc;
border-radius: 6px;
padding: 0 11px;
margin: 0 0 20px;
}
.submit_btn_book input {
width: 250px;
height: 50px;
background: #a59553;
color: #fff;
text-transform: uppercase;
border: 0;
border-radius: 6px;
font-size: 17px;
margin: 9px 0 0 0;
cursor: pointer;
}
/* === Upload Image css === */
.upload_frm_inner {
max-width: 400px;
width: 100%;
background: #eaeaea;
padding: 30px;
border-radius: 30px;
}
.img-area {
position: relative;
width: 100%;
height: 240px;
background: var(--grey);
margin-bottom: 30px;
border-radius: 15px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.img-area .icon {
font-size: 100px;
}
.img-area h3 {
font-size: 20px;
font-weight: 500;
margin-bottom: 6px;
}
.img-area p {
color: #999;
}
.img-area p span {
font-weight: 600;
}
.img-area img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 100;
}
.img-area::before {
content: attr(data-img);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
color: #fff;
font-weight: 500;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: all .3s ease;
z-index: 200;
}
.img-area.active:hover::before {
opacity: 1;
}
.select-image {
display: block;
width: 100%;
padding: 16px 0;
border-radius: 15px;
background: #a59553;
color: #fff;
font-weight: 500;
font-size: 16px;
border: none;
cursor: pointer;
transition: all .3s ease;
}
.select-image:hover {
background: var(--dark-blue);
}
.img-area svg {
width: 50px;
}
.applicant_form label {
display: block;
width: 100%;
}
#multiStepForm {
width: 70%;
margin: 0 auto;
border: 1px dashed #a59553;
border-radius: 30px;
padding: 45px;
}
.form-step h3 {
text-align: center;
margin: 0 0 0;
}
.form-step p {
text-align: center;
font-size: 15px;
margin: 7px 0 30px;
}
.appli_name_grp {
display: flex;
justify-content: flex-start;
align-items: center;
}
.appli_name_sing_srnm {
width: 9%;
}
.appli_name_sing_inpt {
width: 100%;
margin: 0 0 0 15px;
}
.appli_name_sing_srnm select {
width: 100%;
height: 50px;
background: transparent;
border: 1px solid #ccc;
border-radius: 6px;
padding: 0 11px;
margin: 0 0 20px;
}
.appli_name_sing_inpt input {
width: 100%;
height: 50px;
background: transparent;
border: 1px solid #ccc;
border-radius: 6px;
padding: 0 11px;
margin: 0 0 20px;
}
.appli_inpt_frm input {
width: 100%;
height: 50px;
background: transparent;
border: 1px solid #ccc;
border-radius: 6px;
padding: 0 11px;
margin: 0 0 20px;
}
.appli_upload_frm {
margin: 15px 0 33px;
}
.continue_btn {
text-align: right;
}
.continue_btn button {
width: 180px;
height: 50px;
background: #a59553;
border: 0;
border-radius: 6px;
color: #fff;
cursor: pointer;
}
.continue_btn {
text-align: right;
margin: 50px 0 0;
}
.selct_box label input {
width: 16px;
height: 16px;
position: relative;
top: 2px;
}
.selct_box span {
padding: 0 0 0 4px;
}
.continue_btn.continue_btn2 {
display: flex;
justify-content: space-between;
}
.block_inpts label {
margin: 0 13px 0 0;
}
.blck {
display: block;
width: 100%;
margin: 13px 0 8px;
font-size: 14px;
}
.cou_lbl {
display: block;
width: 100%;
}
.cou_box input {
width: 100%;
height: 50px;
background: transparent;
border: 1px solid #ccc;
border-radius: 6px;
padding: 0 11px;
margin: 0 0 20px;
}
.cou_box select {
width: 100%;
height: 50px;
background: transparent;
border: 1px solid #ccc;
border-radius: 6px;
padding: 0 11px;
margin: 0 0 20px;
}
.bhk_name.cou_box_rdo {
margin: 10px 0 0;
}
.bhk_name.cou_box_rdo select {
width: 100%;
height: 50px;
background: transparent;
border: 1px solid #ccc;
border-radius: 6px;
padding: 0 11px;
margin: 0 0 20px;
}
.block_name.cou_box_rdo2 {
margin: 0 0 18px;
}
.pptitle {
margin: 0 0 35px !important;
}
.pp_box label {
display: block;
width: 100%;
}
.bhk_name.pp_box input {
width: 100%;
height: 50px;
background: transparent;
border: 1px solid #ccc;
border-radius: 6px;
padding: 0 11px;
margin: 0 0 20px;
}
.tprice_box h4 {
text-align: center;
font-size: 20px;
}
.tprice_box h2 {
font-size: 19px;
color: #000;
margin: 0 0 8px;
}
.prc_amnt_opt_all {
display: flex;
justify-content: center;
align-items: center;
}
.prc_amnt_opt_all p {
margin: 0 17px 0 0;
font-weight: 600;
}
.prc_amnt_opt label {
font-size: 13px;
font-weight: 600;
color: #937a15;
}
.tp_listing {
background: #ecebe5;
padding: 20px;
margin: 30px 0 0;
}
.tp_listing p {
text-align: left;
margin: 0 0 5px;
}
.payment_shead_table table {
width: 100%;
}
.payment_shead_table thead tr th {
background: #a59553;
color: #fff;
font-weight: 500;
padding: 11px 15px;
}
.payment_shead_table tbody tr td {
color: #000;
font-weight: 500;
padding: 11px 15px;
font-size: 14px;
}
.payment_shead_table tbody tr:nth-child(2n+2) {
background: #eeece5;
}
.kyc_cond_area {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.sing_kyc {
margin: 0 17px 17px 0;
}
/* === Upload Image kyc 1 css === */
.upload_frm_inner2 {
max-width: 250px;
width: 100%;
background: #eaeaea;
padding: 22px;
border-radius: 30px;
}
.img-area2 {
position: relative;
width: 100%;
height: 140px;
margin-bottom: 15px;
border-radius: 15px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.img-area2 .icon {
font-size: 100px;
}
.img-area2 p {
font-size: 13px;
}
.img-area2 h3 {
font-size: 16px;
font-weight: 500;
margin-bottom: 6px;
margin-top: 3px;
}
.img-area2 p {
color: #999;
text-align: center;
}
.img-area2 p span {
font-weight: 600;
}
.img-area2 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 100;
}
.img-area2::before {
content: attr(data-img);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
color: #fff;
font-weight: 500;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: all .3s ease;
z-index: 200;
}
.img-area2.active:hover::before {
opacity: 1;
}
.select-image2 {
display: block;
width: 100%;
padding: 12px 10px;
border-radius: 6px;
background: #a59553;
color: #fff;
font-weight: 500;
font-size: 15px;
border: none;
cursor: pointer;
transition: all .3s ease;
}
.select-image2:hover {
background: #2f456a;
}
.img-area2 svg {
width: 50px;
}
.upload_frm_inner2 h3 {
font-size: 16px;
margin: 18px 0 0;
text-align: center;
}
/* === Upload Image kyc 1 css End === */
/* === Upload Image kyc 2 css === */
.upload_frm_inner3 {
max-width: 250px;
width: 100%;
background: #eaeaea;
padding: 22px;
border-radius: 30px;
}
.img-area3 {
position: relative;
width: 100%;
height: 140px;
margin-bottom: 15px;
border-radius: 15px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.img-area3 .icon {
font-size: 100px;
}
.img-area3 p {
font-size: 13px;
}
.img-area3 h3 {
font-size: 16px;
font-weight: 500;
margin-bottom: 6px;
margin-top: 3px;
}
.img-area3 p {
color: #999;
}
.img-area3 p span {
font-weight: 600;
}
.img-area3 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 100;
}
.img-area3::before {
content: attr(data-img);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
color: #fff;
font-weight: 500;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: all .3s ease;
z-index: 200;
}
.img-area3.active:hover::before {
opacity: 1;
}
.select-image3 {
display: block;
width: 100%;
padding: 12px 10px;
border-radius: 6px;
background: #a59553;
color: #fff;
font-weight: 500;
font-size: 15px;
border: none;
cursor: pointer;
transition: all .3s ease;
}
.select-image3:hover {
background: #2f456a;
}
.img-area3 svg {
width: 50px;
}
.upload_frm_inner3 h3 {
font-size: 16px;
margin: 18px 0 0;
}
/* === Upload Image kyc 2 css End === */
/* === Upload Image kyc 3 css === */
.upload_frm_inner4 {
max-width: 250px;
width: 100%;
background: #eaeaea;
padding: 22px;
border-radius: 30px;
}
.img-area4 {
position: relative;
width: 100%;
height: 140px;
margin-bottom: 15px;
border-radius: 15px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.img-area4 .icon {
font-size: 100px;
}
.img-area4 p {
font-size: 13px;
}
.img-area4 h3 {
font-size: 16px;
font-weight: 500;
margin-bottom: 6px;
margin-top: 3px;
}
.img-area4 p {
color: #999;
text-align: center;
}
.img-area4 p span {
font-weight: 600;
}
.img-area4 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 100;
}
.img-area4::before {
content: attr(data-img);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
color: #fff;
font-weight: 500;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: all .3s ease;
z-index: 200;
}
.img-area4.active:hover::before {
opacity: 1;
}
.select-image4 {
display: block;
width: 100%;
padding: 12px 10px;
border-radius: 6px;
background: #a59553;
color: #fff;
font-weight: 500;
font-size: 15px;
border: none;
cursor: pointer;
transition: all .3s ease;
}
.select-image4:hover {
background: #2f456a;
}
.img-area4 svg {
width: 50px;
}
.upload_frm_inner4 h3 {
font-size: 16px;
margin: 18px 0 0;
}
/* === Upload Image kyc 3 css End === */
/* === Upload Image kyc 4 css === */
.upload_frm_inner5 {
max-width: 250px;
width: 100%;
background: #eaeaea;
padding: 22px;
border-radius: 30px;
}
.img-area5 {
position: relative;
width: 100%;
height: 140px;
margin-bottom: 15px;
border-radius: 15px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.img-area5 .icon {
font-size: 100px;
}
.img-area5 p {
font-size: 13px;
}
.img-area5 h3 {
font-size: 16px;
font-weight: 500;
margin-bottom: 6px;
margin-top: 3px;
}
.img-area5 p {
color: #999;
text-align: center;
}
.img-area5 p span {
font-weight: 600;
}
.img-area5 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 100;
}
.img-area5::before {
content: attr(data-img);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
color: #fff;
font-weight: 500;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: all .3s ease;
z-index: 200;
}
.img-area5.active:hover::before {
opacity: 1;
}
.select-image5 {
display: block;
width: 100%;
padding: 12px 10px;
border-radius: 6px;
background: #a59553;
color: #fff;
font-weight: 500;
font-size: 15px;
border: none;
cursor: pointer;
transition: all .3s ease;
}
.select-image5:hover {
background: #2f456a;
}
.img-area5 svg {
width: 50px;
}
.upload_frm_inner5 h3 {
font-size: 16px;
margin: 18px 0 0;
}
/* === Upload Image kyc 4 css End === */
/* === Upload Image kyc 5 css === */
.upload_frm_inner6 {
max-width: 250px;
width: 100%;
background: #eaeaea;
padding: 22px;
border-radius: 30px;
}
.img-area6 {
position: relative;
width: 100%;
height: 140px;
margin-bottom: 15px;
border-radius: 15px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.img-area6 .icon {
font-size: 100px;
}
.img-area6 p {
font-size: 13px;
}
.img-area6 h3 {
font-size: 16px;
font-weight: 500;
margin-bottom: 6px;
margin-top: 3px;
}
.img-area6 p {
color: #999;
text-align: center;
}
.img-area6 p span {
font-weight: 600;
}
.img-area6 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 100;
}
.img-area6::before {
content: attr(data-img);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
color: #fff;
font-weight: 500;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: all .3s ease;
z-index: 200;
}
.img-area6.active:hover::before {
opacity: 1;
}
.select-image6 {
display: block;
width: 100%;
padding: 12px 10px;
border-radius: 6px;
background: #a59553;
color: #fff;
font-weight: 500;
font-size: 15px;
border: none;
cursor: pointer;
transition: all .3s ease;
}
.select-image6:hover {
background: #2f456a;
}
.img-area6 svg {
width: 50px;
}
.upload_frm_inner6 h3 {
font-size: 16px;
margin: 18px 0 0;
}
/* === Upload Image kyc 5 css End === */
/* === Upload Image kyc 6 css === */
.upload_frm_inner7 {
max-width: 250px;
width: 100%;
background: #eaeaea;
padding: 22px;
border-radius: 30px;
}
.img-area7 {
position: relative;
width: 100%;
height: 140px;
margin-bottom: 15px;
border-radius: 15px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.img-area7 .icon {
font-size: 100px;
}
.img-area7 p {
font-size: 13px;
}
.img-area7 h3 {
font-size: 16px;
font-weight: 500;
margin-bottom: 6px;
margin-top: 3px;
}
.img-area7 p {
color: #999;
text-align: center;
}
.img-area7 p span {
font-weight: 600;
}
.img-area7 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 100;
}
.img-area7::before {
content: attr(data-img);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
color: #fff;
font-weight: 500;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: all .3s ease;
z-index: 200;
}
.img-area7.active:hover::before {
opacity: 1;
}
.select-image7 {
display: block;
width: 100%;
padding: 12px 10px;
border-radius: 6px;
background: #a59553;
color: #fff;
font-weight: 500;
font-size: 15px;
border: none;
cursor: pointer;
transition: all .3s ease;
}
.select-image7:hover {
background: #2f456a;
}
.img-area7 svg {
width: 50px;
}
.upload_frm_inner7 h3 {
font-size: 16px;
margin: 18px 0 0;
}
/* === Upload Image kyc 6 css End === */
/* === Upload Image kyc 7 css === */
.upload_frm_inner8 {
max-width: 250px;
width: 100%;
background: #eaeaea;
padding: 22px;
border-radius: 30px;
}
.img-area8 {
position: relative;
width: 100%;
height: 140px;
margin-bottom: 15px;
border-radius: 15px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.img-area8 .icon {
font-size: 100px;
}
.img-area8 p {
font-size: 13px;
}
.img-area8 h3 {
font-size: 16px;
font-weight: 500;
margin-bottom: 6px;
margin-top: 3px;
}
.img-area8 p {
color: #999;
text-align: center;
}
.img-area8 p span {
font-weight: 600;
}
.img-area8 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 100;
}
.img-area8::before {
content: attr(data-img);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
color: #fff;
font-weight: 500;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: all .3s ease;
z-index: 200;
}
.img-area8.active:hover::before {
opacity: 1;
}
.select-image8 {
display: block;
width: 100%;
padding: 12px 10px;
border-radius: 6px;
background: #a59553;
color: #fff;
font-weight: 500;
font-size: 15px;
border: none;
cursor: pointer;
transition: all .3s ease;
}
.select-image8:hover {
background: #2f456a;
}
.img-area8 svg {
width: 50px;
}
.upload_frm_inner8 h3 {
font-size: 16px;
margin: 18px 0 0;
}
/* === Upload Image kyc 7 css End === */
/* === Upload Image kyc Signature css === */
.upload_frm_inner9 {
max-width: 250px;
width: 100%;
background: #eaeaea;
padding: 22px;
border-radius: 30px;
}
.img-area9 {
position: relative;
width: 100%;
height: 140px;
margin-bottom: 15px;
border-radius: 15px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.img-area9 .icon {
font-size: 100px;
}
.img-area9 p {
font-size: 13px;
}
.img-area9 h3 {
font-size: 16px;
font-weight: 500;
margin-bottom: 6px;
margin-top: 3px;
}
.img-area9 p {
color: #999;
text-align: center;
}
.img-area9 p span {
font-weight: 600;
}
.img-area9 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 100;
}
.img-area9::before {
content: attr(data-img);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
color: #fff;
font-weight: 500;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: all .3s ease;
z-index: 200;
}
.img-area9.active:hover::before {
opacity: 1;
}
.select-image9 {
display: block;
width: 100%;
padding: 12px 10px;
border-radius: 6px;
background: #a59553;
color: #fff;
font-weight: 500;
font-size: 15px;
border: none;
cursor: pointer;
transition: all .3s ease;
}
.select-image9:hover {
background: #2f456a;
}
.img-area9 svg {
width: 50px;
}
.upload_frm_inner9 h3 {
font-size: 16px;
margin: 18px 0 0;
}
.signature_area h4 {
font-size: 16px;
}
.line_sing {
display: block;
background: #000;
height: 1px;
width: 274px;
margin: 14px 0 13px;
}
.img-area9.active svg {
display: none;
}
.img-area9.active h3 {
display: none;
}
.img-area9.active p {
display: none;
}
.img-area9.active img {
object-fit: contain;
}
.img-area9.active {
height: 65px;
}
/* === Upload Image kyc Signature css End === */
.trms_cond_kyc {
text-align: center;
margin: 42px 0 0;
}
.trms_cond_kyc label input {
margin: 0 4px 0 0;
}
.trms_cond_kyc label a {
color: #a88f28;
}
.upload_frm_inner span, .upload_frm_inner2 span {
text-align: center;
}
/* =============================================== New Steps Form Css Start ================================================= */
#msform {
text-align: center;
position: relative;
margin-top: 20px
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 0.5rem;
box-sizing: border-box;
width: 100%;
margin: 0;
padding-bottom: 20px;
position: relative
}
.form-card {
text-align: left
}
#msform fieldset:not(:first-of-type) {
display: none
}
#msform input:focus,
#msform textarea:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #A59553;
outline-width: 0
}
#msform .action-button {
width: 100px;
background: #A59553;
color: white;
border: 0 none;
border-radius: 0px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 0px 10px 5px;
float: right;
border-radius: 4px;
}
#msform .action-button:hover,
#msform .action-button:focus {
background-color: #A59553
}
#msform .action-button-previous {
width: 100px;
background: #616161;
color: white;
border: 0 none;
border-radius: 0px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px 10px 0px;
float: right;
border-radius: 4px;
}
.adit_charg h3 {
font-size: 22px;
color: #000;
margin: 0 0 17px;
}
#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
background-color: #000000
}
.card {
z-index: 0;
border: none;
position: relative
}
.fs-title {
font-size: 25px;
color: #673AB7;
margin-bottom: 15px;
font-weight: normal;
text-align: left
}
.purple-text {
color: #673AB7;
font-weight: normal
}
.steps {
font-size: 25px;
color: gray;
margin-bottom: 10px;
font-weight: normal;
text-align: right
}
.fieldlabels {
color: gray;
text-align: left
}
#progressbar {
margin-bottom: 30px;
overflow: hidden;
color: lightgrey
}
#progressbar .active {
color: #A59553;
}
#progressbar li {
list-style-type: none;
font-size: 15px;
width: 12%;
float: left;
position: relative;
font-weight: 400;
}
#progressbar #applicant:before {
font-family: FontAwesome;
content: "\f13e"
}
#progressbar #contact:before {
font-family: FontAwesome;
content: "\f007"
}
#progressbar #choiceofunit::before {
font-family: FontAwesome;
content: "\f009";
}
#progressbar #pricing::before {
font-family: FontAwesome;
content: "\f156";
}
#progressbar #paymentschedule::before {
font-family: FontAwesome;
content: "\f073";
}
#progressbar #kycconditions::before {
font-family: FontAwesome;
content: "\f15c";
}
#progressbar #payment::before {
font-family: FontAwesome;
content: "\f0d6";
}
#progressbar #confirm:before {
font-family: FontAwesome;
content: "\f00c"
}
#progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 20px;
color: #ffffff;
background: lightgray;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px
}
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: lightgray;
position: absolute;
left: 0;
top: 25px;
z-index: -1
}
#progressbar li.active::before, #progressbar li.active::after {
background: #A59553;
}
.progress {
height: 20px
}
.progress-bar {
background-color: #673AB7
}
.fit-image {
width: 100%;
object-fit: cover
}
.all_form_area {
width: 70%;
margin: 60px auto 0;
border: 1px dashed #a59553;
border-radius: 30px;
padding: 30px;
}
.form_head {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 30px;
}
.form_head_left h2 {
margin: 0;
font-size: 23px;
}
.form_head_right h2 {
margin: 0;
font-size: 16px;
color: #606060;
}
.payment_option_area {
background: #ececec;
width: 500px;
margin: 0 auto;
padding: 30px;
border-radius: 25px;
}
.payment_option_area h4 {
font-size: 19px;
text-align: center;
font-weight: 600;
margin: 0 0 11px;
}
.payment_option_area h5 {
text-align: center;
font-size: 15px;
margin: 0 0 32px;
}
.payment_option_sing {
border: 1px dashed #ccc;
padding: 25px;
border-radius: 10px;
}
.payment_option_sing label input {
margin: 0 17px 0 0;
}
.payment_option_sing label img {
width: 80%;
}
.succ_area_main img {
width: 130px;
margin: 100px auto 22px;
display: block;
text-align: center;
}
.succ_area_main h2 {
margin: 0 0 8px;
font-size: 30px;
}
.succ_area_main h5 {
text-align: center;
font-size: 15px;
margin: 0 0 70px;
}
/* =============================================== New Steps Form Css End ================================================= */
.chart_area_main {
background: #fbf5ec;
padding: 28px 28px;
}
.top_head_right a svg {
width: 18px;
}
.top_head_logo a img {
width: 170px;
}
.top_header_main_area {
padding: 0 100px;
position: fixed;
top: -11px;
left: 0;
right: 0;
z-index: 999;
width: 100%;
background: #fff;
display: flex;
justify-content: space-between;
align-items: center;
height: 90px;
}
.top_head_right {
display: flex;
justify-content: flex-end;
align-items: center;
}
.top_head_right p {
margin: 0 28px 0 0;
font-size: 14px;
color: #000;
}
.top_head_right a {
color: #000;
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 14px;
transition: ease-in-out 0.6s;
}
.top_head_right a:hover {
color: #a59553;
transition: ease-in-out 0.6s;
}
.top_head_right a svg {
margin: 0 5px 0 0;
}
.anant_menu_right {
display: flex;
justify-content: flex-end;
align-items: center;
}
/*================================================*/
.gsap-slider {
position: relative;
width: 100%;
height: 680px;
overflow: hidden;
margin-top: 138px;
}
.slides {
width: 100%;
height: 100%;
position: relative;
}
.slide {
position: absolute;
inset: 0;
opacity: 0;
transform: scale(1.1);
}
.slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Navigation */
.nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 52px;
height: 52px;
border-radius: 50%;
border: none;
background: rgba(0,0,0,0.45);
color: #fff;
font-size: 26px;
cursor: pointer;
z-index: 10;
transition: background 0.3s;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
}
.nav:hover {
background: rgba(0,0,0,0.8);
}
.prev { left: 30px; }
.next { right: 30px; }
/*=============================================*/
.banner_bottom_area_sing svg {
width: 56px;
}
.banner_bottom_area_main {
padding: 50px 100px;
}
.banbtm_heading h2 {
text-align: center;
font-size: 35px;
color: #a59553;
width: 55%;
margin: 0 auto 50px;
}
.banner_bottom_area_sing h3 {
font-size: 16px;
font-weight: 600;
margin: 10px 0 10px;
}
.banner_bottom_area_sing p {
font-size: 14px;
margin: 2px 0;
width: 80%;
}
.banner_bottom_area_inn {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
gap: 12px;
}
.banner_bottom_area_sing {
width: 30%;
background: #eae7dd;
border-radius: 20px;
padding: 26px 13px;
height: 222px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.banner_form {
position: absolute;
top: 44px;
left: 156px;
background: #fff;
width: 340px;
border-radius: 30px;
padding: 20px;
}
.banner_form a img {
width: 112px;
text-align: center;
margin: 22px auto 0;
display: block;
}
.banner_form p {
margin: 0 0 0;
padding: 12px 0 22px;
font-size: 14px;
text-align: center;
}
.submit_area {
margin: 18px 0 0;
}
.wpcf7-form.init p {
padding: 0;
}
/*===========================*/
.connct_image_block img {
width: 100% !important;
}
.accordion {
max-width: 50%;
margin: 0;
width: 38%;
}
.connct_image_block {
width: 50%;
}
.accordion-item {
border-bottom: 1px solid #cecece;
}
.accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
cursor: pointer;
}
.accordion-header h3 {
margin: 0;
font-size: 16px;
font-weight: 600;
}
.icon {
font-size: 26px;
transition: transform 0.3s;
}
.accordion-content {
overflow: hidden;
height: 0;
}
.accordion-content p {
padding: 0 20px 20px;
margin: 0;
color: #ccc;
}
/*===========================*/
.connectivity_area_main {
background: #ebeff4;
padding: 60px 100px;
}
.connectivity_head h2 {
text-align: center;
font-size: 35px;
color: #a59553;
width: 40%;
margin: 0 auto 50px;
}
.connectivity_area_inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.accordion-header h3 svg {
width: 28px;
margin: 0 10px 0 0;
}
.accordion-header h3 {
display: flex;
justify-content: flex-start;
align-items: center;
}
.accordion-header h3 svg {
width: 28px;
margin: 0 12px 0 0;
color: #a59553;
}
.accordion-content ul {
padding: 0 0 0 47px;
}
.accordion-content ul li {
font-size: 14px;
line-height: 26px;
list-style: disc;
}
.single_success_stories svg {
width: 200px;
color: #2b2a25;
margin: 0 0 -73px;
}
.connectivity_head h2 {
text-align: center;
font-size: 35px;
color: #a59553;
width: 40%;
margin: 0 auto 50px;
}
.success_stories_main_area {
padding: 60px 100px;
}
.all_sucess_stories {
display: flex;
justify-content: space-between;
}
.single_success_stories {
background: rgba(0, 0, 0, 0.8);
border-radius: 25px;
padding: 36px;
width: 22.5%;
}
.single_success_stories h3 {
font-size: 20px;
color: #a59553;
font-weight: 700;
}
.single_success_stories p {
font-size: 15px;
color: #fff;
font-weight: 200;
margin: 0;
}
.aminites_main_sect {
display: flex;
justify-content: space-between;
align-items: center;
}
.aminites_ledt_image {
width: 47%;
}
.main_aminities_area {
width: 50%;
}
.aminites_ledt_image img {
width: 100%;
border-radius: 40px;
}
.right_amini.aminiti ul li svg {
height: 28px;
}
.main_testimonials_area {
padding: 80px 100px;
background-repeat: no-repeat;
}
.testimon_header h2 {
text-align: center;
font-size: 35px;
color: #a59553;
width: 40%;
margin: 0 auto 50px;
}
.testimonial_gsap_slider {
position: relative;
overflow: hidden;
padding: 80px 0;
}
.ts_track {
position: relative;
height: 350px;
}
.ts_slide {
position: absolute;
left: 50%;
top: 0;
width: 500px;
transform: translateX(-50%) scale(0.8);
opacity: 0.4;
padding: 0 30px;
}
.ts_slide video {
width: 100%;
border-radius: 16px;
height: 350px;
object-fit: cover;
object-position: center;
}
.ts_nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #000;
color: #fff;
border: none;
width: 48px;
height: 48px;
font-size: 16px;
cursor: pointer;
z-index: 10;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.ts_prev { left: 10px; }
.ts_next { right: 10px; }
.aminites_head {
padding: 80px 0 0;
}
.single_aminites_box {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 0 50px;
}
.amenities_page_inn_all {
padding: 0 0 100px;
}
.single_aminites_box_left {
width: 50%;
}
.single_aminites_box_right {
width: 50%;
}
.single_aminites_box_left img {
width: 100%;
border-radius: 40px;
height: 450px;
}
.single_aminites_box_right {
background: #f7f3e2;
border-radius: 30px;
padding: 40px;
position: relative;
left: -62px;
}
.single_aminites_box_right h3 {
font-weight: 600;
color: #000;
margin: 0 0 10px;
font-size: 25px;
}
.single_aminites_box_right p {
font-size: 15px;
color: #4a4a4a;
line-height: 25px;
}
.amenities_page_inn_all .single_aminites_box:nth-child(2) .single_aminites_box_right {
left: 62px;
}
.amenities_page_inn_all .single_aminites_box:nth-child(4) .single_aminites_box_right {
left: 62px;
}
.amenities_page_inn_all .single_aminites_box:nth-child(6) .single_aminites_box_right {
left: 62px;
}
.amenities_page_inn_all .single_aminites_box:nth-child(8) .single_aminites_box_right {
left: 62px;
}
.amenities_page_inn_all .single_aminites_box:nth-child(10) .single_aminites_box_right {
left: 62px;
}
.amenities_page_inn_all .single_aminites_box:nth-child(12) .single_aminites_box_right {
left: 62px;
}
.contpg_main {
margin: 0 0 25px !important;
font-size: 15px;
font-weight: 400;
}
.aminites_ledt_image {
position: relative;
width: 47%;
height: 450px;
overflow: hidden;
border-radius: 40px;
}
.aminites_ledt_image img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transform: scale(1.1);
transition: opacity 1s ease, transform 4s ease;
}
.aminites_ledt_image img.active {
opacity: 1;
transform: scale(1);
}
.aminites_ledt_image img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transform: scale(1.1);
transition: opacity 1s ease, transform 4s ease;
}
.aminites_ledt_image img.active {
opacity: 1;
transform: scale(1);
}
.tab.inner-btn {
text-align: left;
}
.tab.inner-btn .amnty {
margin: 50px 0 17px;
}
/* ============== Stories Slider css start ============== */
.all_sucess_stories {
overflow: hidden;
width: 100%;
}
.success_slider_track {
display: flex;
gap: 30px;
animation: slideLR 20s linear infinite;
}
.single_success_stories {
padding: 20px;
border-radius: 12px;
flex-shrink: 0;
}
/* left → right animation */
@keyframes slideLR {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.all_sucess_stories:hover .success_slider_track {
animation-play-state: paused;
}
/* ======== 360 deg View Css ========= */
.tour {
overflow: hidden;
position: relative;
}
.tour__head{
padding-top: 10vh;
text-align: center;
margin-bottom: 50px;
}
.image-container{
height: 100vh;
position: relative;
width: 100vw;
display: block;
margin: 0 auto;
overflow: hidden;
border: 0;
}
canvas{
width: 100%;
}
.tour_tab_main {
position: absolute;
top: 25%;
right: 0;
z-index: 999;
}
/* ======== 360 deg tab Css ========= */
.tour .tab {
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-end;
text-align: right;
}
.tour .tab button {
background-color: inherit;
border: none;
outline: none;
cursor: pointer;
padding: 7px 16px;
transition: 0.3s;
font-size: 17px;
text-align: right;
color: #fff;
}
.tour .tab button:hover {
background-color: transparent;
}
.tour .tab button.active {
background-color: transparent;
color:#000;
/*color: #a59553;*/
font-weight: 600;
}
.tour .tabcontent div:nth-child(3) {
display: none !important;
}
.top_header_main_area.virtual-tour {
background: transparent;
height: 84px;
padding: 30px 0 0 16px;
}
.top_header_main_area.virtual-tour .custom-logo {
border-radius: 6px;
width: 125px;
}
.wpcf7-list-item label {
display: flex;
justify-content: flex-start;
margin: 0;
}
.wpcf7-list-item label input {
width: 39px !important;
height: 25px !important;
margin: 0 8px 0 0 !important;
}
.wpcf7-list-item {
margin: 0 0 0 0 !important;
}
.call_area a:nth-child(1) {
background: transparent;
color: #273e62;
margin: 0 15px 0 0;
}
.call_area a:nth-child(1) svg {
width: 24px;
}
.call_area {
display: flex;
justify-content: flex-end;
align-items: center;
}
.loading_popup_main_area {
position: fixed;
z-index: 9999;
background: rgba(0, 0, 0, 0.4);
width: 100vw;
height: 100vh;
top: 0;
left: 0;
display: none;
justify-content: center;
align-items: center;
}
.loading_popup_inner {
width: 800px;
background: #fff;
position: relative;
}
.load_pop_left img {
width: 100%;
}
.popup_all_area {
display: flex;
justify-content: space-between;
align-items: center;
}
.cls_pop_div {
position: absolute;
right: 20px;
top: 9px;
font-size: 20px;
cursor: pointer;
}
.load_pop_left {
width: 46%;
}
.load_pop_right {
width: 50%;
padding: 0 30px 0 0;
}
.popfrm_area label {
display: block;
font-size: 15px;
}
.popfrm_area input {
width: 100%;
height: 45px;
border: 1px solid #ccc;
padding: 0 13px;
border-radius: 4px;
font-size: 14px;
margin: 0 0 13px;
}
.chekarea span {
font-size: 14px;
padding: 0 0 0 7px;
}
.chekarea label {
display: flex;
justify-content: flex-start;
align-items: center;
}
.submit_frmpop input {
width: 150px;
height: 45px;
margin: 20px 0 0;
background: #a48a26;
color: #fff;
border: 0;
border-radius: 4px;
cursor: pointer;
}
.tab_img .slick-next, .tab_img .slick-prev {
width: 46px;
height: 46px;
}
.tab_img .slick-next {
right: 20px;
}
.tab_img .slick-prev {
left: 20px;
z-index: 99;
}
.story_from {
background: #a59553;
color: #fff;
padding: 8px 21px;
display: inline-flex;
font-size: 14px;
margin: 15px 0 0;
border-radius: 4px;
}
.story_from:hover{
text-decoration: none;
color: #fff;
}
.single_success_stories img {
width: 100%;
margin: 0 0 14px;
height: 250px;
object-fit: cover;
border-radius: 10px;
}
/*========================== Responsive Css Start ==============================*/
@media screen and (min-width: 1920px) {
.single_aminites_box_left img {
object-fit: cover;
}
}
@media screen and (max-width: 1540px) {
.foot_first {
width: 63%;
}
.single_chart img {
width: 75%;
}
.main_menu ul li a {
padding: 0 13px;
font-size: 14px;
}
.book_buton a {
font-size: 14px;
}
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
.amenities_right ul li {
width: 48%;
margin: 0 6px 12px 0;
}
}
@media screen and (max-width: 1280px) {
.contact_page_form {
width: 90%;
}
.amenities_right ul li {
font-size: 13px;
}
.amenities_page_area {
padding: 80px 50px 150px;
}
.header_logo img {
width: 90px;
}
.three_view {
width: 40px;
height: 40px;
}
.book_buton a {
font-size: 12px;
padding: 6px 9px;
}
.main_menu ul li a {
padding: 0 6px;
font-size: 14px;
}
.call_area a {
font-size: 13px;
}
.call_area a svg {
width: 18px;
}
}
@media screen and (max-width: 1180px) {
.main_header_area {
padding: 5px 20px;
top: 69px;
}
.gsap-slider {
margin-top: 121px;
}
.banner_bottom_area_main {
padding: 50px 50px;
}
.connct_image_block img {
width: 100%;
}
.top_header_main_area {
padding: 0 50px;
}
.top_head_logo a img {
width: 130px;
}
.main_menu ul li a {
padding: 0 14px;
}
.amenities_page_area {
padding: 80px 50px 150px;
}
.ban_form {
bottom: -93px;
left: 22px;
}
.aminites_area_css {
padding: 80px 20px;
}
.right_amini.aminiti {
width: 100%;
}
.success_stories_main_area {
padding: 60px 50px;
}
.single_success_stories svg {
width: 137px;
margin: 0 0 -55px;
}
.left_amini.aminiti {
width: 100%;
}
.projt_conf_area_main {
padding: 0 20px 80px;
}
.twobhk_option_right img {
width: 50%;
}
.tab_img img {
width: 100%;
}
.galry_slidr_img {
width: 75%;
margin: 0 auto;
}
/*.galry_slidr_img {
width: 100%;
margin: 0 auto;
}*/
.glysldr img {
width: 425px;
height: 270px;
margin: 0 auto;
}
.lone_calcul_main_area {
padding: 0 20px 300px;
}
.all_view {
width: 77%;
}
.main_footer_design {
padding: 58px 20px;
}
.foot_form_main {
bottom: 56%;
}
}
@media screen and (max-width: 1080px) {
.main_menu ul li a {
padding: 0 7px;
}
.glysldr img {
width: 383px;
}
.banbtm_heading h2 {
width: 59%;
}
.aminites_area_css {
padding: 0 20px 80px;
}
.amenities_left {
width: 38%;
}
.amenities_right {
width: 62%;
}
}
@media screen and (max-width: 1024px) {
.main_menu ul li a {
font-size: 13px;
}
.glysldr img {
width: 370px;
}
.single_aminites_box_right h3 {
font-size: 20px;
}
.single_aminites_box_right p {
font-size: 14px;
line-height: 23px;
}
.single_aminites_box_right {
padding: 26px;
}
.twobhk_option_left {
width: 25%;
}
.connectivity_area_main {
padding: 50px 50px;
}
.accordion-header h3 {
font-size: 15px;
}
.accordion-header h3 svg {
width: 23px;
}
.accordion-header {
padding: 11px 0;
}
.testimon_header h2 {
width: 50%;
}
.testimonial_gsap_slider {
padding: 0 0;
}
.single_success_stories h3 {
font-size: 18px;
}
.single_success_stories p {
font-size: 14px;
}
.details {
width: 73%;
margin: 0 34px 0 0;
}
.banner_form {
top: 75px;
left: 100px;
}
}
@media screen and (max-width: 990px) {
.amenities_single {
flex-wrap: wrap;
}
.amenities_left {
width: 100%;
}
.amenities_right {
width: 100%;
}
.gsap-slider {
height: 560px;
}
.banner_form a img {
margin: 0 auto 0;
}
.banner_form {
top: 41px;
}
.banner_bottom_area_inn {
flex-wrap: wrap;
}
.banner_bottom_area_sing {
width: 49%;
}
.top_head_logo a img {
width: 100px;
}
.top_head_right p {
margin: 0 18px 0 0;
font-size: 13px;
}
.main_header_area {
top: 60px;
}
.top_header_main_area {
height: 82px;
}
.top_head_right a {
font-size: 13px;
}
.main_header_area {
padding: 10px 20px;
}
.aminites_main_sect {
flex-wrap: wrap;
}
.aminites_ledt_image {
width: 100%;
}
.main_aminities_area {
width: 100%;
margin: 30px 0 0;
}
.left_amini.aminiti {
width: 100%;
}
.right_amini.aminiti {
width: 100%;
}
.success_stories_main_area {
padding: 50px 20px;
}
.single_success_stories svg {
width: 92px;
margin: 0 0 -39px;
}
.single_success_stories {
padding: 20px;
}
.aminites_head {
padding: 15px 0 0;
}
.header_right_area {
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: fixed;
left: -100%;
top: 0;
height: 100vh;
background: #a59553;
z-index: 999;
flex-direction: column;
width: 75vw;
padding: 25px 30px;
transition: ease-in-out 0.6s;
}
.header_right_area2{
left: 0%;
transition: ease-in-out 0.6s;
}
.main_menu ul {
display: flex;
justify-content: flex-end;
align-items: flex-start;
margin: 0;
flex-direction: column;
}
.menu_toggle span {
background: #000;
height: 1.5px;
display: block;
width: 25px;
border-radius: 20px;
}
.menu_toggle span:nth-child(2) {
margin: 7px 0;
}
.menu_toggle {
cursor: pointer;
display: block;
}
.header_logo img {
width: 24%;
}
.cls_menu {
position: absolute;
right: 10px;
background: #fff;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
top: 10px;
cursor: pointer;
}
.main_menu ul li a {
padding: 0 0 0;
color: #fff;
}
.main_menu ul li {
padding: 0 0 9px;
}
.book_buton a {
background: #2f456a;
margin: 18px 0 19px;
display: block;
}
.call_area a {
color: #ffffff;
margin: 0 0 15px;
}
.view_area {
margin: 0 0 0 0;
}
.main_header_area {
padding: 15px 20px;
}
.ban_form {
bottom: -102px;
left: 20px;
width: 300px;
}
.aminites_area_css {
padding: 0px 20px 50px;
}
.projt_conf_area_main {
padding: 40px 20px 80px;
}
.twobhk_option_right img {
width: 49%;
}
.tab_img img {
width: 100%;
}
.galry_slidr_img {
width: 74%;
}
.glysldr img {
width: 448px;
height: 276px;
margin: 0 auto;
}
.sub-container {
flex-direction: column;
}
.all_view {
width: 100%;
}
.right_partner_area {
width: 100%;
margin: 50px 0 0 0;
}
.main_footer_design {
padding: 58px 20px;
}
.foot_form_main {
bottom: 57%;
}
}
@media screen and (max-width: 990px) {
.gallery_page_area {
padding: 40px 20px 168px;
}
.tab_img .slick-slide {
transform: scale(1);
}
.contact_page_area {
padding: 39px 20px;
}
.contact_page_form {
width: 78%;
}
.con_map_main iframe {
height: 372px;
margin: 0 0 -6px;
}
.contact_page_con_details {
padding: 30px;
width: 95%;
}
.cont_pg_address h3 {
font-size: 17px;
}
.cont_pg_email h3 {
font-size: 17px;
}
.cont_pg_social h3 {
font-size: 17px;
}
.ban_form {
bottom: -150px;
}
.twobhk_option_left {
width: 33%;
}
.twobhk_option_right img {
width: 70%;
}
.glysldr img {
width: 290px;
height: 200px;
}
.lone_calcul_main_area {
padding: 0 20px 300px;
}
.details {
width: 48%;
margin: 0 60px 0 0;
}
.foot_form_main {
bottom: 64%;
}
.foot_rit_main {
flex-wrap: wrap;
}
.foot_third {
width: 50%;
border-left: 0;
padding: 0;
}
.foot_fourth {
border-left: 0;
padding: 0;
}
.foot_second {
width: 50%;
}
.foot_form_main {
bottom: 69%;
}
.banner_area {
margin: 65px 0 0;
}
}
@media screen and (max-width: 768px) {
.all_input_area input {
height: 40px;
margin: 0 0 8px;
}
.ban_form {
bottom: -140px;
width: 278px;
}
.aminiti ul li {
width: 100%;
}
.glysldr img {
width: 341px;
}
}
@media screen and (max-width: 600px) {
.amenities_page_inn_all .single_aminites_box:nth-child(2n+1) {
flex-direction: column-reverse;
}
.amenities_page_inn_all .amenities_single:nth-child(2n+2) {
flex-direction: column-reverse;
}
.top_header_main_area.virtual-tour .custom-logo {
border-radius: 4px;
width: 84px;
}
/*.twobhk_option_left {
padding-bottom: 20px;
}*/
.top_header_main_area.virtual-tour {
padding: 4px 0 0 16px;
}
.tour_tab_main {
top: 3%;
}
.top_header_main_area {
padding: 18px 15px;
flex-wrap: wrap;
height: 119px;
}
._iner_banner_area {
margin: 87px 0 0;
}
.single_aminites_box {
flex-wrap: wrap;
padding: 0 0 25px;
}
.single_aminites_box_left {
width: 100%;
}
.single_aminites_box_left img {
border-radius: 30px;
height: 286px;
}
.single_aminites_box_right {
width: 100%;
left: 0;
}
.amenities_page_inn_all .single_aminites_box:nth-child(2) .single_aminites_box_right,
.amenities_page_inn_all .single_aminites_box:nth-child(4) .single_aminites_box_right,
.amenities_page_inn_all .single_aminites_box:nth-child(6) .single_aminites_box_right,
.amenities_page_inn_all .single_aminites_box:nth-child(8) .single_aminites_box_right,
.amenities_page_inn_all .single_aminites_box:nth-child(10) .single_aminites_box_right,
.amenities_page_inn_all .single_aminites_box:nth-child(12) .single_aminites_box_right {
left: 0;
}
.main_header_area {
padding: 10px 15px;
top: 97px;
}
.nav {
width: 40px;
height: 40px;
font-size: 14px;
}
.prev {
left: 6px;
}
.next {
right: 6px;
}
.banner_form {
left: 45px;
}
.gsap-slider {
height: 582px;
}
.banner_bottom_area_main {
padding: 40px 15px;
}
.banbtm_heading h2 {
width: 100%;
font-size: 22px;
}
.banner_bottom_area_sing {
width: 48%;
padding: 22px 9px;
}
.aminiti ul li {
width: 100%;
}
.connectivity_area_main {
padding: 40px 15px;
}
.connectivity_head h2 {
font-size: 22px;
width: 100%;
margin: 0 auto 18px;
}
.accordion {
max-width: 100%;
margin: 0;
width: 100%;
}
.connct_image_block {
width: 100%;
margin: 30px 0 0;
}
.connectivity_area_inner {
flex-wrap: wrap;
}
.success_stories_main_area {
padding: 40px 15px;
}
.success_stories_head h2 {
font-size: 22px;
width: 100%;
margin: 0 auto 30px;
}
.all_sucess_stories {
flex-wrap: wrap;
}
.single_success_stories {
width: 25%;
margin: 0 0 20px;
}
.main_testimonials_area {
padding: 40px 15px;
}
.testimon_header h2 {
width: 100%;
font-size: 22px;
margin: 0 auto 25px;
}
.ts_slide video {
width: 100%;
height: 240px;
}
.ts_slide {
padding: 0 54px;
}
.foot_form_main {
bottom: 50%;
}
.ts_track {
height: 277px;
}
.blog_page_area {
padding: 30px 15px 329px;
}
.blog_page_inn {
flex-direction: column;
}
.blog_page_left_list {
width: 100%;
}
.blog_page_single_list {
width: 100%;
margin: 0 0 15px;
}
.blog_page_right {
width: 100%;
}
.testi_page_area {
padding: 30px 15px 326px;
}
.anan_single_testimonial {
width: 100%;
margin: 0 0 16px;
}
.heading_testi h2 {
margin: 0 0 20px;
}
.application_page_area {
padding: 30px 15px 167px;
}
.application_page_inn {
width: 100%;
padding: 18px 15px;
}
.termsand_condi_page_area {
padding: 30px 15px 200px;
}
.booknow_page_area {
padding: 30px 15px 170px;
}
#progressbar li {
font-size: 11px;
width: 33%;
margin: 0 0 15px;
}
.all_form_area {
width: 100%;
margin: 0 auto 0;
border-radius: 15px;
padding: 15px;
}
.form_head_left h2 {
font-size: 19px;
}
.form_head_right h2 {
font-size: 13px;
}
.appli_name_sing_srnm {
width: 30%;
}
.pp_box label {
font-size: 14px;
}
.adit_charg h3 {
font-size: 20px;
}
.tprice_box h2 {
font-size: 15px;
}
.prc_amnt_opt_all {
flex-direction: column;
}
.tp_listing p {
font-size: 13px;
}
.payment_shead_table {
width: 100%;
overflow: auto;
}
.payment_shead_table table {
width: 820px;
}
.upload_frm_inner2 {
max-width: 163px;
padding: 15px;
border-radius: 15px;
}
.upload_frm_inner2 h3 {
font-size: 12px;
}
.upload_frm_inner2 p {
font-size: 12px;
text-align: center;
line-height: 16px;
margin: 3px 0 0;
}
.img-area2,
.img-area3,
.img-area4,
.img-area5,
.img-area6,
.img-area7,
.img-area8 {
height: 100px;
margin-bottom: 6px;
}
.upload_frm_inner span, .upload_frm_inner2 span {
font-size: 12px;
padding: 8px 0;
}
.upload_frm_inner2 h3 {
margin: 9px 0 0;
}
.payment_option_area {
padding: 20px;
border-radius: 15px;
width: 100%;
}
.succ_area_main h2 {
font-size: 20px;
}
.succ_area_main h5 {
font-size: 12px;
}
.sing_kyc {
margin: 0 13px 13px 0;
}
.block_inpts span {
display: block;
width: 100%;
}
.prc_amnt_opt {
width: 100%;
text-align: center;
margin: 11px 0 0;
}
.form-card label {
font-size: 14px;
}
.form-card input {
font-size: 14px;
}
.payment_shead_table thead tr th {
font-size: 14px;
}
.payment_shead_table tbody tr td {
font-size: 13px;
}
.whyanantaa_left {
width: 100%;
padding: 0 0 0 0;
}
.whyanantaa_page_area {
padding: 30px 15px 309px;
}
.whyanantaa_page_inn {
flex-direction: column;
}
.whyanantaa_right {
width: 100%;
margin: 10px 0 25px;
}
.download_bro_popup_inner {
width: 95%;
padding: 15px;
}
.amenities_page_area {
padding: 30px 15px 217px;
}
.amenities_single {
flex-direction: column;
}
.amenities_left {
width: 100%;
}
.amenities_right {
width: 100%;
}
.amenities_single_indr .amenities_right {
padding: 14px 0;
}
.amenities_right ul li {
width: 100%;
}
.amenities_single_outd .amenities_right {
padding: 15px 0;
}
.amenities_page_main h2 {
font-size: 23px;
margin: 0 0 23px;
}
.banne_image_inn img {
height: 220px;
}
.inner_ban_heading h1 {
font-size: 25px;
}
.inner_ban_heading {
top: 53%;
left: 20px;
}
.contact_page_area {
padding: 30px 15px;
}
.contact_page_form {
width: 100%;
}
.contact_page_form h2 {
font-size: 23px;
}
.contact_page_form p {
margin: 0 0 28px;
font-size: 14px;
}
.contact_page_con_details {
width: 96%;
padding: 30px;
border-radius: 15px;
flex-direction: column;
}
.cont_pg_address {
width: 100%;
}
.cont_pg_email {
width: 100%;
}
.cont_pg_social {
width: 100%;
}
.cont_pg_address h3 {
font-size: 18px;
}
.con_map_main iframe {
height: 737px;
margin: 0 0 -6px;
}
.cont_pg_email ul li {
font-size: 13px;
}
.gallery_page_area {
padding: 30px 15px 189px;
}
.lightbox_img_wrap {
width: 100%;
}
.banner_area {
margin: 49px 0 0;
}
.ban_form {
position: inherit;
bottom: 0;
left: 100px;
background: #e6e6e6;
width: 90%;
margin: 25px auto 0;
}
.main_header_area {
padding: 7px 15px;
}
.aminites_area_css {
padding: 25px 15px;
}
.main_aminities_area {
flex-direction: column;
}
.proj_con_head h3 {
font-size: 22px;
}
.aminites_head h2 {
margin: 0 0 25px;
font-size: 22px;
}
.projt_conf_area_main {
padding: 0 15px 25px;
}
.twobhk_option_main {
flex-direction: column;
}
.twobhk_option_left {
width: 100%;
}
.twobhk_option_right {
width: 100%;
margin: 40px 0 0;
}
.twobhk_option_right img {
width: 87%;
}
.plan_main_area {
padding: 0 15px 25px;
}
.tab button {
padding: 5px 6px;
transition: ease-in-out 0.4s;
font-size: 13px;
}
.plan_head img {
width: 29%;
margin: 21px 0 0;
}
.plan_tab_main .tab {
text-align: center;
margin: 18px 0 30px;
}
.tab_img img {
width: 100%;
}
.galry_slidr_img {
width: auto;
margin: 0 0 75px;
}
.glysldr img {
width: 93%;
height: 263px;
margin: 0 auto;
}
.galry_slidr_img .slick-next {
right: 42%;
top: 112%;
}
.galry_slidr_img .slick-prev {
left: 38%;
top: 112%;
}
.gallery_main_area {
padding: 0 0 32px;
}
.lone_calcul_main_area {
padding: 0 15px 324px;
}
.sub-container {
flex-direction: column;
}
.all_view {
width: 100%;
}
.view {
flex-direction: column;
}
.details {
width: 100%;
margin: 27px 0 0 0;
}
.chart_area_main {
margin: 25px 0 0;
}
.right_partner_area {
width: 100%;
margin: 33px 0 0 0;
}
.footer_all_sect {
flex-direction: column;
}
.main_footer_design {
padding: 30px 15px;
position: relative;
}
.foot_rit_main {
flex-direction: column;
}
.foot_third {
width: 100%;
border-left: 0;
padding: 0;
}
.foot_fourth {
border-left: 0;
padding: 0;
width: 100%;
}
.foot_first {
width: 100%;
}
.foot_first {
margin: 0 35px 20px 0;
}
.foot_second {
margin: 0 35px 10px 0;
}
.foot_third {
margin: 0 0 3px 0;
}
.right_partner_area p {
margin: 16px 0 0;
font-size: 13px;
}
.download_plan button {
font-size: 14px;
}
.opt_button_btm a {
font-size: 14px;
}
.twobhk_tab_button button {
font-size: 13px;
}
.left_amini.aminiti {
width: 100%;
}
.right_amini.aminiti {
width: 100%;
}
.gallery_page_main h2 {
font-size: 25px;
margin: 0 0 23px;
}
.booknow_form {
width: 100%;
padding: 20px;
}
.name_sing_srnm {
width: 29%;
}
.submit_btn_book input {
width: 100%;
}
.inpt_frm.ocupetion select {
font-size: 14px;
}
.anant_menu_right {
justify-content: flex-start;
align-items: first baseline;
flex-direction: column;
}
.main_menu ul li a:hover {
color: #fff;
transition: ease-in-out 0.4s;
}
.contact_page_map {
margin: 140px 0 333px;
}
.application_page_area {
padding: 30px 15px 295px;
}
.wpcf7-list-item label span {
font-size: 13px;
}
}
.tabcontent .slick-next::before{
display:none;
}
.tabcontent .slick-prev::before{
display:none;
}
.chekarea label input {
width: 17px !important;
height: 17px !important;
}
.popfrm_area p {
margin: 0;
}
.chekarea span {
padding: 0;
}
.chekarea span {
padding: 0;
}
.banbtm_heading h2 span {
display: flex;
justify-content: center;
margin: 14px 0 0;
}
.submit_area p {
padding: 0;
margin: 0 !important;
height: 50px;
}
.all_input_area p {
padding: 0;
}
@media screen and (max-width: 430px) {
.popup_all_area {
flex-wrap: wrap;
}
.loading_popup_inner {
width: 95%;
}
.load_pop_left {
width: 100%;
}
.load_pop_right {
width: 100%;
padding: 15px 15px 15px 15px;
}
.load_pop_left img {
width: 100%;
height: 200px;
object-fit: cover;
}
.tab_img .slick-prev {
left: 0;
z-index: 99;
}
.tab_img .slick-next {
right: 0;
}
}
@media screen and (max-width: 414px) {
.banner_form {
left: 37px;
}
.ts_nav {
width: 40px;
height: 40px;
font-size: 15px;
}
.foot_form_main {
bottom: 52%;
}
.gallery_page_area {
padding: 30px 15px 310px;
}
}
@media screen and (max-width: 390px) {
.sing_kyc {
margin: 0 7px 8px 0;
}
.upload_frm_inner2 {
max-width: 149px;
}
.payment_option_area h4 {
font-size: 16px;
margin: 0 0 5px;
}
.payment_option_area h5 {
font-size: 13px;
}
}
@media screen and (max-width: 375px) {
.ts_slide {
padding: 0 81px;
}
.banner_form {
left: 18px;
}
.top_head_right p {
margin: 0 15px 0 0;
font-size: 12px;
}
.aminiti ul li {
font-size: 13px;
}
.gallery_page_area {
padding: 30px 15px 303px;
}
.top_head_right a svg {
width: 16px;
}
}
@media screen and (max-width: 360px) {
.top_head_right p {
margin: 0 10px 0 0;
font-size: 11px;
}
.top_head_right a {
font-size: 12px;
}
.top_head_right a svg {
width: 16px;
}
.banner_form {
width: 325px;
}
.banner_bottom_area_sing h3 {
font-size: 15px;
margin: 10px 0 10px;
}
}