/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;

  font-family: "Gilmer", sans-serif;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";

  content: none;
}

table {
  border-collapse: collapse;

  border-spacing: 0;
}

/*  */

img {
  width: 100%;
}

video {
  object-fit: cover;
}

section {
  position: relative;
}

section#hero_banner_section {
  height: auto;
  width: 100%;
  margin-top: 80px;
}

form label.error {
  width: 100% !important;

  padding: 10px 0;

  color: red;

  clear: both;

  margin: 0;

  display: none;

  font-weight: normal;
}

.hero_video_bg {
  position: relative;

  height: 100%;

  width: 100%;
}

.hero_video_bg video {
  width: 100%;

  height: 100%;
}

.hero_float_logo {
  position: relative;

  top: auto;

  z-index: 2;

  width: 100%;

  right: auto;
}

.hero_float_logo img {
  width: 250px;
}

.hero_float_tag_line_box {
  position: relative;

  z-index: 1;

  top: auto;

  width: 100%;

  right: 0%;

  color: #fff;

  z-index: 1;

  height: 100%;
}

.tag_line_logo {
  margin-bottom: 10px;
}

.tag_line_logo img {
  width: 180px;
}

.tag_line {
  margin-bottom: 20px;
}

.tag_line h1 {
  font-size: 72px;

  font-family: "Gyahegi";
}

.tag_line_btn {
}

.tag_line_btn a {
  color: #fff;
}

.trans_circle_btn {
  background: transparent;

  border: 1px solid #fff;

  padding: 10px 25px;

  border-radius: 30px;

  transition: 0.6s;

  box-shadow: none !important;
}

.trans_circle_btn:hover {
  color: #000;

  background: #fff;
}

section#hero_banner_section:before {
  content: "";

  /* background-image: linear-gradient(180deg, #000000, #ffffff00); */

  position: absolute;

  top: 0px;

  left: 0px;

  right: 0px;

  width: 100%;

  height: 20%;

  z-index: 1;

  pointer-events: none;
}

section#hero_banner_section:after {
  content: "";

  background-image: linear-gradient(180deg, #ffffff00, white);

  position: absolute;

  bottom: 0px;

  left: 0px;

  right: 0px;

  width: 100%;

  height: 30%;

  pointer-events: none;

  display: none;
}

header {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0px;
  position: absolute;
  bottom: auto;
  z-index: 999;
  right: 0px;
  width: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
}

header ul {
  display: flex;

  align-items: center;

  justify-content: flex-end;

  position: relative;

  height: 100%;
}

header ul li {
  margin-right: 25px;
}

header ul li:first-child {
}

header ul li:last-child {
  margin-right: 0px;
}

header ul li a {
  color: #000;

  text-decoration: none;
}

/*  */

/* Text With Background */

/* Container should be full height and full width */

.text_bg_video_box {
  position: relative;

  width: 100%;

  height: 400px;
}

.text_bg_video_box video {
  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  margin: auto;

  width: 99%;

  height: 100%;

  object-fit: cover;

  object-position: top;

  overflow: hidden;
}

.text_bg_video_box .text {
  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #000;

  overflow: hidden;

  background: #fff;

  mix-blend-mode: screen;

  overflow: hidden;
}

.text_bg_video_box .text {
  font-size: 62px;

  line-height: 1;

  font-family: "Gyahegi";

  font-weight: 700;
}

/* Text With Background */

.space-pd {
  padding: 50px 0px;
}

p.lead {
  font-size: 18px;

  line-height: 25px;

  margin-bottom: 15px;

  font-weight: 400;
}

.about_us_content {
  padding-left: 0px;
}

.about_us_content p.lead {
  font-weight: 500;

  line-height: 30px;

  font-size: 16px;
}

.about_us_content ul {
  margin-top: 25px;

  margin-left: 15px;
}

.about_us_content ul li {
  font-size: 16px;

  line-height: 25px;

  margin-bottom: 20px;

  font-weight: 500;

  position: relative;
}

/*  */

.project-overview .statistics {
  margin-bottom: 0;

  min-height: 140px;

  cursor: pointer;

  text-align: center;
}

.project-overview .statistics h3 {
  font-size: 75px;

  text-align: center;

  font-weight: 600;

  transform: translateY(-2px);

  color: #cbcbcb;

  transition: all 0.5s;

  display: inline-block;
}

.project-overview .statistics p {
  text-align: center;

  font-size: 18px;

  color: #545454;

  transition: all 0.5s;

  z-index: 1;

  position: relative;

  transform: translateY(0px);
}

.project-overview .statistics:hover h3 {
  color: #206512;

  transform: translateY(-11px);
}

.project-overview .statistics:hover p {
  color: #206512;

  transform: translateY(-8px);
}

.project-overview:before {
  /* content: "";

  background: url("../images/L6.webp") no-repeat center;

  background-size: 90%;

  width: 482px;

  height: 540px;

  position: absolute;

  left: -18%;

  top: -15%;

  transform: rotate(20deg);

  z-index: 1;

  pointer-events: none;

  display: none; */
}

/*  */

.overview_section .trans_circle_btn {
  border: 1px solid #ccc;
}

.overview_section .trans_circle_btn i {
  margin-right: 5px;
}

.overview_section .trans_circle_btn:hover {
  background-color: #f3f3f3;

  color: #000;
}

.video_bg_amenities video {
  width: 100%;

  height: 100%;

  object-position: center;

  object-fit: cover;

  filter: brightness(0.6);
}

.video_bg_amenities {
  width: 100%;

  height: 100%;

  position: absolute;

  top: 0px;

  left: 0px;

  bottom: 0px;

  right: 0px;

  z-index: 0;
}

h2.title {
  font-size: 40px;

  color: #fff;

  text-align: center;

  font-weight: 500;
}

.amenities_section .tabs_box {
}

.amenities_section .tabs_box ul {
  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 30px;
}

.amenities_section .tabs_box ul li {
}

.amenities_section .tabs_box ul li a {
  display: block;

  width: 120px;

  border: 1px solid transparent;

  text-align: center;

  margin: 0px 10px;

  padding: 10px;

  border-radius: 30px;

  color: #206512;

  text-decoration: none;

  font-size: 20px;

  font-weight: 500;
}

.amenities_section .tabs_box ul li a.active {
  border: 1px solid #206512;
}

/* Amenities */

.tabs_content_wrapper {
  margin-top: 40px;

  display: none;
}

.tabs_content_wrapper .tab_content_box {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;
}

.tabs_content_wrapper .tab_content_box .box {
  width: 17%;

  text-align: center;

  color: #fff;
}

.tab_content_box .box .image_box {
  width: 100px;

  margin: auto;
}

.tab_content_box .box .image_box img {
  min-height: 60px;

  max-height: 60px;

  object-fit: contain;
}

.tab_content_box .box .caption {
  margin: 20px 0px;
}

.tab_content_box .box .caption p.lead {
  color: #206512;
}

.tabs_content_wrapper.active {
  display: block;
}

/* Amenities */

/* Master Plan */

.tabs-plan-inner {
  width: 100%;

  margin: auto;
}

.tabs-plan-inner img {
}

.master-plan-section .title {
  margin-bottom: 40px;

  color: #206512;
}

.master-plan-section .container {
  position: relative;

  z-index: 1;

  /* background: #ebebeb; */

  padding: 20px 5% 3%;

  border-radius: 30px;
}

section#master-plan {
  overflow: hidden;

  background: #fff;
}

.video_bg_master_plan {
  position: absolute;

  right: -13.1%;

  z-index: 0;

  width: 400px;

  top: 15%;

  bottom: auto;

  margin: auto;

  display: flex;

  align-items: center;

  transform: rotate(-3deg);
}

.video_bg_master_plan video {
  width: 100%;

  height: 80%;

  object-fit: contain;
}

/* Master Plan */

/* location_highlights_section */

.location_highlights_section {
  padding-bottom: 70px !important;
}

.location_highlights_section h2.title {
  color: #206512;
  margin-top: 50px;
  margin-bottom: 50px;
}

.video_bg_map_iframe {
  width: 100%;
}

.map_location_iframe a {
  display: block;

  position: relative;

  width: 100%;
}

.map_location_iframe a iframe {
  width: 100%;
}

.video_bg_map_iframe video {
  width: 100%;

  border-radius: 25px;

  height: 400px;

  transition: 0.6s;
}

.map_location_iframe {
  border-radius: 20px;

  overflow: hidden;
}

.video_bg_map_iframe video:hover {
  transform: scale(1.1);
}

.map_location_iframe h6 {
  position: absolute;

  bottom: 8%;

  left: 10%;

  color: #fff;

  border: 1px solid #ccc;

  padding: 15px 30px;

  border-radius: 30px;

  padding-right: 50px;
}

.map_location_iframe h6 i {
  display: inline-block;

  font-size: 24px;

  position: absolute;

  right: 20px;

  top: 10px;

  transform: rotate(45deg);
}

