* {
    margin: 0px;
    padding: 0xp;
    box-sizing: border-box;
}

@font-face {
    font-family: PPHatton-Medium;
    src: url(../fonts/PPHatton-Medium.woff);
}

@font-face {
    font-family: PPHatton-Bold;
    src: url(../fonts/PPHatton-Bold.woff);
}

@font-face {
    font-family: Metropolis-ExtraLight;
    src: url(../fonts/Metropolis-ExtraLight.woff);
}

@font-face {
    font-family: Metropolis-Light;
    src: url(../fonts/Metropolis-Light.woff);
}

@font-face {
    font-family: Metropolis-Regular;
    src: url(../fonts/Metropolis-Regular.woff);
}

@font-face {
    font-family: Metropolis-Semibold;
    src: url(../fonts/Metropolis-SemiBold.woff);
}

@font-face {
    font-family: Metropolis-Medium;
    src: url(../fonts/Metropolis-Medium.woff);
}


/* @media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1230px;
    }
} */

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1215px;
    }
}

.enquire-heading h1 {

    font-family: PPHatton-Bold;
    font-size: 50px;

}

.heading h2 {
    font-size: 40px;
    line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: PPHatton-Bold;
}

p {
    font-family: Metropolis-semibold;
    font-size: 16px;
}

.regular_font p {
    font-family: Metropolis-regular;
}

a {
    font-family: Metropolis-Semibold;
    font-size: 16px;
}


li {
    font-family: Metropolis-Semibold;
    list-style: none;
}


/* head-bar css start  */

.head-bar {
    background-color: #000000;
    padding: 20px 0px;
}

.head-bar .flex_head {
    display: flex;
    justify-content: end;
    align-items: center;
}

.head-bar .flex_head .head-icon {
    padding: 0px 30px;
}

.head-bar .flex_head .head-icon:nth-child(1) {
    border-right: 2px solid #ffffff;
}

