html {
    scroll-behavior: smooth;
}
::selection {
  color: #fff;
  background: #462862;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trajan Pro';
    src: url('../fonts/TrajanPro-Bold.eot');
    src: url('../fonts/TrajanPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TrajanPro-Bold.woff2') format('woff2'),
        url('../fonts/TrajanPro-Bold.woff') format('woff'),
        url('../fonts/TrajanPro-Bold.ttf') format('truetype'),
        url('../fonts/TrajanPro-Bold.svg#TrajanPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trajan Pro';
    src: url('../fonts/TrajanPro-Regular.eot');
    src: url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TrajanPro-Regular.woff2') format('woff2'),
        url('../fonts/TrajanPro-Regular.woff') format('woff'),
        url('../fonts/TrajanPro-Regular.ttf') format('truetype'),
        url('../fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {
	overflow-x: hidden !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Myriad Pro';
	color: #333;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 1px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Trajan Pro';
	font-weight: normal;
}
.error-msg1 {
	position: absolute;
	bottom: -12px;
	background: transparent;
	display: flex;
	line-height: 11px;
	background-color: #f00;
	color: #fff;
	font-size: 9px;
}
.overflow-visible {
	overflow: visible !important;
}
a {
	color: #333;
	text-decoration: none;
	outline: 0
}
a:hover {
	color: #08a69b;
}
a, button {
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}
p:last-child {
	margin-bottom: 0
}
img {
	max-width: 100%;
	height: auto;
	width: 100%;
}
p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 26px!important;
}
p:last-child {
	margin-bottom: 0;
}
.theme-scrollbar {
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 10px;
}
.theme-scrollbar::-webkit-scrollbar-track {
 -webkit-box-shadow:none;
 background-color:transparent;
}
.theme-scrollbar::-webkit-scrollbar {
 width: 6px;
 background-color:transparent;
}
.theme-scrollbar::-webkit-scrollbar-thumb {
 background-color: #ddd;
 border-radius:3px;
}
ul:last-child {
	margin-bottom: 0
}
iframe {
	border: none
}
a, b, div, li, ul {
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent
}
a:active, a:focus, input, input:active, input:focus, input:hover, textarea, textarea:active, textarea:focus, textarea:hover {
	-moz-outline: none;
	outline: 0
}
a:active, a:focus, a:hover, a:visited {
	text-decoration: none;
	outline: 0
}
.clear-both:after, .clear-both:before {
	display: table;
	content: "";
	clear: both
}
section {
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
	overflow: hidden;
}
.white-bg {
	background-color: #fff
}
.gray-bg {
	background-color: #f8f8f8
}
.full-width {
	width: 100%
}
.overflow-visible {
	overflow: visible!important
}
.section-title h1, .section-title h2 {
    font-size: 46px;
    line-height: 56px;
    color: #59a43c;
    margin: 0;
    font-weight: bold;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}
.section-title {
	margin-bottom: 40px;
	position: relative;
	z-index: 2
}
.section-title:last-child {
	margin-bottom: 0;
}
.theme-btn {
	position: relative;
	background: #ffffff;
	font-family: 'Myriad Pro';
	border: 0;
	color: #0b1624;
	display: inline-block;
	padding: 8px 30px;
	font-size: 14px;
	text-align: center;
	line-height: 24px;
	font-weight: 600;
	cursor: pointer;
	z-index: 1;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.theme-btn:hover {
	color: #fff;
	background-color: #cfedf6;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.theme-btn.white-btn {
	background: #fff;
	color: #462862;
}
.theme-btn.white-btn:hover {
	background: #462862;
	color: #ffffff;
}
#inquiry-submit:hover {
    background-color: #ae256c !important;
}
.col-form {
	position: relative;
	margin-bottom: 20px;
}
.theme-input {
	position: relative
}
.col-middle {
	display: table;
	width: 100%
}
.col-middle-inner {
	display: table-cell;
	vertical-align: middle
}
button:focus {
	outline: 0
}
#back2top.active {
	bottom: 20px;
	visibility: visible;
	opacity: 1
}
#back2top {
	position: fixed;
	bottom: 74px;
	right: 10px;
	width: 40px;
	height: 40px;
	z-index: 111;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	display: none;
}
#back2top img {
	visibility: visible !important;
	width: 42px;
	background-color: #ffffff;
	border-radius: 50%;
}
#back2top .up-arrow {
	margin-top: 4px;
	border-width: 2px 0 0 2px
}
.thankyou-msg {
	font-size: 16px!important;
	color: #fff!important;
	background: 0 0!important
}
.form-group, .form-group-wrapper {
	position: relative
}
label.error {
	color: #fff;
	background: red;
	font-size: 8px;
	position: absolute;
	left: 15px;
	bottom: -20px;
	line-height: 13px !important;
	top: auto;
	font-weight: bold;
}
.form-control.error {
	border-color: red
}
.modal .form-control.error {
	margin-bottom: 30px
}
.contact-form label.error {
	bottom: -16px;
	width: inherit
}
.form-control {
	border-radius: 0
}
.modal .form-control.error {
	margin-bottom: 30px
}
.modal {
    z-index: 9999999999;
    display: block;
    visibility: hidden;
}
.modal[style="visibility: visible;"] .modal-background {
    opacity: 0.7;
}
.modal-content {
	border: 0;
	border-radius: 0
}
.modal-card-head {
    background-color: transparent !important;
    border: 0;
    padding: 20px 30px;
    height: inherit;
    border-radius: 0;
    border-bottom: 1px solid rgb(255 255 255);
}
.modal-card {
	top: 50%;
	max-width: 500px;
	margin: 0 auto;
	max-height: inherit;
	-webkit-transform: translate(0, -55%);
	-ms-transform: translate(0, -55%);
	-o-transform: translate(0, -55%);
	transform: translate(0, -55%);
	transition: all 0.3s linear;
	opacity: 0;
}
.modal-card {
	background-color: transparent;
}
.modal-card-title {
	margin: 0;
	text-transform: uppercase;
}
.modal-background {
	background-color: #000;
	transition: all 0.3s linear;
	opacity: 0;
	visibility: hidden;
}
.modal[style="visibility: visible;"] .modal-card {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	opacity: 1;
}
.modal[style="visibility: visible;"] .modal-background {
	opacity: 0.5;
	visibility: visible;
}
.modal .sm-form-control {
}
.close1 {
    text-shadow: none;
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 20px;
    max-width: 40px;
    max-height: 40px;
    text-align: center;
    width: 40px;
    font-size: 23px;
    height: 40px;
    line-height: 45px;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    color: #fff;
    cursor: pointer;
    text-shadow: none;
    opacity: 1;
    z-index: 9;
}
.close1:hover {
	opacity: 1;
}
.thankyou-block {
    background-color: #462862;
    height: 100vh;
    text-align: center;
}
.thankyou-block h1 {
    color: #fff;
    font-size: 34px;
    line-height: 44px !important;
    margin-bottom: 15px;
}
.text-box {
    padding: 0 20px;
}
.list-point {
	padding: 0;
}
.list-point li {
	position: relative;
	list-style: none;
	padding-left: 20px;
	margin-bottom: 5px;
}
.list-point li:last-child {
	margin-bottom: 0;
}
.list-point li:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 100%;
	left: 0;
	top: 8px;
}
.splide__slide img {
	width: 100%;
}
.splide__arrow.splide__arrow--prev:disabled, .splide__arrow.splide__arrow--next:disabled {
	display: none;
}
.sm-form-control {
	display: block;
	width: 100%;
	border: none;
	padding: 15px 15px 15px 0;
	background-color: transparent;
	border-radius: 0;
	resize: none;
	color: #fff !important;
	font-size: 14px;
	border-bottom: 1px solid #fff;
}
.modal-card-body {
    background-color: transparent !important;
	padding: 30px;
}
.col-form label span {
	color: #ff0000;
}
.title-tagline {
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 500;
	margin-top: 15px;
	display: block;
}
.section {
	position: relative;
	padding: 100px 0;
}
.close-button {
	top: 0;
	right: 0;
	padding: 5px;
	background-color: #065f9d;
	color: #ffffff;
	position: absolute;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}