.map_location_iframe h5 {
  position: absolute;

  top: 35%;

  right: -60px;

  color: #fff;

  font-size: 30px;

  transform: rotate(-91deg);
}

.inner_location_highlights {
  width: 100%;

  margin: auto;

  margin-right: 0px;
}

/* location_highlights_section */

.accordion-button:not(.collapsed) {
  background-color: transparent;

  box-shadow: none !important;

  color: #000;

  font-weight: 500;
}

.accordion-body {
  line-height: 25px;
}

.accordion-button {
  box-shadow: none !important;
}

.accordion-item {
  border: none;
}

.gallery_section {
  /* background: url(../images/gallery_bg.webp) no-repeat; */

  /* background-size: cover; */

  position: relative;

  background: #f2f1f1;
}

.gallery_section::before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: #00000085;

  top: 0px;

  left: 0px;

  pointer-events: none;

  display: none;
}

.gallery_section h2.title {
  color: #000;

  margin-bottom: 0rem;
}

.gallery_section .container {
  position: relative;

  z-index: 1;
}

.slider_inner_box {
  width: 90%;

  margin: auto;
}

.owl-gallery-slider .owl-dots {
  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 20px;
}

.owl-gallery-slider .owl-dots .owl-dot {
  width: 14px;

  height: 14px;

  background: #fff;

  margin: 0px 10px;

  border-radius: 20px;
}

.owl-gallery-slider .owl-dots .owl-dot.active {
  background: #fab005;
}

.video_section_life_style {
  background: #fff;

  background-size: cover;

  padding: 40px 0px 30px;

  overflow: hidden;
}

.video_section_life_style .video_section_overlay {
  width: 100%;

  display: flex;

  gap: 20px;

  flex-direction: column;
}

.video_section_life_style .video_section_overlay .video_container {
  position: relative;

  width: 100%;

  margin: 0px;
}

.video_section_life_style .video_section_overlay .video_container:before {
  content: "";

  background: #ffffffc2;

  position: absolute;

  width: 50%;

  height: 100%;

  left: 0px;

  top: 0px;

  transition: 0.6s;

  display: none;
}

.video_section_life_style .video_section_overlay .video_container:after {
  content: "";

  background: #ffffffc2;

  position: absolute;

  width: 50%;

  height: 100%;

  right: 0px;

  top: 0px;

  transition: 0.6s;

  display: none;
}

.video_section_life_style .video_section_overlay .video_container video {
  width: 100%;

  height: 400px;
}

.video_container:hover:before {
  width: 0% !important;
}

.video_container:hover:after {
  width: 0% !important;
}

.video_section_overlay {
  position: relative;
}

.video_section_overlay::before,
.video_section_overlay::after {
  position: absolute;

  transition: 0.6s;
}

.video_section_overlay::before {
  content: "";

  background: url("../images/plant-1.png") no-repeat;

  left: 0%;

  top: -25%;

  background-size: 74%;

  z-index: 1;

  width: 80%;

  height: calc(100% + 119px);

  pointer-events: none;

  display: none;
}

.video_section_overlay::after {
  content: "";

  background: url("../images/plant-2.png") no-repeat;

  right: 0px;

  bottom: -30%;

  background-size: contain;

  background-position: bottom;

  width: 60%;

  height: 100%;

  pointer-events: none;

  display: none;
}

.video_section_overlay:hover:before {
  left: -70%;
}

.video_section_overlay:hover:after {
  right: -70%;
}

.download_brochure_sction button {
  border: 1px solid #ccc;
}

.download_brochure_sction {
  padding-bottom: 10px;

  padding-top: 30px;
}

.accordion_tabs_box {
  width: 60%;

  margin: auto;
}

#book_a_site_visit_tabs {
  background-color: #fff;

  text-align: center;

  padding: 10px 0px 70px;

  overflow: hidden;
}

#book_a_site_visit_tabs .accordion-body,
#book_a_site_visit_tabs .accordion-button:not(.collapsed) {
  background-color: #fff;

  color: black;

  text-align: left;
}

#book_a_site_visit_tabs .accordion-body,
#book_a_site_visit_tabs .accordion-button:not(.collapsed) {
  background-color: #fff;

  color: black;

  text-align: left;
}

.book-visit-form input {
  background: #e8e8e8;

  border: 1px solid #fff;

  width: 100%;

  font-size: 15px;

  border-radius: 7px;

  padding: 11px 13px;

  height: 45px;
}

#book_a_site_visit_tabs .trans_circle_btn {
  font-size: 13px;

  border: 1px solid #ccc;

  padding: 10px 15px;

  width: max-content;

  cursor: pointer !important;
}

#book_a_site_visit_tabs .download_btn {
  display: flex;

  align-items: center;

  justify-content: flex-end;

  cursor: pointer !important;
}

._checked_.t-c {
  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-bottom: 20px;

  font-size: 13px;
}

._checked_.t-c input {
  width: max-content;

  margin-right: 15px;

  margin-bottom: 0px !important;
}

.scrolling_magic .section1 {
  height: calc(100vh - 190px);

  background: url("../images/slider-1.webp") no-repeat;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 4;
}

.scrolling_magic .section2 {
  height: calc(100vh - 125px);

  z-index: 3;

  background: #fff;
}

.scrolling_magic .section3 {
}

.scrolling_magic .section4 {
}

.scrolling_magic .section1 .floating_text {
  position: absolute;

  top: 40%;

  z-index: 1;

  color: #fff;

  left: 10%;

  line-height: 60px;
}

.scrolling_magic .section1 h2 {
  font-size: 50px;

  font-weight: 500;
}

.scrolling_magic .section1 h3 {
  font-size: 50px;

  font-weight: 500;
}

main {
  margin-bottom: 0px;
}

.scrolling_magic .scrolling_section {
  border-bottom-left-radius: 30px;

  border-bottom-right-radius: 30px;

  position: absolute;

  width: 100%;

  /* transition: .6s; */
}

.scrolling_magic .scrolling_section .content_box {
  margin-top: 10vh;

  width: 50%;

  position: relative;

  z-index: 1;
}

.scrolling_magic .scrolling_section .content_box h2 {
  font-size: 40px;

  line-height: 50px;

  color: #206512;

  margin-bottom: 20px;

  font-weight: 600;
}

.scrolling_magic .scrolling_section .content_box p.lead {
  line-height: 30px;

  color: #206512;
}

.scrolling_magic .bottom_text p.lead {
  color: #206512;

  font-weight: 600;

  font-size: 20px;

  margin: 0px;
}

.scrolling_magic .bottom_text {
  position: absolute;

  bottom: 20px;
}

.scrolling_magic .section3 {
  height: calc(100vh - 70px);

  background: url("../images/slider-2.webp") no-repeat;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 2;
}

.scrolling_magic .section4 {
  height: calc(100vh - 10px);

  background: url("../images/slider-3.webp") no-repeat;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 1;
}

.scrolling_magic .section2 h2 {
  color: #fff;
}

.scrolling_magic .section2 p.lead {
}

.scrolling_magic .section3 h2 {
  color: #fff !important;
}

.scrolling_magic .section3 p.lead {
  color: #fff !important;
}

.scrolling_magic .section4 h2 {
  color: #fff !important;
}

.scrolling_magic .section4 p.lead {
  color: #fff !important;
}

footer {
  height: 100vh;

  background: url(../images/footer_bg.webp) no-repeat;

  background-size: cover;

  display: flex;

  align-items: flex-end;

  justify-content: center;

  padding-bottom: 50px;

  position: fixed;

  left: 0px;

  right: 0px;

  width: 100%;

  z-index: 0;

  bottom: 0px;

  background-position: bottom;

  pointer-events: fill;
}

.footer_logo {
  width: 100%;

  margin-bottom: 20px;

  position: relative;

  z-index: 1;
}

.footer_logo img {
  width: 100%;
}

.copyright {
  color: #fff;

  width: 100%;

  font-size: 12px;

  position: relative;

  z-index: 1;
}

.footer_inner {
  text-align: left;
}

.footer_inner .copyright {
}

.copyright a {
  color: #fff;

  text-decoration: none;
}

.scrolling_magic .section1:before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: #00000069;

  top: 0px;

  left: 0px;

  border-bottom-left-radius: 30px;

  border-bottom-right-radius: 30px;
}

.scrolling_magic .section3:before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: #00000069;

  top: 0px;

  left: 0px;

  border-bottom-left-radius: 30px;

  border-bottom-right-radius: 30px;
}

.scrolling_magic .section4:before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: #00000069;

  top: 0px;

  left: 0px;

  border-bottom-left-radius: 30px;

  border-bottom-right-radius: 30px;
}

.space-pd-bottom {
  padding-bottom: 40px;
}

.map_iframe {
  filter: brightness(0.4);

  width: 100%;
}