.head-bar .flex_head .head-icon a {
    text-decoration: none;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.head-bar .flex_head .head-icon a img {
    width: 35px;
    margin-right: 15px;

}

/* head-bar css end  */

/*  header css start  */

header .navbar-expand-lg .navbar-collapse {
    justify-content: end;
}

header .logo img {
    width: 230px;
}

header .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 2.3rem;
    padding-left: 2.3rem;
    color: #000000;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/*  header css end  */

/* enquire now section css start  */

section.enquire-wrp {
    background-image: url(../img/main-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 785px;
    text-align: center;
    background-position: center;
}

section.enquire-wrp .enquire-heading {
    width: 50%;
    margin: 70px auto;
    color: #ffffff;
}

section.enquire-wrp .enquire-heading a img {
    width: 30px;
    margin-top: 25px;
}

.enquire-form {
    background: #ffffff;
    padding: 45px 20px;
    border-radius: 15px;
    color: #000000;
    margin: 0px auto;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.enquire-heading p {
    margin-top: 20px;
}

.enquire-form .form-heading {
    padding-bottom: 30px;
    text-align: center;
}


.enquire-form .form-control {
    border-bottom: 1px solid #000000 !important;
    background-color: #ffffff;
    border-radius: 0px;
    border: none;
    padding: 10px 0px;
    color: #000000;
    font-family: Metropolis-Medium;
    font-size: 13px;
    width: 80%;
    margin: 0px auto;
}

.enquire-form .form-control:focus {
    background-color: #ffffff;
    box-shadow: none;
    color: #000000;
}

.enquire-form .form-btn {
    text-align: center;
    padding-top: 20px;
}

.enquire-form .form-submit {
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-family: 'PPHatton-Bold';
    background: #b99755;
    padding: 10px 65px;
    border-radius: 50px;
    border: none;
}

.enquire-form .form-group {
    margin-bottom: 25px;
}

.enquire-form .text_area {
    width: 90%;
}

/* enquire now section css end  */

/* elements section css start  */

section.elements_wrp {
    position: relative;
}

section.elements_wrp .elements_img_left img {
    width: 210px;
}

section.elements_wrp .elements_img_left {
    position: absolute;
    left: 0;
    top: 0;
}

section.elements_wrp .elements_img_right {
    position: absolute;
    right: 0;
    top: -145px;
    bottom: 0;
    z-index: -1;
}

section.elements_wrp .elements_img_right img {
    width: 320px;
}

/* elements section css end  */

/* high end retail section css start  */

section.high_end {
    background: url(../img/sec2-bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0px;
    margin-top: 260px;
    color: #ffffff;
}

section.high_end .high_img {
    text-align: center;
}

section.high_end .high_img img {
    width: 90%;
    border: 8px solid #ffffff;
}

/* high end retail section css end  */

/* our journey section css start */

section.journey {
    padding: 100px 0px 0px;
    background-color: #fff7e7;
    position: relative;
    z-index: 1;
}

section.journey:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 216px;
    background-color: #ffffff;
    bottom: 0;
    left: 0;

}

section.journey .journey_wrp {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

section.journey .journey_box {
    width: 18%;
    background-color: #ffffff;
    text-align: center;
    padding: 10px;
    margin: 0px 10px;
    height: 220px;
}

section.journey .dotted_box {
    border: 1px dashed #d1b276;
    height: 200px;
    padding: 0px 10px;
}

section.journey .serial_number {
    background-color: #d1b276;
    width: 50px;
    height: 70px;
    margin: 0px auto;
    display: flex;
    align-items: end;
    justify-content: center;
    border-radius: 0px 0px 50px 50px;
}

section.journey .circle_bg span {
    color: #ffffff;
    font-size: 18px;
}

section.journey .circle_bg {
    background-color: #b99755;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    margin-bottom: 6px;
}

section.journey .wrp_head {
    margin-top: 30px;
    margin-bottom: 40px;
}

section.journey .wrp_head h6 {
    font-size: 22px;

}

section.journey .mile_heading {
    margin-top: 40px;
    margin-bottom: 40px;
}

section.journey .mall_wrp {
    position: relative;
}

section.journey .mall_wrp:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(2deg, #000000b8, transparent);
}

section.journey .mall_text {
    position: absolute;
    bottom: 3px;
    left: 15px;
    z-index: 1;
}

section.journey .mall_text h5 {
    color: #d4b578;
    font-size: 25px;
}

section.journey .mall_text p {
    color: #ffffff;
    margin-bottom: 6px;
    font-size: 18px;
}

section.journey .mall_slider .owl-nav {
    display: block !important;
}

section.journey .mall_slider .owl-nav.disabled .owl-prev span img {
    width: 75px;
    position: absolute;
    top: 170px;
    left: -89px;
    color: #ffffff;
    padding: 10px;
    transition: .5s;
    z-index: 2;
}

section.journey .mall_slider .owl-nav.disabled .owl-next span img {
    width: 75px;
    position: absolute;
    top: 170px;
    right: -89px;
    color: #ffffff;
    padding: 10px;
    transition: .5s;
    z-index: 2;

}

/* our journey section css end */

/* high traffic area section css start  */

section.high_traffic {
    margin-top: 90px;
}

section.high_traffic .traffic_wrp .heading h2 {
    line-height: inherit;
}

section.high_traffic .traffic_wrp {
    background-color: #fff7e7;
    padding: 30px 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-top: 220px;
}

section.high_traffic .row .col-lg-6:nth-child(1) {
    padding-right: 0;
}

section.high_traffic .row .col-lg-6:nth-child(2) {
    padding-left: 0;
}

section.high_traffic .traffic_img img {
    width: 100%;
    border: 10px solid #ffffff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

section.high_traffic .check_icon img {
    width: 17px;
}

section.high_traffic .traffic_wrp ul {
    padding-left: 0;
}

section.high_traffic .traffic_wrp ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

section.high_traffic .check_icon img {
    width: 17px;
    margin-right: 15px;
    margin-top: -6px
}

section.high_traffic .check_list span {
    font-family: PPHatton-Bold;
}

/* high traffic area section css end  */

/* most important reatil section css start  */

section.most_important {
    background: url(../img/retail-sec-bg.webp);
    background-position: center;
    background-size: cover;
    padding: 80px 0px;
    color: #ffffff;
    margin-top: 100px;
}

section.most_important .connect_img img {
    width: 100%;
}

section.most_important .heading {
    margin-bottom: 70px;
}

section.most_important .row .col-lg-6:nth-child(2) {
    margin-top: -120px;
}

section.most_important .row .col-lg-6:nth-child(1) .important_head {
    margin-right: 50px;
}

section.most_important .row .col-lg-6:nth-child(2) .important_head {
    margin-left: 50px;
}

section.most_important .connect_heading h3 {
    font-size: 38px;
}

section.most_important .connect_heading p {
    padding-right: 30px;
    font-size: 20px;
}

/* most important reatil section css end  */

/* feature section css start  */

section.feature {
    margin-top: 100px;

}

section.feature .item {
    position: relative;
    transition: .4s ease all;
    margin: 0 80px;
    transform: scale(1);
    opacity: .7;
}

section.feature .item img {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 8px solid #ffffff;
}


@media(max-width:1000px) {
    section.feature .item {
        margin: 0;
        transform: scale(.9)
    }
}

section.feature .active .item {
    opacity: 1;
    transform: scale(1.07);
}

section.feature .owl-carousel .owl-stage {
    padding: 50px 0px 180px;
}

/* section.feature .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
} */

section.feature .inner {
    /* display: flex; */
    /* justify-content: space-between; */
    width: 50%;
    margin: 0px auto;
    margin-top: -60px;
    position: relative;
    z-index: 99;
    background: url(../img/feautre_gredients_bg.webp);
    text-align: center;
    padding: 40px;
    margin: 0px auto;
    position: absolute;
    top: 210px;
    right: -50px;
    background-position: center;
    background-size: cover;

}



section.feature .item .inner {
    visibility: hidden;
    opacity: 0;
    transition: .3s;
}

section.feature .active .item .inner {
    visibility: visible;
    opacity: 1;

}

section.feature .dream_slider .owl-nav {
    display: block !important;
}

section.feature .dream_slider .owl-nav .owl-prev span img {
    width: 75px;
    position: absolute;
    bottom: 100px;
    left: 340px;
    color: #ffffff;
    padding: 10px;
    transition: .5s;

}

section.feature .dream_slider .owl-nav .owl-next span img {
    width: 75px;
    position: absolute;
    bottom: 100px;
    left: 400px;
    color: #ffffff;
    padding: 10px;
    transition: .5s;


}

/* feature section css end  */


/* floor plans section css start  */


section.floor_plans {
    margin-top: 100px;
}

section.floor_plans .black_bg {
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    padding: 25px 0px;
}

section.floor_plans .black_bg h2 {
    margin-bottom: 0;
    line-height: inherit;
}

section.floor_plans .floor_slider {
    margin-top: 40px;
}

section.floor_plans .flor_wrp {
    text-align: center;
}

section.floor_plans .floor_img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.floor_plans .floor_img:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #00000050;
    top: 0;
    left: 0;
}

section.floor_plans .floor_text {
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    z-index: 1;
    color: #ffffff;
}

section.floor_plans .floor_text h4 {
    font-size: 30px;
}



section.floor_plans .floor_slider .owl-nav {
    display: block !important;
    text-align: center;
    margin-top: 20px;
}

section.floor_plans .floor_slider .owl-nav .owl-prev span img {
    width: 75px;
    margin-left: -20px;
    bottom: 0;
    left: 340px;
    color: #ffffff;
    padding: 10px;
    transition: .5s;

}

section.floor_plans .floor_slider .owl-nav .owl-next span img {
    width: 75px;
    margin-left: -20px;
    bottom: 0;
    left: 400px;
    color: #ffffff;
    padding: 10px;
    transition: .5s;

}


/* floor plans section css end  */

/* footer elements section start  */

section.footer_elements {
    position: relative;
}

section.footer_elements .footer_right {
    position: absolute;
    right: 0;
    bottom: -350px;
    z-index: -1;
}

section.footer_elements .footer_right img {
    width: 280px;
}

section.footer_elements .footer_left img {
    width: 310px;
}

section.footer_elements .footer_left {
    position: absolute;
    left: 0;
    bottom: -360px;
    z-index: -1;
}

/* footer elements section end  */


/* footer section css start  */

footer {
    background: url(../img/footer-banner.webp);
    background-position: center;
    background-size: cover;
    height: 780px;
    margin-top: 200px;
    padding-bottom: 100px;
}

footer .footer_form {
    margin-top: -140px;
}

footer .heading h2 {
    color: #ffffff;
    line-height: inherit;
}

footer .heading {
    text-align: center;
    margin-top: 50px;
}

footer ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}


footer ul li {
    margin-top: 40px;
    margin-right: 15px;
}

footer ul li img {
    width: 35px;
    margin-right: 10px;
    margin-top: -8px;
}

footer ul li a {
    background-color: #ffffff;
    padding: 20px 40px 20px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 20px;
    color: #000000;
}

footer ul li a:hover {
    color: #000000;
}

/* footer section css end  */