.close-button svg {
	display: block;
}
.close-button:hover {
	opacity: 0.8;
	cursor: pointer;
}
.form-title {
	text-align: left;
	margin-bottom: 0;
	font-size: 24px;
	width: 100%;
	margin-bottom: 10px;
	color: #fff;
}
header {
	position: fixed;
	z-index: 999;
	padding: 12px 30px;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	height: 120px;
	-moz-transition: transform 3s cubic-bezier(.25, .1, .25, 1);
	-ms-transition: transform 3s cubic-bezier(.25, .1, .25, 1);
	-o-transition: transform 3s cubic-bezier(.25, .1, .25, 1);
	-webkit-transition: transform 3s cubic-bezier(.25, .1, .25, 1);
	transition: transform 3s cubic-bezier(.25, .1, .25, 1);
	box-shadow: 0 0 12px rgb(0 0 0 / 10%);
}
#header.sticky {
	-moz-box-shadow: 0 0 12px rgba(0,0,0,.1);
	-ms-box-shadow: 0 0 12px rgba(0,0,0,.1);
	-o-box-shadow: 0 0 12px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 12px rgb(0 0 0 / 10%);
	box-shadow: 0 0 12px rgb(0 0 0 / 10%);
}
.header__menu-link {
	font-size: 18px;
}
.col-header:last-child {
	text-align: right;
	padding: 0;
}
.col-header:last-child .theme-logo img {
    max-width: 100px !important;
}
.header-primary-menu-wrapper {
	display: inline-block;
	vertical-align: middle;
}
.header__menu-item {
	display: inline-block;
	padding: 25px 10px;
}
header .columns {
	height: 120px !important;
}
#section-banner {
	margin-top: 120px;
}
.white-text {
	color: #fff !important;
}
.pattern-bg {
	position: relative;
}
#section-location {
	margin-top: -8px !important;
}
.theme-padding {
	padding: 0 140px;
	position: relative;
    z-index: 9;
}
.js-scroll {
	opacity: 0;
	transition: opacity 500ms;
}
.js-scroll.scrolled {
	opacity: 1;
}
.scrolled.fade-in {
	animation: fade-in 1s ease-in-out both;
}
.scrolled.fade-in-top {
	animation: fade-in-top 1s ease-in-out both;
}
.scrolled.fade-in-bottom {
	animation: fade-in-bottom 1s ease-in-out both;
}
.scrolled.fade-in-left {
	animation: fade-in-left 1s ease-in-out both;
}
.scrolled.fade-in-right {
	animation: fade-in-right 1s ease-in-out both;
}
@keyframes fade-in-left {
 0% {
 -webkit-transform: translateX(-50px);
 transform: translateX(-100px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}
}
@keyframes fade-in-right {
 0% {
 -webkit-transform: translateX(50px);
 transform: translateX(100px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}
}
@keyframes fade-in-bottom {
 0% {
 -webkit-transform: translateY(50px);
 transform: translateY(50px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
}
@keyframes fade-in-top {
 0% {
 -webkit-transform: translateY(-50px);
 transform: translateY(-50px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
}
@keyframes fade-in {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.delay1 {
	-webkit-animation-delay: 0.1s !important;
	animation-delay: 0.1s !important;
}
.delay2 {
	-webkit-animation-delay: 0.2s !important;
	animation-delay: 0.2s !important;
}
.delay3 {
	-webkit-animation-delay: 0.3s !important;
	animation-delay: 0.3s !important;
}
.delay4 {
	-webkit-animation-delay: 0.4s !important;
	animation-delay: 0.4s !important;
}
.sticky-btn-enquire {
	position: fixed!important;
    top: 282px;
    right: -60px;
    font-size: 18px!important;
    padding: 8px 15px!important;
    z-index: 999!important;
    transform: rotate(-90deg);
    transition: all .3s linear;
    background-color: #08a69b;
    color: #ffffff;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid #fff;
}
.sticky-form.open {
	right: 0;
}
.sticky-form {
	position: fixed;
	top: 32%;
	cursor: pointer;
	z-index: 9999;
	right: -400px;
	background: #1d57a3;
	padding: 30px 30px 24px 30px;
	max-width: 400px;
	width: 400px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	box-shadow: rgb(0 0 0 / 16%) 0 1px 4px;
}
.close-form {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #ffffff;
	width: 30px;
	height: 30px;
	text-align: center;
}
.close-form span {
	color: #1d57a3;
	font-size: 25px;
	line-height: 30px;
}
a.sticky-btn-enquire:hover {
    background-color: #462862;
    color: #fff;
}
#scontactform h3 {
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 20px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding: 0;
}
#inquiry .sm-form-control::-webkit-input-placeholder {
color:#fff!important
}
#inquiry .sm-form-control::-moz-placeholder {
color:#fff!important
}
#inquiry .sm-form-control:-ms-input-placeholder {
color:#fff!important
}
#inquiry .sm-form-control:-moz-placeholder {
color:#fff!important
}
.contact-section {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 10px 0 0px 15px;
	width: 100%;
	z-index: 9999;
	background: #08a69b;
	max-width: 1300px;
	margin: 0 auto;
	right: 0;
	border-top: 1px solid rgb(255 255 255 / 30%);
}
.contact-section .col-form {
	position: relative;
	width: 20%;
	float: left;
	padding: 0 15px;
	margin: 0 0 10px!important;
}
.col-form-title {
	display: none;
}
.contact-section .col-form .sm-form-control {
	padding: 10px 10px 10px 0;
	border-bottom: 1px solid #ffffff;
	color: #ffffff !important;
}
.contact-section .sm-form-control::-webkit-input-placeholder {
color:#ffffff!important
}
.contact-section .sm-form-control::-moz-placeholder {
color:#ffffff!important
}
.contact-section.sm-form-control:-ms-input-placeholder {
color:#ffffff!important
}
.contact-section .sm-form-control:-moz-placeholder {
color:#ffffff!important
}
.footer1_detail p {
	display: inline-block;
}
#footer {
	padding: 20px 20px 80px 0;
}
.footer1_detail span, .footer1_detail p {
	font-size: 14px;
}
.footer-block h3 {
	color: #462862;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}
.contact b {
	color: #462862;
}
.col-header:first-child {
    max-width: 120px;
    padding: 0;
}
.col-header:nth-child(2) {
    text-align: center;
}
.col-header:last-child {
    text-align: right;
    padding: 0;
    max-width: 100px;
    width: 100%;
}
.theme-logo img {
    max-width: 110px;
}
.cyan-bg {
    background: #08a69b;
}
#section-about {
    padding: 100px 0 300px;
}
#section-about-inner {
    overflow: visible;
    position: relative;
}
.about-img {
    padding-left: 140px;
    z-index: 9;
    margin-top: -200px;
    position: relative;
}
.artistic-text {
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.artistic-text p {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.about-text {
    margin-top: 60px;
}
.theme-logo picture {
    display: flex;
}
.pattern {
    position: absolute;
}
.v-pattern {
    bottom: 0;
}
.v-pattern img {
    width: 250px;
}
.v-pattern {
    bottom: 0;
    left: -80px;
}
.bullet img {
    width: 20px;
}
.bullet {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
}
.about-list ul li p {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 34px);
    padding-left: 30px;
    position: relative;
}
.about-list ul li p:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    background-color: #08a69b;
    height: 2px;
}
.about-list {
    margin-top: 30px;
}
.about-list ul li {
    width: calc(33.33% - 4px);
    display: inline-block;
    margin-bottom: 15px;
}
.amenities-img {
    width: 140px;
    height: 140px;
    margin: 0 auto 20px;
    background-color: #ffffff;
    border-radius: 100%;
    position: relative;
}
.amenities-img img {
    width: 90px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.amenities-text p {
    color: #fff;
    font-size: 18px;
}
.splide__arrow {
    background-color: transparent;
    opacity: 1;
}
.splide__arrow svg {
    width: 40px;
    height: 40px;
}
.splide__arrow svg path {
    fill: #fff;
}
.splide__arrow--next {
    right: -30px;
}
.splide__arrow--prev {
    left: -30px;
}
.sub-title {
    margin-bottom: 30px;
    margin-top: 80px;
}
.sub-title h3 {
    font-size: 24px;
    line-height: 34px !important;
}
.divider {
    width: 200px;
    height: 6px;
    background-color: #b1246c;
}
.divider2 {
    margin-top: 100px;
}
.gallery-block, .floorplans-block {
    position: relative;
}
.gallery-block:before, .floorplans-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #e12b2b;
    z-index: 1;
    opacity: 0;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 99;
}
.gallery-block a, .floorplans-block a {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    left: 0;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    z-index: 999;
    border-radius: 50%;
}
.gallery-block a svg, .floorplans-block a svg {
    width: 35px;
    height: 35px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.gallery-text, .floorplans-text {
    position: relative;
    padding: 10px 30px;
}
.gallery-text p, .floorplans-text p {
    color: #462862;
    font-size: 16px;
}
.artistic-text {
    position: absolute;
    bottom: 10px;
    right: 15px;
}
.artistic-text p {
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}
.gallery-img, .floorplans-img {
    position: relative;
}
.gallery-text, .floorplans-text {
    position: relative;
    padding: 10px 30px;
    text-align: center;
}
.gallery-block:hover:before, .floorplans-block:hover:before {
    opacity: 0.7;
}
.gallery-block:hover a, .floorplans-block:hover a {
    opacity: 1;
}

.floorplans-block a {
    width: 200px;
    text-align: center;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
}
.floorplans-img picture {
    display: flex;
}
.fancybox__container {
    z-index: 9999;
}
#gallery-slider .splide__arrow svg path, #floorplans-slider .splide__arrow svg path {
    fill: #5aa53d;
}
.light-bg {
    background-color: #eeeeee;
}
.connectivity-img {
    border: 2px solid #a8a3a0;
}
.connectivity-img picture {
    display: flex;
}
.accordionItem{
    float:left;
    display:block;
    width:100%;
    box-sizing: border-box;
}
.accordionItemHeading {
    cursor: pointer;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    background: transparent;
    color: #a8a3a0;
    width: 100%;
    border-bottom: 1px solid #a8a3a0;
    position: relative;    
    text-transform: uppercase;
    font-weight: 700;
}
.accordionItemHeading:before {
    color: #a8a3a0;
    content: "+";
    position: absolute;
    top: 50%;
    width: 36px;
    height: 36px;
    font-size: 26px;
    font-weight: 100;
    padding: 0;
    line-height: 36px;
    right: 10px;
    text-align: center;
    margin-top: -18px;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}