.tabs-plan-inner img {
  transition: 0.6s;

  border-radius: 5px;
}

.tabs-plan-inner:hover img {
  /* transform: scale(1.04); */
}

.tabs_lists {
  margin-bottom: 2rem;
}

.tabs_lists ul {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 40px;
}

.tabs_lists ul li {
}

.tabs_lists ul li a {
  font-size: 25px;

  color: #206512;

  text-decoration: none;

  position: relative;

  display: block;

  width: auto;

  text-align: center;

  padding: 10px 0px;

  border-radius: 0;

  background: transparent;

  font-weight: 500;

  transition: 0.6s border;

  min-height: 47px;

  border-bottom: 1px solid #fff0;
}

.tabs_content_plans {
  display: none;
}

.tabs_lists ul li a.active {
  border-bottom: 2px solid #206512;

  font-weight: 600;
}

.tabs_content_plans.active {
  display: block;
}

.video_section_life_style:before {
  content: "";

  background: url(../images/L6.webp) no-repeat center;

  background-size: 90%;

  width: 529px;

  height: 500px;

  position: absolute;

  left: -16%;

  bottom: 15%;

  transform: rotate(20deg);

  z-index: 1;

  display: none;
}

.video_tabs_lists {
  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 3vw;
}

.video_tabs_lists ul {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 30px;
}

.video_tabs_lists ul li {
}

.video_tabs_lists ul li a {
  color: #000;

  text-decoration: none;

  font-size: 20px;

  border-bottom: 1px solid #fff;

  padding-bottom: 10px;
}

.video_tabs_lists ul li a.active {
  color: #206512;

  border-color: #206512;
}

.video_container {
  display: none;
}

.video_container.active {
  display: block;
}

.gray_bg_amenities {
  background: #f2f1f1;

  padding: 30px 0px;

  border-radius: 30px;

  position: relative;
}

.amenities_section h2.title {
  color: #206512;
}

.amenities_section:after {
  content: "";

  background: url(../images/L5.webp) no-repeat center;

  background-size: 100%;

  width: 623px;

  height: 500px;

  position: absolute;

  left: auto;

  right: -18%;

  bottom: 26%;

  transform: rotate(104deg);

  z-index: 1;

  display: none;
}

section#amenities {
  overflow-x: hidden;

  padding-top: 50px;
}

.owl-gallery-slider img {
  border-radius: 20px;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  width: 100% !important;
}

.owl-gallery-slider .item {
  padding: 30px;

  padding-bottom: 5px;
}

.accordion-button::after {
  content: "\2b";

  background: transparent;

  font-size: 25px;
}

.accordion-button:not(.collapsed)::after {
  content: "\f068";

  font-size: 20px;

  background: transparent;

  font-family: "Font Awesome 6 Free";

  font-weight: 600;
}

/* #book_a_site_visit_tabs:after {

  content: "";

  background: url(../images/L4.webp) no-repeat center;

  background-size: 100%;

  width: 520px;

  height: 210px;

  position: absolute;

  left: auto;

  right: -8%;

  bottom: -2%;

  z-index: 1;

  pointer-events: none;

  display: none;

} */

/*  */

.circle_slider_content_box {
  min-height: 530px;

  padding-right: 3vw;
}

.circle_slider_content_box .big_title {
}

.circle_slider_content_box h2.title {
  color: #206512;

  text-align: left;

  margin-bottom: 1.5rem;

  font-size: 45px;

  font-weight: 600;
}

.circle_slider_content_box .inner_tabs_content {
  display: none;
}

.circle_slider_content_box .inner_tabs_content.active {
  display: block;
}

.circle_slider_content_box .inner_tabs_content h3 {
  font-size: 22px;

  color: #206512;

  margin-bottom: 20px;

  line-height: 30px;
}

.circle_slider_content_box .inner_tabs_content ul {
  margin-left: 20px;
}

.circle_slider_content_box .inner_tabs_content ul li {
  font-size: 16px;

  margin-bottom: 10px;

  line-height: 25px;

  list-style-type: disc;
}

.circle_slider_theme {
  width: 400px;

  height: 400px;

  position: relative;

  border: 1px solid #00ae59;

  border-radius: 100%;

  /* transform: rotate(45deg); */

  margin: auto;

  transition: 0.6s transform linear;
}

.circle_slider_theme .slide_box {
  width: 120px;

  height: 120px;

  position: absolute;

  background: #fff;

  border-radius: 100%;

  transition: 0.6s background linear;
}

.circle_slider_theme .slide_box img {
  width: 119px;

  background: transparent;

  transition: 0.6s;
}

.circle_slider_theme .slide_box:nth-child(1) {
  top: 0px;

  left: 0px;
}

.circle_slider_theme .slide_box:nth-child(2) {
  top: 0px;

  right: 0px;
}

.circle_slider_theme .slide_box:nth-child(3) {
  bottom: 0px;

  left: 0px;
}

.circle_slider_theme .slide_box:nth-child(4) {
  bottom: 0px;

  right: 0px;
}

.circle_slider_theme .slide_box:nth-child(5) {
  top: -180px;

  right: 0px;

  left: 0px;

  margin: auto;
}

.circle_nav {
  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 80%;

  position: absolute;

  top: 47%;

  left: 0px;

  right: 0px;

  margin: auto;

  cursor: pointer;

  z-index: 1;
}

.main_circle_slider {
  position: relative;
}

.circle_nav .circle_nav_prev {
  background: #00ae59;

  padding: 10px;

  border-radius: 100%;

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.circle_nav .circle_nav_prev i {
  color: white;

  font-size: 14px;
}

.circle_nav .circle_nav_next {
  background: #00ae59;

  padding: 10px;

  border-radius: 100%;

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;
}

.circle_nav .circle_nav_next i {
  color: white;

  font-size: 14px;
}

.center_image {
  position: absolute;

  top: 0px;

  right: 0px;

  left: 0px;

  bottom: 0px;

  margin: auto;

  z-index: 2;

  display: flex;

  align-items: center;

  justify-content: center;

  pointer-events: none;
}

.center_image img {
  width: 250px;
}

.circle_slider_theme .slide_box.active {
  background: #00ae59;

  border-radius: 100%;
}

.slide_box .circle_green_image {
  width: 100%;

  height: 100%;

  display: flex;

  transition: 0.6s linear;

  border: 1px solid #00ae59;

  border-radius: 100%;

  transform: rotate(-45deg);
}

.slide_box.active .circle_green_image {
  border: 1px solid #00ae59;

  border-radius: 100%;
}

.slide_box:nth-child(1) .circle_green_image {
  background: url("../images/circle/1.png") no-repeat center;

  background-size: 100%;
}

.slide_box:nth-child(2) .circle_green_image {
  background: url("../images/circle/2.png") no-repeat center;

  background-size: 100%;
}

.slide_box:nth-child(3) .circle_green_image {
  background: url("../images/circle/3.png") no-repeat center;

  background-size: 100%;
}

.slide_box:nth-child(4) .circle_green_image {
  background: url("../images/circle/4.png") no-repeat center;

  background-size: 100%;
}

.slide_box.active:nth-child(1) .circle_green_image {
  background: url("../images/circle/1-white.png") no-repeat center;

  background-size: 100%;
}

.slide_box.active:nth-child(2) .circle_green_image {
  background: url("../images/circle/2-white.png") no-repeat center;

  background-size: 100%;
}

.slide_box.active:nth-child(3) .circle_green_image {
  background: url("../images/circle/3-white.png") no-repeat center;

  background-size: 100%;
}

.slide_box.active:nth-child(4) .circle_green_image {
  background: url("../images/circle/4-white.png") no-repeat center;

  background-size: 100%;
}

/*  */

/* Footer */

.footer_logo ul {
  margin-top: 2vw;
}

.footer_logo ul li {
  text-align: left;

  margin-bottom: 15px;
}

.footer_logo ul li a {
  color: #fff;

  text-decoration: none;

  font-size: 20px;

  text-align: left;

  font-weight: 500;
}

footer::after {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  background: #0000007a;
}

/* Footer */

section {
  background: #fff;

  position: relative;

  z-index: 2;
}

article {
  padding-bottom: 100vh;
}

.menu_bar {
  display: none;
}

.about_us_content ul li:before {
  content: "";

  position: absolute;

  left: -20px;

  top: 8px;

  width: 8px;

  height: 8px;

  background: #206512;

  border-radius: 100%;
}

.accordion-body ul {
}

.accordion-body ul li {
  display: flex;

  align-items: center;

  justify-content: space-between;

  line-height: 25px;

  margin-bottom: 10px;
}

.accordion-body ul li span {
}

.accordion-body ul li span.distance {
  font-weight: 600;
}

.circle_slider_content_box .inner_tabs_content ul li {
  position: relative;
}

.circle_slider_content_box .inner_tabs_content ul li:before {
  content: "";

  position: absolute;

  left: -20px;

  top: 8px;

  width: 8px;

  height: 8px;

  background: #206512;

  border-radius: 100%;
}

.inner_center_text {
  position: absolute;

  left: 0px;

  top: auto;

  right: 0px;

  bottom: 0px;

  display: flex;

  align-items: end;

  justify-content: center;

  text-align: center;

  z-index: 1;

  flex-direction: row;

  line-height: initial;

  font-size: 20px;

  color: #000000;

  gap: 10px;

  transition: 0.6s;

  font-weight: 400;

  width: 100%;

  margin: auto;

  background: #ffffffc2;

  height: 100%;

  overflow: hidden;
}

.video_container:hover .inner_center_text {
  opacity: 0;
}

header.fixed_header {
  position: fixed;

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

  background: #fff;
}

header.fixed_header ul li a {
  color: #000;
}

.download_brochure_sction button:hover {
  background: #206512;

  color: #fff;
}

header.fixed_header .menu_bar i {
  color: #000;
}

section#circle_slider {
}

