* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: nunito;
}
a,
a:hover {
  text-decoration: none;
}

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

h2,
p {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}

input,
textarea {
  background: none;
  border: none;
  outline: none;
}

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

/* Color Code */

:root {
  --primary-color: #C68A13;
  --shadow-color: #C68A13b6;
  --secondary-color: black;
  --text-color: rgba(0, 0, 0, 0.74);
  --text-light: #ffffff;
  --text-lighter: #f8f9fa;
  --text-dark: #000000;
  --text-darker: #000000;
  --bg-color: #f8f9fa;
  --bg-light: #ffffff;
  --bg-dark: #000000;
  --bg-darker: #000000;
  --border-color: #C68A13;
  --border-light: #f8f9fa;
  --border-dark: #000000;
  --border-darker: #000000;
}

.sp5 {
  padding: 10px 10px;
}
.sp6 {
  padding: 40px 0px;
}
.sp7 {
  padding: 80px 0px;
}
.sp8 {
  padding: 120px 0px;
}
.sp9 {
  padding: 160px 0px;
}
.sp10 {
  padding: 200px 0px;
}
.navbar {
  box-shadow: 5px 5px 5px rgba(128, 128, 128, 0.356);
  padding: 15px 80px;
}
header {
  position: sticky;
  top: 0;
  z-index: 1020;
  background-color: #f8f9fa;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.navbar .navbar-nav .nav-item {
  padding-right: 20px;
  font-weight: bold;
  font-size: 17px;
}
.navbar .navbar-nav .nav-item:last-child {
  padding-right: 50px;
}
.navbar .navbar-nav .nav-item .nav-link {
  color: #000000;
}
.navbar .navbar-nav .nav-item .nav-link:hover {
  color: var(--primary-color);
}

/* Slider Section Start */