.open .accordionItemHeading:before {
    color: #fff;
	content: "-";
}
.close .accordionItemContent{
    height:0px;
    transition:height 1s ease-out;
    -webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
    float:left;
    display:block;       
}
.open .accordionItemContent{
    padding: 15px;
    background-color: transparent;
    border: 1px solid rgb(31 78 81 / 10%);
    border: 1px solid #ddd;
    width: 100%;
    margin: 0px 0px 10px 0px;
    display:block;
    -webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
    -webkit-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease;
	transition: transform 0.4s ease;
    box-sizing: border-box;
}
.open .accordionItemHeading {
    margin: 0px;
    background-color: #a8a3a0;
    color: #ffffff;
}
.location-text {
    display: inline-block;
    padding: 0 60px;
    width: 100%;
}
.map-label {
    display: inline-block;
    vertical-align: top;
}
.map-des {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.map-des span {
    position: relative;
    z-index: 1;
    font-size: 16px !important;
    line-height: 26px !important;
    background: #eeeeee;
}
.map-label-min {
    float: right;
    padding-left: 9px;
    font-weight: 600;
    color: #08a69b;
}
.map-des:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    border-top: 1px dashed rgb(168 163 160 / 28%);
    top: 50%;
}
.accordionItemContent li {
    margin-bottom: 15px;
}
.accordionItemContent li:last-child{
    margin-bottom: 0;
}
.col-project h3 {
    font-size: 24px;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.footer-rera {
    margin-top: 40px;
}
#section-project-address p a {
    color: #fff;
}
.disclaimer {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px !important;
    margin-top: 40px;
}
#section-project-address p a:hover {
    color: #e99fc5;
}
.footer-rera .divider {
    margin-top: 60px;
}
.floorplans-img img {
    border: 1px solid rgb(27 76 79 / 14%);
}
.col-header:last-child {
    max-width: 125px;
}
.dots-pattern {
    bottom: -8px;
    left: -200px;
    width: 800px;
}
.about-list ul li b {
    color: #08a69b;
}
#section-banner picture {
    display: flex;
}
#banner-slider .splide__arrow--next {
    right: 20px;
}
#banner-slider .splide__arrow--prev {
    left: 20px;
}
.section-title p {
    margin-top: 12px;
}
.purple-bg{
	background-color: #462862;
}
.footer-rera .divider, #section-amenities .divider{
    margin-top: 60px;
    background-color: #e99fc5;
}
#amenities-slider {
    margin-top: 60px;
}
.col-project {
    padding-right: 10px !important;
}
.floorplans-img picture {
    display: flex;
}
#floorplans-slider .columns {
    justify-content: center;
}
#chatbox-container iframe {
    z-index: 9;
}
#section-about .section-title p {
    font-size: 40px;
    line-height: 50px !important;
}
.about-list {
    margin-top: 30px;
    margin-bottom: 15px;
}
.form-disclaimer {
    font-size: 11px;
    line-height: 13px !important;
    color: #fff;
}
.col-disclaimer {
    display: none;
}