.accordion-body h2 {
  font-size: 20px;

  font-weight: 500;

  margin-bottom: 10px;
}

.video_container h4 {
  position: absolute;

  top: -35px;

  left: 0px;

  right: 0px;

  text-align: center;

  font-size: 20px;
}

.video_section_life_style .d-flex {
  gap: 12px;

  text-align: center;
}

.video_section_life_style h4 {
  font-size: 22px;

  font-weight: 500;

  text-transform: capitalize;

  color: #206512;
}

.scroll_down {
  border: 30px;

  text-align: center;

  position: absolute;

  z-index: 1;

  top: auto;

  width: 100%;

  right: 0px;

  color: #000;

  bottom: 5%;

  left: 0px;
}

.scroll_down i {
  cursor: pointer;

  font-size: 20px;

  animation: bounce_custom 2s infinite;

  -webkit-animation: bounce_custom 2s infinite;

  -moz-animation: bounce_custom 2s infinite;

  -o-animation: bounce_custom 2s infinite;

  border: 1px solid #000;

  padding: 10px;

  border-radius: 100px;

  width: 45px;

  height: 45px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: auto;

  padding-top: 15px;
}

@-webkit-keyframes bounce_custom {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
  }
}

@-moz-keyframes bounce_custom {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(-30px);
  }

  60% {
    -moz-transform: translateY(-15px);
  }
}

@-o-keyframes bounce_custom {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }

  40% {
    -o-transform: translateY(-30px);
  }

  60% {
    -o-transform: translateY(-15px);
  }
}

@keyframes bounce_custom {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

.h100 {
  height: 100%;
}

.hero_inner_box {
}

.owl-plan-slider .owl-nav {
}

.owl-plan-slider .owl-nav .owl-prev,
.owl-floor-plan-slider .owl-nav .owl-prev {
  position: absolute;
  top: 45%;
  left: 0px;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-plan-slider .owl-nav .owl-next,
.owl-floor-plan-slider .owl-nav .owl-next {
  position: absolute;
  top: 45%;
  right: 0px;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-video-slider .owl-nav .owl-prev {
  position: absolute;
  top: 45%;
  left: 0px;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-video-slider .owl-nav .owl-next {
  position: absolute;

  top: 45%;

  right: 0px;

  background: #fff;

  width: 40px;

  height: 40px;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.accordion-body ul li span.disclaimer {
  display: block;

  vertical-align: middle;

  font-size: 10px;

  text-align: right;
}

.video_section_life_style .video_section_overlay h2 {
  margin-bottom: 1.5rem;

  font-size: 25px;

  color: #206512;
}

.footer_logo img {
  width: 200px;

  margin-left: 0px;
}

address {
  text-align: right;

  color: #fff;

  position: relative;

  z-index: 1;

  line-height: 35px;

  font-size: 18px;
}

.project-overview:before {
  

  position: absolute;

  width: 18%;

  height: 74%;

  background: url("../images/new/bg-1.png") no-repeat;

  background-size: 100%;

  z-index: 1;

  top: 0px;
}

.bee_icon {
  position: relative;
}

.bee_icon:after {
  content: "";

  width: 60px;

  height: 60px;

  position: absolute;

  background: url("../images/new/bee.png");

  background-position: center;

  background-size: 100%;

  top: -30px;
}

.video_container.lifestyle_video:hover .inner_center_text {
  height: 0px;

  opacity: 1;
}

.inner_center_text h6 {
  padding-bottom: 2rem;

  line-height: 23px;

  width: 85%;

  margin-left: auto;

  margin-right: auto;
}

.gray_bg_amenities:before {
  content: "";

  position: absolute;

  left: -22px;

  top: -37px;

  background: url("../images/new/butterfly.png");

  width: 130px;

  height: 130px;

  background-position: center;

  background-size: 102%;

  z-index: 6;
}

.circle_slider_content_box .big_title h2 {
  display: inline-block;
}

.circle_slider_content_box .bee_icon:after {
  right: 0px;

  background: url(../images/new/butterfly.png);

  background-position: center;

  background-size: 100%;

  top: -35px;
}

.butterfly_animation_title {
  position: relative;
}

.butterfly_animation_title::before {
  content: "";

  position: absolute;

  left: 0px;

  top: 0px;

  background: url("../images/new/butterfly.png");

  width: 0px;

  height: 0px;

  background-position: center;

  background-size: 102%;

  background-repeat: no-repeat;

  transition: 0.6s;

  transform: translate(54px, 48px);
}

.statistics:hover .butterfly_animation_title::before {
  width: 50px;

  height: 50px;

  transform: translate(-40px, -20px);
}

.video_section_life_style .item {
  overflow: hidden;
}

#book_a_site_visit_tabs {
  position: relative;
}

#book_a_site_visit_tabs::after {
  content: "";

  position: absolute;

  width: 18%;

  height: 100%;

  background: url(../images/new/bg-1-right.png) no-repeat;

  background-size: contain;

  background-position: right;

  z-index: 1;

  top: 0px;

  right: 0px;
}

h2.title img {
  width: 100%;
}

.gallery_section h2.title img {
  width: auto;
}

.amenities_section h2.title img {
  width: 610px;
}

.location_highlights_section h2.title img {
  width: 500px;
}

.gallery_section h2.title::after {
  top: 0px;
}

/* sticky form code */

.stickyForm {
  position: fixed;

  top: 24%;

  width: 310px;

  right: -310px;

  text-align: center;

  padding: 25px;

  background: rgba(84, 84, 84, 0.81);

  border-radius: 11px 0px 0 11px;

  -webkit-transition: 0.35s ease-in-out;

  -o-transition: 0.35s ease-in-out;

  transition: 0.35s ease-in-out;

  z-index: 9999;
}

.stickyForm.active {
  right: 0px;
}

.stickyForm .btn {
  background: #206512;

  padding: 10px 30px;

  position: absolute;

  top: 0px;

  bottom: 0px;

  margin: auto;

  left: -95px;

  color: #fff;

  height: 40px;

  border-radius: 7px 7px 0 0;

  font-size: 15px;

  cursor: pointer;

  transform: rotate(-90deg);

  -webkit-transform: rotate(-90deg);

  -moz-transform: rotate(-90deg);

  -o-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  border: 0;

  perspective: 100px;

  outline: 0 !important;
}

body .stickyForm label {
  width: 100% !important;
}

body .stickyForm input[type="text"],
body .stickyForm input[type="email"],
body .stickyForm textarea,
body .stickyForm .intl-tel-input {
  width: 100% !important;

  border: 0;

  height: 45px;

  background: transparent;

  border-bottom: 1px solid #fff;

  margin-bottom: 15px;

  outline: none;

  color: #fff;
}

.stickyForm [type="submit"] {
  background: #545454d9;

  color: white;

  border: 0;

  padding: 10px 25px;

  border-radius: 2px;

  border: 1px solid #616161;
}

body .stickyForm ._checkbox {
  margin-bottom: 10px;
}

body .stickyForm ._checkbox .text {
  text-align: left;

  margin-bottom: 10px;
}

body .stickyForm ._checkbox label {
  width: 50% !important;

  float: left;

  padding-right: 5px;
}

body .stickyForm ._checkbox span {
  padding-left: 4px;

  font-size: 13px;

  float: left;
}

.stickyForm,
.stickyForm.active .btn {
  background: rgba(35, 35, 35, 0.77);
}

.stickyForm ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  letter-spacing: 0px;

  color: #ccc;
}

.stickyForm ::-moz-placeholder {
  /* Firefox 19+ */

  letter-spacing: 0px;

  color: #ccc;
}

.stickyForm ::-ms-input-placeholder {
  /* IE 10+ */

  letter-spacing: 0px;

  color: #ccc;
}

.stickyForm :-moz-placeholder {
  /* Firefox 18- */

  letter-spacing: 0px;

  color: #ccc;
}

body .stickyForm select {
  width: 100%;

  color: #fff;

  border: 0;

  background: transparent;

  border-bottom: 1px solid #fff;

  height: 40px;
}

body .stickyForm .btn-group {
  margin-top: 10px;
}

body .stickyForm .error {
  margin-bottom: 0 !important;
}

body .stickyForm label.error {
  padding: 7px 0;

  font-size: 12px;

  background: #fff;

  border-radius: 4px;

  margin-top: 10px;
}

body .stickyForm [type="submit"] {
  background: #206512 !important;

  color: #fff;

  height: 40px !important;

  padding: 0px 30px !important;

  /* box-shadow: 0 0 8px 3px rgba(99, 99, 99, 0.32); */
}

body .stickyForm .country-name {
  color: #000;
}

/* end of sticky form code */

.download_header h1 {
  font-size: 28px;

  text-align: center;

  margin-bottom: 15px;

  color: #206512;
}

#popup_download_brochure .submit_btn {
  text-align: center;
}

#popup_download_brochure .submit_btn input[type="submit"] {
  width: 100%;

  background-color: #206512;

  color: white;

  padding: 10px;

  height: auto;

  margin-top: 1rem;

  border: 1px solid #206512;
}