.slider {
  overflow: hidden;
  width: 100%;
  background-color: var(--secondary-color);
}
.slider .carousel-inner img {
  height: 600px;
}
.slider .project-details {
  padding: 80px 50px;
}
.slider .project-details .welcome {
  font-size: 20px;
  font-weight: bold;
}
.slider .project-details .project-name img{
  font-size: 50px;
  height: 100%;
}
.slider .project-details .location {
  font-size: 22px;
  padding: 5px 0px;
  color: #ffffff;
}
.slider .project-details .location i {
  color: var(--primary-color);
}
.slider .project-details .project-type {
  font-size: 32px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 6px 15px;
  color: white;
  background: linear-gradient(to right, #C68A13, #C68A13b6);
}
.slider .project-details .project-type1 {
  font-size: 26px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 15px;
  color: white;
  background: linear-gradient(to right, #C68A13, #C68A13b6);
}
.slider .project-details .card {
  border: 1px solid var(--border-color);
  background: transparent;
  border-radius: 0px;
  margin-bottom: 15px;
}

.slider .project-details .card .card-body .card-title {
  background: linear-gradient(to right, #C68A13, #C68A13b6);
  color: white;
  padding: 10px 20px;
  font-weight: bold;
}
.slider .project-details .card .card-body .card-text i {
  color: var(--primary-color);
  padding: 0px 0px 0px 10px;
}
.slider .project-details .card .card-body .card-text {
  font-weight: bold;
  color: #ffffff;
}
.slider .project-details .price {
  font-size: 30px;
  color: #ffffff;
}
.slider .project-details .price span {
  font-size: 40px;
  font-weight: bold;
  color: var(--primary-color);
}

/* Slider Section End */

/* Overview Section Start */

.title {
  font-size: 18px;
  font-weight: bolder;
  padding-bottom: 10px;
  color: var(--primary-color);
}
.sub-title {
  font-weight: 800;
  width: 90%;
  padding-bottom: 10px;
}

.overview .overview-content .description {
  color: var(--text-color);
  font-size: 17px;
  padding-bottom: 5px;
  text-align: justify;
}

.overview .overview-content .key-point {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
.overview .overview-content .key-point p {
  margin-top: 15px;
}
.overview .overview-content .key-point p i {
  color: var(--primary-color);
}
.overview .overview-content .button-borders {
  margin-bottom: 30px;
}
.overview .overview-img img {
  height: 500px;
}

/* Overview Section End */

.highlights {
  background-color: var(--secondary-color);
}

.highlights .highlight-content .title,
.highlights .highlight-content .sub-title {
  text-align: center;
}
.highlights .highlight-content .sub-title {
  width: 50%;
  margin: 0px auto;
}
.highlights .highlight-content .animated-border-box {
  margin: 0px auto;
}

.highlights .highlight-content .highlight-details {
  margin-top: 60px;
}
.highlights .highlight-content .highlight-img img {
  border-radius: 5px;
  height: 450px;
}
.highlights .highlight-content .highlight-details .card {
  border: none;
  background: transparent;
  margin-bottom: 10px;
}
.highlights .highlight-content .highlight-details .card .icon i {
  background-color: var(--primary-color);
  padding: 18px 20px;
  font-size: 20px;
  border-radius: 2px;
  color: var(--text-light);
  margin-bottom: 10px;
}
.highlights .highlight-content .highlight-details .card .card-text {
  font-size: 17px;
  color: #ffffff;
  text-align: justify;
}

.highlights .highlight-content .highlight-details .card .card-title {
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
}
.highlights .motion-dot{
  color: black !important;
}
/* Price list Start */
.price-list .price-details .title,
.price-list .price-details .sub-title {
  text-align: center;
}
.price-list .price-details .sub-title {
  width: 50%;
  margin: 0px auto;
}
.price-list .price-details .animated-border-box {
  margin: 0px auto;
}

.price-list .price-details .price-card {
  margin-top: 50px;
}
.price-list .price-details .price-card .card {
  border-radius: 2px;
  border: 2px solid var(--primary-color);
  /* background-color: var(--secondary-color); */
  padding: 50px 0px;
  text-align: center;
}
.price-list .price-card .card .icon {
  margin: 10px auto;
  rotate: 50deg;
  background-color: var(--primary-color);
  padding: 20px 25px;
  border-radius: 2px;
}
.price-list .price-card .card .icon i {
  font-size: 22px;
  rotate: -50deg;
  color: var(--text-light);
}
.price-list .price-card .card .card-title {
  font-size: 22px;
  font-weight: bold;
}
.price-list .price-card .card .card-text {
  font-size: 17px;
  font-weight: bold;
  color: var(--text-color);
}
.price-list .price-card .card .button-borders1 {
  margin: 13px auto;
}

/* Price list End */

/* Amenities Start */
.amenities {
  background: var(--secondary-color);
}
.amenities .amenities-content .animated-border-box {
  margin-bottom: 50px;
}
.amenities .amenities-content .card {
  position: relative;
  border: 0px;
  box-shadow: 8px 8px var(--shadow-color);
}
.amenities .sub-title {
  width: 60%;
  color: #ffffff;
}
.amenities .amenities-content .card {
  margin: 15px 0px;
  border: 2px solid var(--primary-color);
  background: transparent;
  padding-top: 30px;
  border-radius: 2px;
  text-align: center;
}
.amenities .amenities-content .card .icon {
  /* margin: 10px auto; */
  margin-top: -30px;
  background-color: var(--primary-color);
  padding: 5px 5px;
  border-radius: 2px;
}
.amenities .amenities-content .card .icon img {
  color: white;
  height: 250px;
  width: 100%;
}
.amenities .amenities-content .card .card-title {
  font-weight: bold;
  color: white;
}

/* Amenities End */

/* Gallery Start  */
.gallery .gallery-content {
  text-align: center;
}
.gallery .gallery-content .title,
.gallery .gallery-content .sub-title {
  width: 50%;
  margin: 0px auto;
}
.gallery .gallery-content .animated-border-box {
  margin: 0px auto;
}
.gallery .gallery-details {
  margin-top: 30px;
}
.gallery .gallery-details .card {
  margin-top: 30px;
}
.gallery .gallery-details img{
  height: 250px;
}
/* Gallery End */

/* floor plan Start */
.floorplan {
  background: var(--secondary-color);
}
.floorplan .floorplan-content .title,
.floorplan .floorplan-content .sub-title {
  text-align: center;
}
.floorplan .floorplan-content .sub-title {
  width: 50%;
  margin: 0px auto;
  color: #ffffff;
}
.floorplan .floorplan-content .animated-border-box {
  margin: 0px auto;
}

.floorplan .floorplan-details {
  margin-top: 50px;
}

.floorplan .floorplan-details .card {
  width: 98%;
  border: 1px solid var(--border-color);
  border-radius: 2px;
  padding: 5px;
  background: transparent;
  box-shadow: 10px 10px var(--shadow-color);
  color: #ffffff;
}
.floorplan .floorplan-details .card img {
  filter: blur(5px);
}
.floorplan .floorplan-details .card .card-title1 {
  border-top: 1px dashed var(--primary-color);
  padding-top: 10px;
}
/* floor plan End */

/* location start */
.location .location-content{
  margin-bottom: 15px;
}
.location .location-content .location-p{
  border-top: 2px dashed var(--primary-color);
  padding: 10px 0px;
  width: 90%;
}
.location .location-content i{
  color: var(--primary-color);
}
.location .location-img img{
  /* height: 500px; */
  margin-top: 20px;
}
/* location End */


/* Footer Start */
footer {
  background-color: black;
  padding: 40px 0px;
  text-align: center;
}
footer .footer-content {
  color: grey;
  font-size: 16px;
}
footer .footer-content b {
  color: white;
}

@media (max-width: 786px) {
  footer .footer-content {
    font-size: 12px;
  }
}
/* Footer End */


/* contact us */
.contactus{
  background-color: var(--primary-color);
  padding: 50px 0px;
}


/* MODAL */

.modal-form .form-control{
  height: 50px;
  border-radius: 0px;
  border: 1px solid var(--primary-color);
}

.modal-form .button-borders{
    margin: 20px 0px;
}
.modal-body .heading3{
  margin-bottom: 25px;
  padding-bottom: 8px;
  border-bottom: 2px dashed var(--primary-color);
}

.modal .modal-img img{
  border: 1px solid var(--primary-color);
 }