@media screen and (max-width: 1599px) {
.theme-padding {
    padding: 0 60px;
}
.about-img {
    padding-left: 60px;
}
.section-title h1, .section-title h2 {
    font-size: 54px;
    line-height: 70px;
}
.v-pattern img {
    width: 180px;
}
}
@media screen and (max-width: 1399px) {

#kenytChatBubble.style1 {
    bottom: 60px !important;
}
.location-text {
    padding: 0 30px;
}
.section-title h1, .section-title h2 {
    font-size: 46px;
    line-height: 66px;
}
.amenities-img img {
    width: 60px !important;
}
.amenities-img {
    width: 120px;
    height: 120px;
}
}
@media screen and (max-width: 1216px) {
.header__menu-link {
    font-size: 16px;
}
.col-connectivity {
    width: 100% !important;
}
.location-text {
    padding: 30px 0 0 0;
}
}
@media screen and (max-width: 1024px) {

.col-disclaimer {
    display: block !important;
    width: 100% !important;
}
.contact-section-inner {
    z-index: 9999999999 !important;
}
#floorplans-slider .columns {
    justify-content: center;
}
.col-floorplans {
    width: 50% !important;
}
.floorplans-block a {
    font-size: 18px;
}
.sticky-btn-enquire {
    right: -56px;
    padding: 8px 10px!important;
}
.col-form-btn {
    width: 100% !important;
}
.about-list ul li {
    width: calc(50% - 4px);
}
.col-header:last-child {
    max-width: 125px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #efefef;
}
.col-header:nth-child(2) {
    text-align: center;
    display: none;
}
.insomenu-bars {
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	margin: 0;
	display: inline-block;
	height: 40px;
	width: 40px;
	position: absolute;
	z-index: 444;
	cursor: pointer;
}
.insomenu-bars span, .insomenu-bars span:after, .insomenu-bars span:before {
	width: 30px;
	border-radius: 0;
	-webkit-transition: -webkit-transform ease .15s;
	transition: -webkit-transform ease .15s;
	transition: transform ease .15s;
	transition: transform ease .15s, -webkit-transform ease .15s;
	position: absolute;
	left: inherit;
	right: 0;
	margin: 0 auto;
	height: 3px;
	background-color: #462862;
}
.insomenu-bars span:before {
	top: -8px;
}
.insomenu-active .insomenu-bars span, .insomenu-active .insomenu-bars span:after, .insomenu-active .insomenu-bars span:before {
	opacity: 1
}
.insomenu-bars span {
	top: 50%;
	display: block;
	margin-top: -2px;
	-webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	-webkit-transition-duration: .1s;
	transition-duration: .1s
}
.insomenu-bars span:after, .insomenu-bars span:before {
	display: block;
	content: ''
}
.insomenu-bars span:before {
	top: -8px;
	-webkit-transition: top .1s .14s ease, opacity .1s ease;
	transition: top .1s .14s ease, opacity .1s ease
}
.insomenu-bars span:after {
	bottom: -8px;
	-webkit-transition: bottom .1s .14s ease, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
	transition: bottom .1s .14s ease, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
	transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19);
	transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
}
.insomenu-active .insomenu-bars span {
	-webkit-transition-delay: .14s;
	transition-delay: .14s;
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.insomenu-active .insomenu-bars span:before {
	top: 0;
	-webkit-transition: top .1s ease, opacity .1s .14s ease;
	transition: top .1s ease, opacity .1s .14s ease;
	opacity: 1;
	width: 25px;
}
.insomenu-active .insomenu-bars span:after {
	bottom: 0;
	transition: bottom .1s ease, -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 25px;
}
.insomenu-active .insomenu-bars span {
	width: 25px;
}
.insomenu-active .menu-creative, .insomenu-active .our-offices-item:first-child {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
.insomenu-active .our-offices-item:last-child {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
#header-primary-menu {
	position: fixed;
	background-color: #fff;
	width: 100%;
	left: 0;
	padding: 0;
	padding: 0 20px !important;
	margin-top: 70px;
	top: -15px;
	opacity: 0;
	visibility: hidden;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.insomenu-active #header-primary-menu {
	top: 50px;
	opacity: 1;
	visibility: visible;
	z-index: 9;
	border-bottom: 1px solid #eee;
}
#header-primary-menu ul li {
	display: block;
	text-align: left;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
.header__menu-item {
	line-height: 32px;
}
#header-primary-menu ul li:last-child {
	border-bottom: none;
}
.is-hidden-touch{
	display:none;
}
.is-hidden-desktop{
	display:block !important;
}
.contact-section-inner {
    position: fixed;
    padding: 0;
    display: block;
    bottom: -200px;
    width: 100%;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    background-color: #ae256c;
    z-index: 9999;
}
.contact-section.open .close-form {
    opacity: 1;
    background-color: transparent;
}
.contact-section.open .contact-section-inner {
    bottom: 0;
}
.contact-section {
    bottom: auto;
    left: auto;
    padding: 0;
    width: 100%;
    background: rgb(45 41 38 / 0.9);
    max-width: 100%;
    margin: 0 auto;
    right: 0;
    position: inherit;
    z-index: 999 !important;
}
.contact-section .col-form {
    width: 50%;
}
.col-form-title {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.col-form-title h3 {
    margin: 0;
    padding: 6px 12px;
    color: #ffffff;
    display: block;
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    border-top: 1px solid rgb(255 255 255 / 30%);
    text-transform: uppercase;
}
#footer {
    padding: 20px 20px 60px 0;
}
.close-form {
    color: #ffffff;
    position: absolute;
    font-size: 22px;
    line-height: 22px;
    top: 8px;
    right: 3px;
    opacity: 0;
    cursor: pointer;
}
}
@media screen and (max-width: 991px) {
#section-about .section-title p {
    font-size: 30px;
    line-height: 40px !important;
}
.sticky-btn-enquire{
	display:none;
}
.col-footer {
    padding: 0;
    width: 100% !important;
    margin-bottom: 30px;
}
.col-footer:last-child{
	margin-bottom:0 !important;
}
.section-title h1, .section-title h2 {
    font-size: 40px;
    line-height: 56px;
}
.divider {
    height: 4px;
}
}
@media screen and (max-width: 900px) {
.contact-section-inner {
    bottom: -212px;
}
}
@media screen and (max-width: 768px) {
#section-about .section-title p {
    font-size: 26px;
    line-height: 36px !important;
}
.col-floorplans {
    width: 100% !important;
}
.insomenu-active #header-primary-menu {
    top: 30px;
}
#section-about {
    padding: 60px 0 250px;
}
.line {
    display: none;
}
.footer-rera p .rera {
    display: block;
}
.copyright-line {
    display: none !important;
}
.poweredby {
    display: block !important;
}
.disclaimer {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px !important;
    margin-top: 40px;
}
.footer-rera .divider {
    margin-top: 40px;
}
.col-project:first-child {
    margin-bottom: 30px !important;
}
.amenities-img {
    width: 110px;
    height: 110px;
}
.sub-title {
    margin-top: 40px;
}
.divider2 {
    margin-top: 60px;
}
.splide__arrow--next {
    right: -22px;
}
.splide__arrow--prev {
    left: -22px;
}
header {
    height: 100px;
}
header .columns {
    height: 100px !important;
}
.theme-logo img {
    max-width: 80px;
}
.col-header:first-child {
    max-width: 80px;
}
.col-header:last-child .theme-logo img {
    max-width: 80px !important;
}
#section-banner {
    margin-top: 100px;
}
.theme-padding {
    padding: 0 30px;
}
#section-about {
    padding: 60px 0 250px;
}
.about-img {
    padding-left: 30px;
}
.about-text {
    margin-top: 30px;
}
.about-list ul li {
    width: 100%;
}
.section {
    position: relative;
    padding: 60px 0;
}
.section-title h1, .section-title h2 {
    font-size: 32px;
    line-height: 42px;
}
#location-slider1 .splide__arrows .splide__arrow {
    bottom: -24px;
}
}