body .mfp-iframe-holder .mfp-close {
  background: transparent;
}

.video_container img {
  height: 380px;

  object-fit: cover;
}

.stickyForm ._checked_.t-c {
  color: #fff;
}

.stickyForm ._checked_.t-c a {
  color: #fff;
}

.popup_form_box {
  position: relative !important;

  background: #fff !important;

  padding: 40px;

  width: 100%;

  max-width: 450px !important;

  min-height: auto !important;

  overflow: hidden;

  border-radius: 10px;
}

.download_header p {
  margin-bottom: 1.5rem;

  text-align: center;
}

.popup_form_box input:not([type="submit"], [type="tel"], [type="checkbox"]) {
  width: 100%;

  height: 45px;
}

.popup_form_box .input-block {
  margin-bottom: 15px;
}

.popup_form_box input[type="tel"] {
  height: 45px;
}

.flag-container {
  height: 45px !important;
}

.book-visit-form .input-block {
  margin-bottom: 10px;
}

._checked_.t-c a {
  margin-left: 5px;
}

form#book-visit-form label.error {
  font-size: 12px;
}

form#download_brochure_form label.error {
  font-size: 12px;
}

.play_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.play_btn::before {
  content: "";
  position: absolute;
  background: url(../images/play-btn.png) no-repeat;
  background-position: center;
  background-size: 90%;
  width: 50px;
  height: 50px;
}

.owl-gallery-slider .owl-nav .owl-prev {
  position: absolute;
  top: 45%;
  left: 0px;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-gallery-slider .owl-nav .owl-next {
  position: absolute;
  top: 45%;
  right: 0px;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.amenities_slider_custom .owl-nav .owl-prev {
  position: absolute;
  top: 45%;
  left: 0px;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.amenities_slider_custom .owl-nav .owl-next {
  position: absolute;
  top: 45%;
  right: 0px;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-gallery-slider figcaption {
  position: absolute;
  bottom: 5%;
  left: 5%;
  color: #fff;
  font-size: 30px;
  font-family: "Gyahegi";
}

/* Inner Tabs */
.inner-plan-tabs ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px 30px;
}

.inner-plan-tabs {
  margin-bottom: 2rem;
  margin-top: 0.5rem;
}

.inner-plan-tabs ul a {
  color: #206512;
  text-decoration: none;
}

.inner-plan-tabs ul a.active {
  text-decoration: underline;
}
/* Inner Tabs */
.about_us_content p {
  text-align: center;
}
.title {
  text-align: center;
  font-weight: 300;
  font-size: 28px;
  margin-bottom: 30px;
}
h3.title.title-border {
  display: flex;
  align-items: center;
}
.title-border:before, .title-border:after {
  content: '';
  width: 100%;
  height: 1px;
  background: #707070;
  margin: 0 40px 0 0;
}

.title-border:before, .title-border:after {
  content: '';
  width: 100%;
  height: 1px;
  background: #707070;
  margin: 0 40px 0 0;
}
.proj-offer table {
  border-collapse: collapse;
  border-spacing: 0;
}
.proj-offer table {
  margin: auto;
  width: 70%;
  border-collapse: separate;
  border-spacing: 4px;
}
table {
  background-color: transparent;
}

.proj-offer table tr th {
  text-align: center;
  background-color: #476292;
  color: #fff;
  padding: 12px 10px;
  border-radius: 15px;
  width: 33.33%;
}
.proj-offer table tr td {
  border: 1px solid #c7c7c7;
}
.proj-offer table tr td {
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #c7c7c7;
}
.proj-offer table {
  border-collapse: collapse;
  border-spacing: 0;
}
.proj-offer table tr th {
  border-right: 1px solid;
  border-radius: 0;
}
.proj-offer table tr td .price-btn {
  display: inline-block;
  border: 1px solid #476292;
  padding: 7px 17px;
  border-radius: 10px;
  font-weight: 500;
  color: #476292;
  text-decoration: none;
}
.title-border:after {
  margin: 0 0 0 40px;
}

.highlights-icon{
  width: 80%;
  margin: auto;
}
.highlights-icon p{
  text-align: center;
  margin-top: 30px;
}
.highlights-icon img {
  width: 60px !important;
}
.title {
  text-align: center;
  font-weight: 400;
  font-size: 28px;
  margin-bottom: 30px;
  color: green;
}
.owl-plan-slider .owl-nav .owl-prev, .owl-high  .owl-nav .owl-prev {
  position: absolute;
  top: 45%;
  left: 0px;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.owl-plan-slider .owl-nav .owl-next, .owl-high .owl-nav .owl-next {
  position: absolute;
  top: 45%;
  right: 0px;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.owl-carousel .owl-nav.disabled {
  display: block !important;
}
.book-visit-btn {
  text-align: center;
  margin-top: 40px;
}
a.btn {
  display: inline-block;
  border: 1px solid #476292;
  padding: 15px 50px;
  border-radius: 10px;
  font-weight: 500;
  color: #476292;
  text-decoration: none;
}
.popup-form {
  background-color: #fff;
  width: 40%;
  margin: auto;
  padding: 15px;
}
.mfp-close-btn-in .mfp-close {
  right: 420px;
  background-color: #fff;
  color: #000;
  opacity: 1;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
  position: absolute;
  color: #2f2d2d!important;
  display: inline-block;
  cursor: pointer!important;
  background: #ffffff78;
}
button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.mfp-close {
  width: 35px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace;
}
.popup-form h3 {
  padding-bottom: 8px;
  color: #000;
  font-weight: 700;
  text-align: center;
  margin: 2px 0;
  font-size: 22px;
}
.popup-form p {
  color: #000;
  text-align: center;
  margin-bottom: 5px;
}
.popup-form input {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  padding: 8px 8px;
}
.form-submit-btn {
  position: relative;
}
.popup-form input[type=submit] {
  display: block;
  width: auto;
  margin: auto;
  background: #476292;
  border: 1px solid #476292;
  line-height: 1px;
  padding: 16px 19px;
  color: #fff;
  font-size: 15px;
}

    .call_us_btn a {

        color: black;

    }
        .call_us_btn_popup {



        text-align: center;



        margin: 30px 0 0 0;



        background: #206512;



        padding: 10px;







    }

        .call_us_btn_popup a {

        color: white;

        text-decoration: none;

        cursor: pointer;

    }
    .mobile-icon-full-list{
            align-items: center;
    gap: 60px;
    }

@media (min-width: 1400px) {
  header {
    height: 80px;
  }

  .hero_float_tag_line_box {
  }

  .tag_line h1 {
  }

  .text_bg_video_box .text {
    font-size: 3.5vw;
  }

  .about_us_content {
    padding-left: 0px;
  }

  #book_a_site_visit_tabs:after {
    bottom: -7%;

    width: 340px;
  }

  section#circle_slider {
    height: auto !important;

    display: flex;

    align-items: center;

    justify-content: center;

    padding-bottom: 80px;
  }

  .circle_nav .circle_nav_prev {
    left: 0px;

    position: relative;
  }

  .circle_slider_content_box h2.title {
    font-size: 40px;

    margin-bottom: 3rem;
  }

  .circle_slider_content_box .inner_tabs_content h3 {
    font-size: 30px;

    line-height: initial;
  }

  .circle_nav .circle_nav_next {
    position: relative;

    right: 0px;
  }

  .circle_nav {
    width: 80%;
  }

  .circle_slider_content_box {
    min-height: auto;
  }

  .text_bg_video_box video {
    width: 100%;
  }
}

/* Media Query */

@media (min-width: 1920px) {
  .tag_line h1 {
    font-size: 60px;

    line-height: initial;
  }

  .tag_line_logo img {
    width: 230px;
  }

  .tag_line_btn a {
    width: 300px;

    padding: 20px;

    font-size: 25px;

    border-radius: 100px;
  }

  .tag_line_btn {
  }

  .text_bg_video_box .text {
    font-size: 5.5vw;
  }

  .text_bg_video_box video {
  }

  .text_bg_video_box {
  }

  .about_us_content p.lead {
    font-size: 18px;
  }

  .project-overview:before {
    left: -11%;

    bottom: 10%;

    transform: rotate(20deg);

    background-size: 100%;

    width: 600px;

    height: 667px;
  }

  header {
    height: 130px;
  }

  .video_section_life_style .video_section_overlay .video_container video {
    height: auto;

    border-radius: 30px;
  }

  .video_section_life_style:before {
    background-size: 100%;

    width: 700px;

    height: 743px;

    left: -14%;

    bottom: 15%;
  }

  .accordion_tabs_box {
    width: 60%;
  }

  .circle_nav {
    width: 80%;
  }

  .circle_nav .circle_nav_next {
    position: relative;
  }

  .circle_slider_theme {
    width: 500px;

    height: 500px;
  }

  .circle_slider_content_box .inner_tabs_content ul li {
    font-size: 18px;
  }

  section#circle_slider {
    height: auto;

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .circle_nav .circle_nav_prev {
    left: 15px;

    position: relative;
  }

  .circle_slider_content_box h2.title {
    font-size: 60px;

    margin-bottom: 5rem;
  }

  .circle_slider_content_box .inner_tabs_content h3 {
    font-size: 30px;

    line-height: initial;
  }

  #book_a_site_visit_tabs:after {
    right: -4%;

    width: 700px;

    height: 360px;

    bottom: 0px;
  }

  .video_section_life_style {
    padding-bottom: 100px;
  }

  section#master-plan {
    padding-bottom: 70px;
  }

  .space-pd-bottom {
    padding-bottom: 100px;
  }

  .download_brochure_sction {
    padding: 50px 0px !important;
  }
}

@media (max-width: 1200px) {
  header {
    height: 100px;
  }

  .tag_line h1 {
    font-size: 60px;
  }

  .hero_float_tag_line_box {
  }

  .project-overview .statistics h3 {
    font-size: 60px;
  }

  .project-overview .statistics:hover p {
    margin-top: 0px;
  }

  .project-overview:before {
    width: 450px;

    height: 480px;
  }

  .about_us_content {
    padding-left: 0px;
  }

  section#about_us {
    padding-bottom: 40px;
  }

  .project-overview .statistics {
    min-height: 110px;
  }

  .amenities_section:after {
    width: 460px;

    height: 350px;

    right: -15%;
  }

  .text_bg_video_box .text {
    font-size: 7vw;
  }

  .circle_nav {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .project-overview:before {
    width: 327px;

    height: 466px;

    left: -14%;
  }

  .text_bg_video_box .text {
  }

  .tag_line h1 {
    font-size: 50px;
  }

  .amenities_section:after {
    right: -19%;
  }

  #book_a_site_visit_tabs:after {
    width: 400px;

    height: 200px;
  }

  #book_a_site_visit_tabs {
    padding-bottom: 110px;
  }

  .circle_slider_theme {
    width: 400px;

    height: 400px;
  }

  .circle_slider_theme .slide_box:nth-child(2) {
    top: 0px;

    right: 0px;
  }

  .center_image img {
    width: 200px;
  }

  header {
    height: auto;
    padding: 20px 0px;
    position: relative;
    background: #fff;
  }
  section#hero_banner_section {
    margin-top: 0px;
  }
}

