@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
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,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;
  vertical-align: baseline; }

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

html,
body {scroll-behavior: smooth;height: 100%;}
html{font-size: 16px;}
sup {font-size: 50%; }

small {font-size: 50%; }

body {
  /*font-family: 'Century Gothic', arial, sans-serif;*/
  font-family: "Montserrat", sans-serif;
  line-height: 1.2;
  font-size: 16px;
  background-color: #fff;
  color: #000 !important;
  font-weight: 400;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  counter-reset: section;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  overflow-x: hidden;
}

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  border: none;
  display: block;
  outline: 0 none; }

a{text-decoration: none;transition: all .3s;display: block;}

article h2 { line-height: 1.35;letter-spacing: 1px;
font-family: 'Century Gothic';
font-family: "Montserrat", sans-serif;
font-weight: normal;text-align: left;}
img{display: block;}

html {
  scroll-behavior: smooth;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Italic.eot');
    src: url('../fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic-Italic.woff') format('woff'),
        url('../fonts/CenturyGothic-Italic.ttf') format('truetype'),
        url('../fonts/CenturyGothic-Italic.svg#CenturyGothic-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-BoldItalic.eot');
    src: url('../fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic-BoldItalic.woff') format('woff'),
        url('../fonts/CenturyGothic-BoldItalic.ttf') format('truetype'),
        url('../fonts/CenturyGothic-BoldItalic.svg#CenturyGothic-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Perpetua Titling MT';
    src: url('../fonts/PerpetuaTitlingMT-Light.eot');
    src: url('../fonts/PerpetuaTitlingMT-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PerpetuaTitlingMT-Light.woff') format('woff'),
        url('../fonts/PerpetuaTitlingMT-Light.ttf') format('truetype'),
        url('../fonts/PerpetuaTitlingMT-Light.svg#PerpetuaTitlingMT-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic.woff') format('woff'),
        url('../fonts/CenturyGothic.ttf') format('truetype'),
        url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.sprite{background-image: url(../img/sprite.png);background-repeat: no-repeat;}
.overflow-hidden{overflow: hidden;}
.show{right: 0;transition: all .5s}
b{font-weight: bold;}
article{padding: 80px 0}
header{width: 100%;position: fixed;top: 0;left: 0;background: #fff;z-index: 999;box-shadow: rgb(0 0 0 / 15%) 0 0 5px;transition: all .5s;border-bottom: 1px solid #000000;height: 80px;}
/*.logo img{width: 140px;height: 80px;transition: all .5s;} */
.logo-hdr img {display:none;}
.logo img { width: 100%; height:auto;transition: all .5s;}
.hdr_fix {height: 54px;}
.hdr_fix .logo {display: none}
.hdr_fix .logo-hdr img{display:block; height: 54px;transition: all .5s;}
ul.global_nav {text-align: center;}
ul.global_nav li{display: inline-block;text-align: center;margin: 0 15px;
font-family: 'Perpetua Titling MT';
font-family: "Montserrat", sans-serif;
font-weight: bold;
}
ul.global_nav li:after{content: '';width:0;height: 1px;background: #c28066;display: block;transition: all .3s}
ul.global_nav li:hover:after{width:100%;transition: all .3s}
ul.global_nav li a{color: #07364c;font-size: 18px;text-align: center;display: block;padding: 5px 0px;text-decoration: none;text-transform: uppercase;}
ul.global_nav li a:hover{color: #c28066;}

.hamburger_bar{
  position: fixed;
  right: 15px;
  z-index: 9999;
  width: 40px;
  padding: 5px 6px;
  border-radius: 100%;
  transition: all .3s
}
.toggle_ham .line{
  background-color: #fff;
  transition: all .3s
}
.toggle_ham .line:nth-child(1){
  transform: rotate(45deg) translateY(6px);
  transition: all .3s
}
.toggle_ham .line:nth-child(2){
  opacity: 0;
  transition: all .3s
}
.toggle_ham .line:nth-child(3){
  transform: rotate(-45deg) translate(5px, -12px);
  transition: all .3s
}
.toggle_ham .line:nth-child(4){
    margin:5px -3px;
    width: 2rem;
}
.line {
    background-color: #000;
    border-radius: 1em;
    width: 2.2rem;
    height: 0.25rem;
    display: block;
    transition: all .3s
}
.line:nth-child(2){margin:5px 0}
.line:nth-child(3){margin:5px 0}
.line:nth-child(4){margin:5px 0}
.hamburger_menu{
  background-color: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 300px;
  transition: all .3s;
  z-index: 9999;
  padding-top: 20px;
}
.hamburger_menu.show{
  left: 0;
  transition: all .3s;
}
.hamburger_menu ul{
  padding: 4rem 0;
}
.hamburger_menu ul li a{
  font-size: 15px;
  color: #9a310f;
  padding: 15px 30px;
  transition: all .3s;
  letter-spacing: 2px;
  border-bottom: 1px solid #ccc;
}
.hamburger_menu ul li:last-child a{
  border-bottom: 0;
}
.hamburger_menu ul li a:hover{
  background-color: #9a310f;
  color: #fff;
  transition: all .3s;
  text-decoration: none;
}
.close{
  opacity: 1;
    width: 20px;
    margin: 0px 30px;
}

a.cont{
    font-family: 'Perpetua Titling MT';
    font-family: "Montserrat", sans-serif;
    font-weight: bold;background: #c28066;text-align: center;color: #fff;padding: 10px 25px;border-radius: 15px;text-transform: uppercase;text-decoration: none;}
a.cont:hover{background: #07364c;color: #c28066;}
.banner{
  padding: 10px 0 10px; 
  height: 100vh;
  width: 100vw;
  /*background: url(../img/banner.jpg) no-repeat left center;*/
}
.form_wrap{background: rgba(0,12,22, .8);height:70%;width: 470px;position: absolute;right: 35px;top: 58%;transform: translateY(-50%);padding: 60px 34px 80px}
.form_wrap .form-group{margin-bottom: 2rem;}
.form_wrap label{font-size: 14px;color: #333333;line-height: 1.4;position: relative;padding-left: 25px;}
.form_wrap input[type="text"], .form_wrap input[type="number"]{background: none;border-bottom: 1px solid #fff;border-radius: 0;border-top: 0;border-left: 0;border-right: 0;color: #fff;padding: 0 25px}
::placeholder {
  color: #fff;
  opacity: 1;
}

::placeholder, 
:-ms-input-placeholder, 
::-ms-input-placeholder, 
::-webkit-input-placeholder{
  color: red;opacity: 1;
}

.form_wrap input[type="checkbox"]{display: none;opacity: 0;}
.form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: gray;
  border: 2px solid #333333;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 5px;
  position: absolute;
  left: 0;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 7px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.form_wrap .form-group button{color: #ffffff;font-size: 16px;font-weight: bold;text-align: center;border: none;cursor: pointer;background:  #083b4e;border-radius: 14px;display: block;margin: 0 auto;padding: 15px 60px}


.location{
    /*background: #093b4e;*/
    padding: 10px 0 10px
}
.location h2{font-size: 1.75rem;margin: 0 auto 30px;padding-bottom: 10px;display: inline-block;position: relative;text-align:center;text-transform:uppercase;border-bottom:1px solid #DA7A62}
.location h2:after{width: 325px;height: 1px;background: #ba7a62;bottom: 0;display: block;position: absolute;margin: auto;}
.location .doorstep h2 { margin: 0 auto; }
.location .doorstep h2:after { width:380px; }
.location h2, .location p{color: rgba(9,54,76, .7);}
.location p{line-height: 2;margin-bottom: 15px;}
.location b, .location .time{font-size: 1.25rem;color: rgba(9,54,76, .7);display: block;margin-bottom: 5px;}

.intro h2{font-size: 1.75rem;margin: 0 auto 30px;padding-bottom: 10px;display: inline-block;position: relative;text-align:center;border-bottom: 1px solid #DA7A62;}
.intro h2:after{width: 390px;height:auto;min-height: 2px;background: #ba7a62;bottom: 0;display: block;position: absolute;margin: auto;}
.intro h2, .intro p{color: rgba(9,54,76, .7);}


.amenities{position: relative;padding: 40px 0 10px}
/*.amenities:before{content: '';width: 190px;height: 200px;background: url(../img/amenities_graph.png) no-repeat;position: absolute;right: 0;top: -12%}*/
.amenities .features{
  border: 2px solid #083241;
  grid-template-columns: 50fr 50fr;
  display: grid;
  /*grid-template-columns: 50fr 50fr 50fr 50fr;*/
  /*grid-template-rows: auto;*/

  column-gap: 10px;
  row-gap: 45px;position: relative;
  padding: 40px 15px 40px;
    
}
/*.amenities .features h2{border-bottom: 1px solid #DA7A62;font-size: 1.75rem;text-align: center;color: #083241;position: absolute;background: #fff;padding: 10px 5px;left: 50%;top: 0;transform: translate(-50%, -50%);}*/
.amenities .features legend {
    border-bottom: 1px solid #DA7A62;
    font-size: 1.75rem;
    text-align: center;
    color: #083241;
    padding: 10px 5px;
    width: max-content;
}
.amenities .features .feat{text-align: center;color: #083241;}
.amenities .features .group-1, .amenities .features .group-2 {
    display:grid;
    /*grid-template-columns: 50fr 50fr 50fr 50fr 50fr;*/
    /*grid-template-rows: auto;*/
    column-gap: 10px;
    /*row-gap: 40px;*/
    /*padding: 10px 10px 0px 10px;*/
    place-items: center;
    text-align: center;
    
    grid-template-columns: 50fr;
    row-gap: 10px;
    padding:0;
    grid-template-rows: repeat(4, 1fr);
}

.f1, .f2, .f3, .f4, .f5, .f6, .f7, .f8, .f9, .f10, .f11, .f12, .f13, .f14, .f15{width: 114px;height: 115px;display: block;margin: 0 auto;}
.f1{background-position: 0 0;}
.f2{background-position: -114px 0;}
.f3{background-position: -228px 0;}
.f4{background-position: -342px 0;}
.f5{background-position: 0 -115px;}
.f6{background-position: -114px -115px;}
.f7{background-position: -228px -115px;}
.f8{background-position: -342px -115px;}
.f9{background-position: 0 -230px;}
.f10{background-position: -114px -230px;}
.f11{background-position: -228px -230px;}
.f12{background-position: -342px -230px;}
.f13{background-position: 0 -345px;}
.f14{background-position: -114px -345px;}
.f15{background-position: -228px -345px;}
.f16{background-position: 0 0;}
.f17{background-position: 0 0;}

.about_unique_villas {
   padding: 40px 0 10px 
}

.rera_details { padding: 40px 0 10px  }
.rera_details .container{position: relative;z-index: 1;text-align:center;}
.rera_details h2{color: rgba(9,54,76, .7);text-align: center;text-transform: uppercase;margin: 0 auto 30px;font-size: 1.75rem;position: relative;padding-bottom: 10px;display: inline-block;border-bottom: 1px solid #DA7A62;}
.rera_details h2:after{width: 215px;height: 0.01rem;background: #ba7a62;bottom: 0;display: block;position: absolute;margin: auto;}
.rera_details p{color: #093b4e;text-align: center;line-height: 2}
.rera_details p a{color: #093b4e;text-decoration: none;display:contents;}
.rera_details .rera-qr { display:flex; justify-content:center; }

.intro{
  padding: 10px 0 10px;
  background: url(../img/intro_grph.png) no-repeat left center;position: relative;
  background: #FFF;
}
.intro h1{background: #fff;text-transform: uppercase;color: #09364c;font-size: 2.375rem;position: absolute;top:0;left: 40px;transform: translateY(-50%);padding: 40px 50px;
font-family: 'PerpetuaTitlingMT-Bold';
font-family: "Montserrat", sans-serif;
}
.intro p{text-align: center;line-height: 2;color: rgba(9,54,76, .7);}
/*.intro:after{content: '';width: 270px;height: 240px;background: url(../img/intro_after_graph.png) no-repeat;display: block;position: absolute;right: 0;top:70%}*/

.about_unique_villas{
    /*background: #ad715a;*/
position: relative;}
/*.about_unique_villas:after{content: '';background: url(../img/unique_v_grp_r.png) no-repeat;width: 182px;height: 204px;position: absolute;right: 0;top: -10%}*/
.about_unique_villas h2{color: rgba(9,54,76, .7);font-size: 1.75rem;margin: 0 auto 30px;padding-bottom: 10px;position: relative;text-align:center;border-bottom: 1px solid #DA7A62;width:fit-content;}
.about_unique_villas h2:after{width: 390px;height: 0.01rem;background: #ba7a62;bottom: 0;display: block;position: relative;margin:10px auto 0px;} 
.about_unique_villas p{color: #083241;font-size: 1.125rem;margin-bottom:15px;line-height: 1.9;}


/*.about_group{position: relative; background:rgba(9,59,78, .5) url(../img/about_group_bg.jpg) no-repeat center center/cover;}*/
.about_group .container{position: relative;z-index: 1;}
/*.abt_overlay{background:rgba(9,59,78, .9);position: absolute;width:100%;height: 100%;left: 0;top: 0;}*/
/*.about_group:after{content: '';background: url(../img/abt_grp_grp_r.png) no-repeat;width: 239px;height: 326px;right: 0;bottom: -30%;position: absolute;z-index: 2;}*/
/*.about_group:before{content: '';background: url(../img/abt_grp_grp_l.png) no-repeat;width: 253px;height: 326px;left: 0;top: -30%;position: absolute;z-index: 2;}*/
.about_group {padding: 40px 0 10px}
.about_group h2, .about_group p{text-align: center;color: #093b4e;}
.about_group h2{font-size: 1.75rem;color:rgba(9,54,76, .7);text-transform: uppercase;padding-bottom:10px;margin: 0 auto 30px;text-align: center;position: relative;display: inline-block;border-bottom: 1px solid #DA7A62;}
.about_group h2:after{width: 395px;height: 0.01rem;background: #ba7a62;bottom: 0;display: block;position: absolute;margin: auto;}
.about_group p{line-height: 2;padding: 0 25px;}
.malabar{width: 220px;height: 45px;display: inline-block;margin: 0 auto;}


.faq {padding: 10px 0 10px}
.faq_inner{padding: 0 5%;text-align:center;}
.faq_inner h2{font-size: 1.25rem;font-weight: bold;color: #093b4e;margin-bottom: 2.5rem;}
ul.faq_list{padding-bottom: 5rem;}
ul.faq_list li{margin-bottom: 3rem;}
ul.faq_list li h3{font-size: 1.25rem;font-weight: bold;color: #093b4e;margin-bottom: 1rem;text-align: left;}
ul.faq_list li p{font-size: 1.25rem;color: #093b4e;margin-bottom: 0;line-height: 1.5;word-break: break-all;}


a.btn-contact {
  width: 402px;
  font-weight: bold;
  font-size: 1.688rem;
  background: #c28066;
  text-align: center;
  color: #fff;
  padding: 10px 25px;
  border-radius: 15px;
  text-decoration: none;
  display: inline-block;
  margin: 10px 15px;
  padding: 18px 0;
  text-align: center;
}
a.btn-contact:hover{background: #07364c;color: #c28066;}
a.btn-contact span{display: inline-block;margin-right: 10px;vertical-align: middle;}



.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0;
}
.form_wrap_modal{padding: 30px 34px 40px;}
.form_wrap_modal .form-group{margin-bottom: 2rem;}
.form_wrap_modal label{font-size: 13px;color: #333333;line-height: 1.4;position: relative;padding-left: 25px;}
.form_wrap_modal input[type="text"], .form_wrap_modal input[type="number"], .form_wrap_modal input[type="email"], .form_wrap_modal input[type="tel"]{background: none;border-bottom: 1px solid #fff;border-radius: 0;}
.form_wrap_modal input[type="checkbox"]{opacity: 0;}
.form_wrap_modal .form-group button{color: #ffffff;font-size: 16px;font-weight: bold;text-align: center;border: none;cursor: pointer;background:  #083b4e;border-radius: 14px;display: block;margin: 0 auto;padding: 15px 60px}

@media (max-width: 1440px){
    .form_wrap_modal{height: 75%;padding: 30px 34px}
}
@media (max-width: 767px){
    .form_wrap_modal{height: 70%;right: 0;left: 0;margin: 0 auto;width: 100%;top: 55%;padding: 20px;}
    .form_wrap_modal label {
        font-size: 11px;
    }
}

.close_button {
    position: absolute;
    border: 1px solid #333333;
    right: 15px;
    border-radius: 50%;
    top: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #333333;
    text-shadow: 0 1px 0 #000;
    opacity: .5;background-color: transparent;
    width:2rem;
    height:2rem;
}

.carousel-item {
  object-fit: cover;
  object-position: center;
  /* height: 100vh; */
  overflow: hidden;
}
.carousel-item img {
  filter: brightness(80%);
}

.carousel-caption {
  bottom: 25%;
}

.carousel-caption h5 {
  font-weight: 400;
  font-size: 2rem;
  /* text-shadow: 1px 1px #000; */
}

.form_wrap_modal input[type="text"], .form_wrap_modal input[type="number"], .form_wrap_modal input[type="email"], .form_wrap_modal input[type="tel"] {
  color: #333333;
  border: 1px solid #333333;
  border-radius: 8px;
}

input::placeholder {
  color: #333333 !important;
}

/** Lead form Styling  */
.send-otp-wrapper.hide {
  display: none;
}
.verify-otp-wrapper.hide {
  display: none;
}

#enq_btn:disabled, #enq_btn_send_otp:disabled {
  background-color: #ccc;
  color: #666;
  cursor: not-allowed;
  opacity: 0.6;
}

.modal-open .modal {
    background: rgba(0,0,0,0.3);
}

.modal-content {
    overflow: hidden;
    border-radius: 0;
}

.faq_accordion_container .faq_wrapper .faq_accordion_items .faq_accordion {
	 margin-bottom: 1rem;
}
 .faq_accordion_container .faq_wrapper .faq_accordion_items .faq_accordion h4 {
	 font-weight: 600;
}
 .faq_accordion_container .faq_wrapper .faq_accordion_items .faq_accordion h4 button {
	 background-color: rgba(9, 59, 78, 1);
	 color: #ffffff;
	 border-radius: 0;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
	 border-width: 1px;
	 border-color: #0a2240;
	 outline-offset: 3px;
	 text-align: left;
	 display: flex;
	 width: 100%;
	 flex-direction: row-reverse;
	 align-items: center;
	 justify-content: flex-end;
	 padding-top: 0.5rem;
	 padding-bottom: 0.5rem;
	 padding-left: 0.75rem;
	 outline: none;
}
.faq_accordion_container .faq_wrapper .faq_accordion_items .faq_accordion h3 button .icon {
    margin-right: 20px;
}
 .faq_accordion_container .faq_wrapper .faq_accordion_items .faq_accordion h3 button .icon::after {
     content: "\25BC";
    transition: transform 0.3s ease;
    display: block;
    font-size: 15px;
	/* ▼ */
}
 .faq_accordion_container .faq_wrapper .faq_accordion_items .faq_accordion h3 button.active .icon::after {
	 transform: rotate(180deg);
	/* ▲ */
}
 .faq_accordion_container .faq_wrapper .faq_accordion_items .faq_accordion .fqa_accordion_content {
	 display: none;
	 border-style: solid;
	 border-color: currentColor;
	 border-bottom-right-radius: 5px;
	 border-bottom-left-radius: 5px;
	 border-width: 1px;
	 border-top-width: 0;
	 padding: 2rem;
}
 .faq_accordion_container .faq_wrapper .faq_accordion_items .faq_accordion .fqa_accordion_content p {
     word-break: break-all;
     line-height:2;
 }
 .faq_accordion_container .faq_wrapper .faq_accordion_items .faq_accordion .fqa_accordion_content.active {
	 display: block;
}

.services-icons {
    width: 50%;
    margin: 0 auto;
    padding: 40px;
    background: rgba(9, 59, 78, 1);
    border-radius: 20px;
}

.services-icons p {
    color: #ffffff;
    display: flex;
    font-weight: 600;
    align-items: center;
}

.services-icons p i {
    margin-right: 10px;
    font-size: 20px;
}

.services-icons p span {
    margin-left: auto;
}

@media (max-width: 767px) {
    .services-icons {
        width: 100%;
        padding: 20px;
    }
    
    .services-icons p {
        font-size: 14px;
    }
}

.home-video {
    position: relative;
}

.home-video h2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    color: #ffffff;
    font-size: 60px;
    text-transform: uppercase;
    /*font-weight: 600;*/
    text-shadow: 1px 1px 11px #000000;
}

.home-video video {
    height: calc(100vh - 100px);
    object-fit: cover;
}

video.mobile-video {
    display: none;
}



/* Section 5 */

#villas {
    .slider {
        position: relative;
        width: 100%;
        margin: 0;
        margin-left: 1.75rem;
    }
    
    .carousel {
        img {
            background: #f3f3f3;
            transition: opacity 0.3s;
            opacity: 0;
            /*max-height: 550px;*/
            /*object-fit: contain;*/
        }
        img.loaded {
         opacity: 1;
        }
    }
    .slick {
        position: relative;
    }
    
    .slick-slide {
        opacity: .4;
        height: auto;
    }
    
    .slick-slide.slick-active {
        opacity: 1;
    }
    
    .container {
        display: flex;
        justify-content: flex-end;
        /*overflow:hidden;*/
        /*max-width:800px;*/
    }
    .slick-list {
        padding: 0 !important;
        margin-left: -1.7857142857rem;
        margin-right: -1.7857142857rem;
    }
    .slick-track {
        padding-top: .2rem;
        display: flex;
        justify-items: stretch;
        //height:300px;
    }
    .slick-slide {
        margin: 0 1.7857142857rem;
        //height: 300px;
        //min-width: 500px;
    }
    img {
        width: 100%;
        height: 100%;
        border-radius: 20px;
    }
    figure {
        height: 100%;
        figcaption {
            margin-top: 1.1428571429rem;
            margin-bottom: 0;
            padding-bottom: 1rem;
            text-align: center;
        }
    }
    
    .slick-prev:before, .slick-next:before {
        font-size: 58px;
        background: transparent;
        position: relative;
        top: 4px;
    }
    
    .slick-prev {
        z-index: 1;
        left: 0;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background: #6c6b6b;
    }
    
    .slick-next {
        z-index: 1;
        width: 50px;
        height: 50px;
        right:0;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background: #969393;
    }
    
    .slick-active {
        width: 80px;
        button {
            width: 80px;
            background: #E6A8A1;
            border-radius: 20px;
        }
        button:before {
            color: transparent;
        }
    }
    
    .slick-dots li button:before {
        font-size: 16px;
    }
    
    .slick-dots {
        position: relative;
        margin: 0 auto !important;
    }
}

.feat {
    svg {
        display: block;
        margin: 0 auto;
    }
}

.slick-dots {
    bottom: unset;
}

/*
CSS Media queries
*/

@media (min-width: 1920px) {
    .faq_inner {
        margin: auto;
        max-width: 960px;
    }
}

/*
Extra largeDesktop
*/
@media (max-width: 1920px){
    
   .intro h2:after {
      width:388px;
    }
  
  .location h2:after {
      width: 330px;
  }
  
  .location .doorstep h2:after {
      width:380px;
  }
  
  .about_unique_villas h2:after {
      width:415px;
  }
  
   .rera_details h2:after{
       width:230px;
   }
   
   .about_group h2:after {
       width:420px;
   }
}

/*
Large Desktop
*/
@media (max-width: 1600px){
    .faq_inner {
        margin: auto;
        max-width: 800px;
    }
   .intro h2:after {
      width:388px;
  }
  
  .location h2:after {
      width: 330px;
  }
  
  .location .doorstep h2:after {
      width:380px;
  }
  
  .about_unique_villas h2:after {
      width:415px;
  }
  
   .rera_details h2:after{
       width:215px;
   }
   
   .about_group h2:after {
       width:392px;
   }
}


/*
Desktop
*/
@media (max-width: 1440px){
    .faq_inner {
        margin: auto;
        max-width: 720px;
    }
  article{padding: 60px 0}
  html{font-size: 90%}
  header{height: auto;}
  /*.logo img{width: 140px; height: 80px;}*/
  ul.global_nav li a{font-size: 16px}
  .form_wrap{height: 75%;padding: 30px 34px}
  .banner {
    height: auto;
    margin-bottom: 5rem;
  }


  .intro h2:after {
      width:350px;
  }
  
  .location h2:after {
      width: 295px;
  }
  
  .location .doorstep h2:after {
      width:345px;
  }
  
  .about_unique_villas h2:after {
      width:370px;
  }
  
   .rera_details h2:after{
       width:210px;
   }
   
   .about_group h2:after {
       width:380px;
   }
}



/*
Large laptop
*/
@media (max-width: 1200px){
    .faq_inner {
        margin: auto;
        max-width: 600px;
    }
    .intro h2:after {
      width:355px;
  }
  
  .location h2:after {
      width: 300px;
  }
  
  .location .doorstep h2:after {
      width:345px;
  }
  
  .about_unique_villas h2:after {
      width:355px;
  }
  
   .rera_details h2:after{
       width:195px;
   }
   
   .about_group h2:after {
       width:355px;
   }
}

/*
Laptop
*/
@media (max-width: 1024px){
    .intro h2:after {
      width:355px;
  }
  
  .location h2:after {
      width: 300px;
  }
  
  .location .doorstep h2:after {
      width:345px;
  }
  
  .about_unique_villas h2:after {
      width:355px;
  }
  
   .rera_details h2:after{
       width:200px;
   }
   
   .about_group h2:after {
       width:355px;
   }
   .faq_inner {
        margin: auto;
        max-width: 512px;
    }
}


/*
Small laptop
*/
@media (max-width: 992px){
    .faq_inner {
        margin: auto;
        max-width: 496px;
    }
  html{font-size: 85%}
  article{padding: 50px 0}
  .carousel{top: 50px;}
  .carousel-caption {bottom: 5% !important;}
  .carousel-caption h5 {font-size: 1.5rem !important;}
  header{height: auto;}
  /*.logo img{width: 140px; height: 80px;}*/
  .cont_mb{display: block;}
  .cont{display: none;}
  nav{
    transition: all .5s;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    background: rgba(0,0,0,.9);
    background: rgba(9, 59, 78, 1);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  ul.global_nav{
    flex-direction: column;
    display: flex;
  }
  ul.global_nav li a{
    font-size: 24px;
    padding: 15px 0px;
    color: #fff;
  }
  .banner {
    height: auto;
    margin-bottom: 5rem;
  }
  
  
  .intro h2:after {
      width:335px;
  }
  
  .location h2:after {
      width: 280px;
  }
  
  .location .doorstep h2:after {
      width:325px;
  }
  
  .about_unique_villas h2:after {
      width:335px;
  }
  
   .rera_details h2:after{
       width:188px;
   }
   
   .about_group h2:after {
       width:335px;
   }
}

/*
Tablet
*/
@media (max-width: 768px){
    .faq_inner {
        margin: auto;
        max-width: 384px;
    }
  /*.logo img{*/
  /*    width: 80px;*/
  /*    height: 40px;*/
      
  /*}*/
  html{font-size: 80%}
  article{padding: 40px 0}
  .carousel{top: 50px;}
  .carousel-caption {bottom: 5% !important;}
  .carousel-caption h5 {font-size: 1.5rem !important;}

  .form_wrap{height: 70%;right: 0;left: 0;    margin: 0 auto;width: 90%;top: 55%;}
  /*.intro{padding-bottom: 60px;}*/
  .intro h1{position: static;padding: 0 15px}
  .about_group p{padding: 0}
  .about_group:before, .about_group:after{opacity: .5;}
  .about_unique_villas h2:after{left: 0;width:320px;}

  a.btn-contact{width:100%;margin: 10px 0}

  .amenities{padding-top: 40px;}
  .amenities .features h2{font-size: 1.75rem;padding: 30px 15px;width: 70%;transform: translate(-50%, -50%);}
  /*.amenities .features{grid-template-columns: 50fr 50fr;}*/
  .amenities:before{top: -6%}

  ul.faq_list{
    margin-bottom: 1rem;
  }
  .banner {
    height: auto;
    margin-bottom:5rem;
  }
  
  
  body, html {
        width: 100%;
        overflow-x: hidden;
    }

    
    .location h2:after {
        width: 270px;
        left: 0;
        right: 0;
    }
    
    
    .intro h2:after {
        width: 320px;
        left: 0;
        right: 0;
    }
    
    .intro p {
        font-size: 1.1rem;
    }
    
    .location p {
        font-size: 1.1rem;
    }
    
    .rera_details p {
        font-size: 1.1rem;
    }
    
    .about_group p {
        font-size: 1.1rem;
    }
    
    .amenities .features {
        /*display: grid;*/
        column-gap: 10px;
        grid-template-columns: 50fr;
        
    }
    
    .about_group h2:after {
        width: 320px;
    }
    
    /*.amenities .features .group-1, .amenities .features .group-2 {*/
    /*    grid-template-columns: 50fr;*/
    /*    row-gap: 10px;*/
    /*    padding:0;*/
    /*    grid-template-rows: repeat(4, 1fr);*/
    /*}*/
    
    .amenities .features .feat {
        font-size: 1.1rem;
    }
    
    
    
    .location_img img {
        display: block;
        width: 100%;
        height: auto;
    }
    .home-video video.desktop-video {
        display: none;
    }
    
    .home-video h2 {
        font-size: 40px;
    }
    
    video.mobile-video {
        display: block;
    }
    
    .home-video video {
        height: calc(100vh - 60px);
        object-fit: cover;
    }
    
    .about_group h2 {
        padding: 0 0 10px;
    }
    
    
    #villas .slick-slide {
        height: 200px !important;
        min-width: 200px !important;
    }
    
    .faq_accordion_container .faq_wrapper .faq_accordion_items .faq_accordion .fqa_accordion_content p {
        font-size: 1.1rem;
    }
    
    .slick-dots {
        max-width: 20rem;  
        display:none !important;
    }
    
    .location .doorstep h2:after { width:310px; }
    
    .about_unique_villas h2 {
        margin-bottom:0;
    }
    
    .rera_details h2:after {
        width:175px;
    }
}


/*
Small tablet
*/
@media (max-width: 600px) {
    .intro h2:after {
      width:315px;
  }
  
  .location h2:after {
      width: 260px;
  }
  
  .location .doorstep h2:after {
      width:310px;
  }
  
  .about_unique_villas h2:after {
      width:320px;
  }
  
   .rera_details h2:after{
       width:175px;
   }
   
   .about_group h2:after {
       width:318px;
   }
   .faq_inner {
        margin: auto;
        max-width: 400px;
    }
    /*.amenities .features h2 {*/
    /*    width: 80%;*/
    /*}*/
}


/*
Phablet
*/
@media (max-width: 480px) {
   .intro h2:after {
      width:318px;
  }
  
  .location h2:after {
      width: 260px;
  }
  
  .location .doorstep h2:after {
      width:310px;
  }
  
  .about_unique_villas h2:after {
      width:320px;
  }
  
   .rera_details h2:after{
       width:175px;
   }
   
   .about_group h2:after {
       width:320px;
   }
   /*.faq_inner {*/
   /*     margin: auto;*/
   /*     max-width: 240px;*/
   /* }*/
}


/*
Medium small
*/
@media (max-width: 425px) {
    .intro h2:after {
      width:318px;
  }
  
  .location h2 {
      margin-left: 0px;
      margin-right: 0px;
  }
  
  .location h2:after {
      width: 260px;
  }
  
  .location .doorstep h2:after {
      width:310px;
  }
  
  .about_unique_villas h2:after {
      width:320px;
  }
  
   .rera_details h2:after{
       width:175px;
   }
   
   .about_group h2:after {
       width:318px;
   }
   /*.faq_inner {*/
   /*     margin: auto;*/
   /*     max-width: 212px;*/
   /* }*/
}

/*
small
*/
@media (max-width: 375px) {
    
    .intro h2 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .intro h2:after {
      width:355px;
    }
  
  .about_unique_villas h2 {
        margin-left: 0px;
        margin-right: 0px;
    }
  .location h2:after {
      width: 300px;
  }
  
  .location .doorstep h2:after {
      width:345px;
  }
  
  .about_unique_villas h2:after {
      width:380px;
  }
  
   .rera_details h2:after{
       width:210px;
   }
   
   .about_group h2:after {
       width:380px;
   }
   /*.faq_inner {*/
   /*     margin: auto;*/
   /*     max-width: 187px;*/
   /* }*/
}

/*
Extra small
*/
@media (max-width: 320px) {
    .intro h2:after {
      width:185px;
  }
  
  .location h2:after {
      width: 270px;
  }
  
  .location .doorstep h2:after {
      width:220px;
  }
  
  .about_unique_villas {
      padding: 40px 10px 10px;
  }
  .about_unique_villas h2:after {
      width:185px;
  }
  
   .rera_details h2:after{
       width:175px;
   }
   
   .about_group h2:after {
       width:380px;
   }
   /*.faq_inner {*/
   /*     margin: auto;*/
   /*     max-width: 160px;*/
   /* }*/
}