@media screen and (max-width: 610px) {
.contact-section-inner {
    bottom: -222px;
}
}
@media screen and (max-width: 575px) {
#section-about .section-title p {
    font-size: 20px;
    line-height: 30px !important;
}
#kenytChatBubble.style1 {
    bottom: 45px !important;
}
.col-floorplans {
    padding: 0;
}
.floorplans-img picture {
    display: inline-block;
}
.gallery-text p, .floorplans-text p {
    font-size: 14px;
}
.floorplans-block a {
    font-size: 14px;
}
.modal-card-body {
    padding: 20px;
}
.modal-card-head {
    padding: 15px 20px;
}
.modal-card-title {
    font-size: 18px;
}
.close1 {
    top: 5px;
    right: 10px;
}
#enquire-modal .sm-form-control {
    padding: 10px 10px 10px 0;
}
.about-list ul li p:before {
    width: 15px;
}
.about-list ul li p {
    width: calc(100% - 30px);
    padding-left: 25px;
}
.about-list ul li:last-child {
    margin-bottom: 0 !important;
}
.theme-logo picture {
    display: inherit;
}
.col-header:last-child {
    max-width: 90px;
}
#section-banner picture {
    display: inherit;
}
.gallery-text, .floorplans-text {
    padding: 10px;
}
.accordionItemHeading {
    font-size: 14px;
    line-height: 24px !important;
}
.accordionItemHeading {
    padding: 10px 40px 10px 10px;
}
.col-form-title h3 {
    font-size: 20px;
}
.splide__arrow svg {
    width: 20px;
    height: 20px;
}
.map-des:before {
    content: none;
}
.map-label-min {
    float: none;
    display: block;
}
.bullet img {
    width: 15px;
}
.bullet {
    width: 22px;
}
#banner-slider .splide__arrow {
    display: none;
}
.col-header:last-child {
    margin-left: 10px;
    padding-left: 10px;
}
.insomenu-bars span, .insomenu-bars span:after, .insomenu-bars span:before {
    width: 22px;
}
.thankyou-block h1 {
    font-size: 26px;
    line-height: 36px !important;
    margin-bottom: 10px
}
.amenities-text p {
    font-size: 16px;
}
.amenities-img img {
    width: 55px !important;
}
.contact-section .col-form {
    width: 100%;
}	
.contact-section-inner {
    bottom: -214px;
}
#back2top {
    display: none !important;
}
p {
    font-size: 16px;
    line-height: 26px!important;
}
.col-project h3 {
    font-size: 22px;
    line-height: 32px;
}
.contact-section-inner {
    bottom: -320px;
}
.open .accordionItemContent {
    padding: 10px;
}
.amenities-img {
    width: 100px;
    height: 100px;
}
.sub-title h3 {
    font-size: 20px;
    line-height: 30px !important;
}
.section-title h1, .section-title h2 {
    font-size: 24px;
    line-height: 30px;
}
.section-title h2:before {
    height: 2px;
}
.location-list h3 {
    min-height: inherit;
}
.connectivity-list {
    margin-top: 10px;
}
.listed-points li {
    font-size: 14px;
    line-height: 24px !important;
}
}
@media screen and (max-width: 490px) {
.contact-section-inner {
    bottom: -330px;
}
}
@media screen and (max-width: 479px) {
#chatbox-container {
    bottom: 60px !important; 
    height: 320px !important;
}
#chatbox-container.force-fullscreen, #chatbox-container.full-height {
    height: 320px!important;
    z-index: 9999999999 !important;
}
header {
    z-index: 9999999999 !important;
}
#section-about .section-title p {
    font-size: 16px;
    line-height: 20px !important;
}
p {
    font-size: 14px;
    line-height: 24px!important;
}
.section-title h1, .section-title h2 {
    font-size: 20px;
    line-height: 30px;
}
}