@media (max-width: 996px) {
  section#hero_banner_section {
    height: auto;
  }

  .menu_box {
    display: none;
  }

  .menu_bar {
    display: flex;

    justify-content: end;
  }

  .menu_bar i {
    font-size: 27px;

    color: #000;
  }

  .hero_float_tag_line_box {
    width: max-content;

    margin: auto;

    text-align: center;
  }

  .text_bg_video_box {
    height: 280px;

    margin-bottom: 30px;
  }

  .text_bg_video_box .text {
    font-size: 10vw;
  }

  .project-overview:before {
    width: 358px;

    height: 490px;

    left: -14%;

    top: -3%;

    bottom: auto;

    transform: rotate(34deg);
  }

  ul.menu_box.active {
    display: flex;

    width: 100%;

    background: #fff;

    max-width: 300px;

    margin-right: 0px;

    position: absolute;

    right: 11px;

    flex-direction: column;

    height: max-content;

    padding: 30px;

    margin-top: 40px;
  }

  ul.menu_box li {
    display: block;

    width: 100%;

    margin: auto;

    line-height: 25px;
  }

  header ul li a {
    color: #000;

    display: block;

    width: 100%;

    margin-bottom: 15px;

    font-weight: 600;
  }

  .video_section_life_style:before {
    width: 400px;
  }

  .tabs_content_wrapper {
    margin-top: 50px;
  }

  .amenities_section:after {
    right: -18%;

    width: 350px;

    height: 400px;
  }

  .accordion_tabs_box {
    width: 100%;
  }

  #book_a_site_visit_tabs {
    padding-bottom: 30px;
  }

  .circle_slider_content_box {
    min-height: auto;

    margin: auto;

    text-align: center;

    margin-top: 80px;

    padding: 0px;

    width: 70%;
  }

  .circle_slider_content_box .big_title {
    text-align: center;
  }

  .circle_slider_content_box h2.title {
    text-align: center;

    font-size: 30px;
  }

  .circle_slider_content_box .inner_tabs_content ul li {
    list-style-type: none;

    text-align: left;
  }

  .circle_nav {
    width: 100%;
  }

  .circle_nav .circle_nav_prev {
    left: -70px;

    position: relative;
  }

  .circle_nav .circle_nav_next {
    right: -70px;

    position: relative;
  }

  article {
    padding-bottom: 60vh;
  }

  .video_section_life_style .d-flex {
    flex-direction: column;

    gap: 25px;
  }
}

@media (max-width: 768px) {
}

@media (max-width: 650px) {
  .hero_float_logo img {
    width: 200px;
  }

  .hero_float_tag_line_box {
    bottom: auto;

    top: auto;

    left: 0px;

    text-align: center;

    right: 0px;

    margin: auto;
  }

  section#hero_banner_section {
    height: auto;
  }

  .tag_line h1 {
    font-size: 50px;

    line-height: 50px;
  }

  .tag_line_logo img {
    width: 200px;
  }

  .tag_line_logo {
    margin-bottom: 10px;
  }

  .tag_line {
    margin-bottom: 10px;
  }

  .project-overview:before {
    width: 210px;

    height: 210px;

    top: 2%;

    transform: rotate(26deg);

    left: -32%;
  }

  .text_bg_video_box {
    height: 110px;

    margin-bottom: 0px;
  }

  .text_bg_video_box .text {
    font-size: 40px;

    text-align: center;
  }

  section#about_us {
    padding-top: 40px;
  }

  section#about_us .row.pb-5 {
    padding-bottom: 0px !important;
  }

  section#about_us .row.mt-5 {
    margin-top: 1rem !important;
  }

  .project-overview .statistics h3 {
    font-size: 40px;
  }

  .project-overview .statistics p {
    font-size: 16px;

    margin-top: 10px;
  }

  .project-overview .statistics:hover h3 {
    transform: translateY(0px);

    margin-bottom: auto;
  }

  .project-overview .statistics {
    min-height: 80px;

    margin-top: 15px;
  }

  .inner_location_highlights {
    margin-top: 20px;
  }

  .location_highlights_section {
    padding-bottom: 30px !important;
  }

  .tabs_lists ul {
    flex-direction: revert;

    gap: 8px;
  }

  .tabs_lists ul li a {
    font-size: 18px;

    padding-bottom: 5px;

    min-height: auto;

    line-height: inherit;
  }

  .tabs_lists {
    margin-bottom: 1rem;
  }

  .master-plan-section .container {
    width: 90%;

    margin: auto;
  }

  section#master-plan {
    padding-bottom: 10px;
  }

  .video_section_life_style:before {
    width: 200px;

    height: 231px;

    bottom: 26%;

    left: -21%;

    display: none;
  }

  .video_section_life_style .video_section_overlay .video_container video {
    height: 300px;
  }

  .video_tabs_lists {
    margin-top: 3rem;
  }

  .video_tabs_lists ul li a {
    font-size: 16px;
  }

  .amenities_section h2.title {
    font-size: 25px;
  }

  .amenities_section .tabs_box ul {
    width: 85%;

    margin: auto;

    margin-top: 30px;
  }

  .amenities_section .tabs_box ul li a {
    width: auto;

    font-size: 16px;

    margin: 6px;
  }

  .tabs_content_wrapper .tab_content_box .box {
    width: 50% !important;

    margin-bottom: 10px;
  }

  .amenities_section:after {
    display: none;
  }

  .video_section_life_style {
    padding-bottom: 40px;
  }

  .tab_content_box .box .image_box img {
    min-height: 50px;

    max-height: 50px;
  }

  .tabs_content_wrapper {
    margin-top: 30px;
  }

  section#amenities {
    padding-bottom: 30px;
  }

  .gallery_section {
    padding: 30px 0px;
  }

  .owl-gallery-slider .item {
    padding: 0px;
  }

  .gallery_section h2.title {
    margin-bottom: 2rem;
  }

  .download_brochure_sction {
    padding-top: 30px;

    padding-bottom: 20px;
  }

  ._checked_.t-c a {
    display: inline-block;

    margin-left: 4px;
  }

  #book_a_site_visit_tabs:after {
    display: none;
  }

  #book_a_site_visit_tabs {
    padding-bottom: 0px;
  }

  .circle_slider_theme {
    width: 270px;

    height: 270px;
  }

  #book_a_site_visit_tabs .download_btn {
    justify-content: center;

    margin-top: 15px;
  }

  section#circle_slider {
    padding-top: 80px;

    padding-bottom: 20px;

    overflow: hidden;
  }

  .circle_slider_theme .slide_box {
    width: 90px;

    height: 90px;
  }

  .center_image img {
    width: 130px;
  }

  .circle_nav {
    z-index: 1;

    top: auto;

    bottom: -80px;

    position: absolute;

    justify-content: center;

    gap: 20px;
  }

  .center_image {
    top: 0px;
  }

  .circle_nav .circle_nav_prev {
    left: auto;
  }

  .circle_nav .circle_nav_next {
    right: auto;
  }

  .circle_slider_content_box {
    margin-left: auto;

    margin-right: auto;

    text-align: center;

    width: 90%;

    margin-top: 110px !important;

    min-height: auto !important;
  }

  .circle_slider_content_box h2.title {
    font-size: 25px;

    margin-bottom: 20px;
  }

  .circle_slider_content_box .inner_tabs_content h3 {
    font-size: 20px;

    text-align: left;
  }

  .footer_logo {
    width: 100%;

    text-align: center;
  }

  .footer_logo img {
    width: 200px;

    margin-bottom: 1rem;
  }

  .footer_inner .copyright {
    line-height: 25px;
  }

  ul.menu_box.active {
    max-width: 330px;

    width: 250px;

    border-radius: 10px;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }

  .accordion-body ul li {
    flex-direction: row;

    justify-content: space-between;

    align-items: center;
  }

  .accordion-body ul li span.text_ {
    margin-right: 15px;

    width: 60%;
  }

  .accordion-body ul li span.distance {
    font-size: 15px;

    width: 40%;

    text-align: right;
  }

  .circle_slider_content_box .inner_tabs_content ul li {
    text-align: left;
  }

  .inner_center_text {
    font-size: 25px;
  }

  .tab_content_box .box .caption p.lead {
    font-size: 16px;
  }

  .location_highlights_section h2.title {
    font-size: 25px;

    margin-bottom: 1.2rem;
  }

  .owl-gallery-slider img {
    width: 100% !important;
  }
}

/* Media Query */

/* Circle Slider */

.services {
  width: 100%;

  height: auto;

  display: flex;

  align-items: center;

  justify-content: space-between;
}

.services > * {
  flex-grow: 1;
}

.circle--rotate {
  border-radius: 50%;

  border: 1px #000000 solid;

  width: 60%;

  height: 43%;

  margin: 0 auto 0;

  position: relative;

  -webkit-transform: rotate(0deg);

  transform: rotate(0deg);

  z-index: 0;

  padding: 0;
}

.circle--rotate > li {
  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: block;

  border-radius: 50%;

  z-index: 10;

  visibility: hidden;
}

.circle--rotate > li .icon {
  visibility: visible;

  cursor: pointer;

  text-align: center;

  overflow: hidden;

  font-size: 20px;

  color: #ffffff;

  border-radius: 50%;

  /* background-color: #000000; */

  height: 23%;

  width: 23%;

  margin: -11% auto;

  transition: all 500ms ease;

  box-shadow: -10px 10px 25px rgba(0, 0, 0, 0.2);
}

.circle--rotate > li i {
  color: #ffffff;

  font-size: 24px;

  margin: auto;

  cursor: pointer;

  width: 100%;

  height: 100%;

  display: table;
}

.circle--rotate > li i::before {
  display: table-cell;

  vertical-align: middle;
}

.circle--rotate > li svg {
  margin: auto;

  width: 100%;

  border-radius: 100%;

  height: 100%;
}

.circle--slider {
  position: relative;
}

.circle--slider .rotate--circle {
  margin: 0 auto;
}

.circle--slider .circle--rotate > li div {
  position: relative;

  overflow: visible;

  background-color: #fff;
}

.circle--slider .circle--rotate > li div span {
  -webkit-transform: rotate(0deg);

  transform: rotate(0deg);

  transition: all 2s;

  opacity: 0;
}

.circle--slider .circle--rotate > li.active div {
  background-color: #206512;

  transition: all 1s;
}

.circle--slider .circle--rotate > li.active div span {
  width: 100%;

  height: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  z-index: -1;

  opacity: 1;
}

.circle--slider .circle--rotate > li.active div span:before {
  position: absolute;

  height: 1px;

  top: -50%;

  right: 140%;

  bottom: 0;

  margin: auto;

  content: "";

  width: 30%;

  height: 30%;

  -webkit-filter: blur(3px);

  filter: blur(3px);

  opacity: 0.7;

  border: 6px solid #00ae59;

  z-index: -1;
}

.circle--slider .circle--rotate > li.active div span:after {
  position: absolute;

  height: 1px;

  top: 100%;

  left: 130%;

  bottom: 0;

  margin: auto;

  content: "";

  width: 40%;

  height: 40%;

  border-radius: 50%;

  opacity: 0.7;

  border: 8px solid #a0e14e;

  z-index: 5;
}

.circle--slider .count2 li:nth-child(2) {
  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);
}

.circle--slider .count3 li:nth-child(2) {
  -webkit-transform: rotate(120deg);

  transform: rotate(120deg);
}

.circle--slider .count3 li:nth-child(3) {
  -webkit-transform: rotate(240deg);

  transform: rotate(240deg);
}

.circle--slider .count4 li:nth-child(2) {
  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);
}

.circle--slider .count4 li:nth-child(3) {
  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);
}

.circle--slider .count4 li:nth-child(4) {
  -webkit-transform: rotate(270deg);

  transform: rotate(270deg);
}

.circle--slider .count5 li:nth-child(2) {
  -webkit-transform: rotate(72deg);

  transform: rotate(72deg);
}

.circle--slider .count5 li:nth-child(3) {
  -webkit-transform: rotate(144deg);

  transform: rotate(144deg);
}

.circle--slider .count5 li:nth-child(4) {
  -webkit-transform: rotate(216deg);

  transform: rotate(216deg);
}

.circle--slider .count5 li:nth-child(5) {
  -webkit-transform: rotate(-72deg);

  transform: rotate(-72deg);
}

.circle--slider .count6 li:nth-child(2) {
  -webkit-transform: rotate(60deg);

  transform: rotate(60deg);
}

.circle--slider .count6 li:nth-child(3) {
  -webkit-transform: rotate(120deg);

  transform: rotate(120deg);
}

.circle--slider .count6 li:nth-child(4) {
  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);
}

.circle--slider .count6 li:nth-child(5) {
  -webkit-transform: rotate(240deg);

  transform: rotate(240deg);
}

.circle--slider .count6 li:nth-child(6) {
  -webkit-transform: rotate(-60deg);

  transform: rotate(-60deg);
}

.circle--slider .count7 li:nth-child(2) {
  -webkit-transform: rotate(51.5deg);

  transform: rotate(51.5deg);
}

.circle--slider .count7 li:nth-child(3) {
  -webkit-transform: rotate(103deg);

  transform: rotate(103deg);
}

.circle--slider .count7 li:nth-child(4) {
  -webkit-transform: rotate(154.5deg);

  transform: rotate(154.5deg);
}

.circle--slider .count7 li:nth-child(5) {
  -webkit-transform: rotate(206deg);

  transform: rotate(206deg);
}

.circle--slider .count7 li:nth-child(6) {
  -webkit-transform: rotate(-103deg);

  transform: rotate(-103deg);
}

.circle--slider .count7 li:nth-child(7) {
  -webkit-transform: rotate(-51.5deg);

  transform: rotate(-51.5deg);
}

.circle--slider .count8 li:nth-child(2) {
  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);
}

.circle--slider .count8 li:nth-child(3) {
  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);
}

.circle--slider .count8 li:nth-child(4) {
  -webkit-transform: rotate(135deg);

  transform: rotate(135deg);
}

.circle--slider .count8 li:nth-child(5) {
  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);
}

.circle--slider .count8 li:nth-child(6) {
  -webkit-transform: rotate(-135deg);

  transform: rotate(-135deg);
}

.circle--slider .count8 li:nth-child(7) {
  -webkit-transform: rotate(-90deg);

  transform: rotate(-90deg);
}

.circle--slider .count8 li:nth-child(8) {
  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);
}

.circle--slider .count9 li:nth-child(2) {
  -webkit-transform: rotate(40deg);

  transform: rotate(40deg);
}

.circle--slider .count9 li:nth-child(3) {
  -webkit-transform: rotate(80deg);

  transform: rotate(80deg);
}

.circle--slider .count9 li:nth-child(4) {
  -webkit-transform: rotate(120deg);

  transform: rotate(120deg);
}

.circle--slider .count9 li:nth-child(5) {
  -webkit-transform: rotate(160deg);

  transform: rotate(160deg);
}

.circle--slider .count9 li:nth-child(6) {
  -webkit-transform: rotate(-160deg);

  transform: rotate(-160deg);
}

.circle--slider .count9 li:nth-child(7) {
  -webkit-transform: rotate(-120deg);

  transform: rotate(-120deg);
}

.circle--slider .count9 li:nth-child(8) {
  -webkit-transform: rotate(-80deg);

  transform: rotate(-80deg);
}

.circle--slider .count9 li:nth-child(9) {
  -webkit-transform: rotate(-40deg);

  transform: rotate(-40deg);
}

.circle--slider .count10 li:nth-child(2) {
  -webkit-transform: rotate(36deg);

  transform: rotate(36deg);
}

.circle--slider .count10 li:nth-child(3) {
  -webkit-transform: rotate(72deg);

  transform: rotate(72deg);
}

.circle--slider .count10 li:nth-child(4) {
  -webkit-transform: rotate(108deg);

  transform: rotate(108deg);
}

.circle--slider .count10 li:nth-child(5) {
  -webkit-transform: rotate(144deg);

  transform: rotate(144deg);
}

.circle--slider .count10 li:nth-child(6) {
  -webkit-transform: rotate(-180deg);

  transform: rotate(-180deg);
}

.circle--slider .count10 li:nth-child(7) {
  -webkit-transform: rotate(-144deg);

  transform: rotate(-144deg);
}

.circle--slider .count10 li:nth-child(8) {
  -webkit-transform: rotate(-108deg);

  transform: rotate(-108deg);
}

.circle--slider .count10 li:nth-child(9) {
  -webkit-transform: rotate(-72deg);

  transform: rotate(-72deg);
}

.circle--slider .count10 li:nth-child(10) {
  -webkit-transform: rotate(-36deg);

  transform: rotate(-36deg);
}

.circle--slider .animate-wrapper {
  width: 40%;

  height: 40%;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  border-radius: 50%;
}

.circle--slider .animate-title {
  color: #fff;
}

.circle--slider .animate-img {
  width: 25%;

  height: 25%;

  border-radius: 50%;

  overflow: hidden;
}

.circle--slider .animate-img .animate-img__in {
  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  border-radius: 50%;

  background-repeat: no-repeat;

  z-index: 3;

  -webkit-transform: rotate3d(0, 0, 0, 0deg) scale(0.85);

  transform: rotate3d(0, 0, 0, 0deg) scale(0.85);

  transition: 0.55s ease-in-out;

  width: 70%;

  height: 70%;

  opacity: 0;

  background-size: 85%;

  background-position: center;

  box-shadow: -20px 20px 50px rgba(0, 0, 0, 0.3);
}

.circle--slider .animate-more {
  opacity: 0;

  visibility: hidden;

  transition: all 0.5s 0.4s;

  min-width: 131px;

  overflow: hidden;

  text-align: center;

  z-index: 30;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  padding: 15px;

  height: 62px;

  -webkit-transform: scale(0.8);

  transform: scale(0.8);

  display: none;
}

.circle--slider .animate.active .animate-more {
  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

  transform: scale(1);
}

.circle--slider .animate.active .animate-img .animate-img__in {
  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);
}

.circle--slider .prev,
.circle--slider .next {
  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  display: block;

  height: 40px;

  width: 40px;

  text-align: center;

  cursor: pointer;

  box-shadow: -20px 20px 50px rgba(0, 0, 0, 0.3);

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 100%;
}

.circle--slider .prev span,
.circle--slider .next span {
  -webkit-writing-mode: vertical-rl;

  -ms-writing-mode: tb-rl;

  writing-mode: vertical-rl;

  text-orientation: upright;

  font-weight: 700;
}

.circle--slider .prev {
  left: 30px;
}

.circle--slider .next {
  right: 30px;
}

.circle--rotate > li:nth-child(1) .icon {
  background-image: url("../images/circle/icon-1.svg");

  background-size: 100%;

  background-position: center;
}

.circle--rotate > li.active:nth-child(1) .icon {
  background-image: url("../images/circle/icon-1-white.svg");
}

.circle--rotate > li:nth-child(2) .icon {
  background-image: url("../images/circle/icon-2.svg");

  background-size: 100%;

  background-position: center;
}

.circle--rotate > li.active:nth-child(2) .icon {
  background-image: url("../images/circle/icon-2-white.svg");
}

.circle--rotate > li:nth-child(3) .icon {
  background-image: url("../images/circle/icon-3.svg");

  background-size: 100%;

  background-position: center;
}

.circle--rotate > li.active:nth-child(3) .icon {
  background-image: url("../images/circle/icon-3-white.svg");
}

.circle--rotate > li:nth-child(4) .icon {
  background-image: url("../images/circle/icon-4.png");

  background-size: 100%;

  background-position: center;
}

.circle--rotate > li.active:nth-child(4) .icon {
  background-image: url("../images/circle/icon-4-white.png");
}

.circle--rotate > li:nth-child(5) .icon {
  background-image: url("../images/circle/icon-5.svg");

  background-size: 100%;

  background-position: center;
}

.circle--rotate > li.active:nth-child(5) .icon {
  background-image: url("../images/circle/icon-5-white.svg");
}

/* Circle Slider */
#tc {
  text-align: center;
  padding: 16px 10px;
  font-size: 12px;
}
@media (max-width: 1200px) {
  .services {
    height: auto;
  }

  .circle_slider_content_box {
    min-height: 400px;
  }
}

@media (max-width: 1024px) {
}

@media (max-width: 996px) {
  .owl-gallery-slider img {
    width: 90% !important;
  }

  .tab_content_box .box .caption p.lead {
    font-size: 16px;
  }

  .tab_content_box .box .image_box img {
    width: 50px;

    height: 50px;
  }

  .tabs_content_wrapper .tab_content_box .box {
    width: 25%;
  }

  .circle--rotate {
    width: 80%;
  }

  .circle--slider .prev {
    left: -60px;
  }

  .circle--slider .next {
    right: -60px;
  }
}

@media (max-width: 768px) {
  .location_highlights_section {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 650px) {
  .project-overview .statistics:hover p {
    transform: translateY(8px);
  }

  .owl-gallery-slider .owl-dots .owl-dot {
    width: 10px;

    height: 10px;
  }

  .owl-gallery-slider img {
    width: 100% !important;
    height: 400px;
    object-fit: cover;
  }

  .services {
  }

  .circle--slider .prev {
    left: -50px;

    bottom: -70px;

    top: auto;

    right: 0px;
  }

  .circle--slider .next {
    right: -50px;

    bottom: -70px;

    top: auto;

    left: 0px;
  }

  article {
    padding-bottom: 630px;
  }

  address {
    text-align: center;

    width: 90%;

    margin: auto;

    margin-bottom: 1rem;
  }

  .copyright {
    line-height: 25px;
  }

  header.fixed_header {
    padding: 0px;

    height: 70px;
  }

  .footer_logo ul li {
    text-align: center;
  }

  .bee_icon:after {
    right: 0px;
  }

  .location_highlights_section h2.title img {
    width: 100%;
  }

  .inner_center_text h6 {
    font-size: 20px;

    line-height: 30px;
  }

  .gray_bg_amenities:before {
    top: -50px;

    width: 80px;

    height: 80px;
  }

  .amenities_section h2.title img {
    width: 87%;
  }

  .gray_bg_amenities {
    width: 90%;
  }

  .tab_content_box .box .caption p.lead {
    width: auto;
  }

  .gallery_section h2.title img {
    width: 200px;
  }

  address br {
    display: none;
  }
  .owl-gallery-slider figcaption {
    font-size: 25px;
  }
  .inner-plan-tabs.owl-floor-plan-filter-bar {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .owl-floor-plan-filter-bar ul {
    width: max-content;
    white-space: nowrap;
    padding: 10px 20px;
  }
  .owl-floor-plan-filter-bar ul li {
    width: auto;
    display: inline-block;
    padding-bottom: 10px;
  }
  .owl-floor-plan-filter-bar ul li a {
  }
    .mobile-icon-full-list{
    flex-flow: row-reverse;
      gap: 30px;
    }
}