@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&display=swap');


html, body {
    max-width: 100%!important;
    overflow-x: hidden!important;
    color: #2A2A2A!important;
}
footer a {
      color: #2A2A2A!important;
}


p ol {
      color: #2A2A2A!important;

}

p li {
      color: #2A2A2A!important;
      font-weight: 300;

}



.viewbg {
  background-image: url(../img/view.jpg);

}


hr {
  background: black;
  height: 1px;
  margin: 0;
}

h1 {

  font-family: 'Inter', sans-serif;
  font-weight: 400!important;
      color: #2A2A2A!important;
}

.baskervville-regular {
  font-family: "Baskervville", serif;
  font-weight: 400;
  font-style: normal;
}



.mkj {
  margin-left: 0px;
}

.imgx {

  width: 440px;

}
iframe {
  width: 100%;
  height: 600px;

}

h2 {

  font-family: 'Inter', sans-serif;
    font-weight: 400!important;
        color: #2A2A2A!important;
}


h3 {
  font-family: 'Inter', sans-serif;
    font-weight: 400!important;
        color: #2A2A2A!important;
}


h4 {
  font-family: 'Inter', sans-serif;
    font-weight: 300!important;
        color: #2A2A2A!important;
}

h5 {
  font-family: 'Inter', sans-serif!important;
  font-weight: 400!important;
  font-size: 30px;
      color: #2A2A2A!important;
}

h6 {
  font-family: 'Inter', sans-serif!important;
  font-weight: 300!important;
    font-size: 22px;
        color: #2A2A2A!important;
}

p {
  font-family: 'Inter', sans-serif!important;
  font-weight: 300;
    color: #2A2A2A!important;
}

.carousel-item {
  overflow: hidden!important;
}

.abc {
  width: 100%;

  height: auto;
  float: left;

}

.marker {
  width: 100%;
  float: left;

}
.feli {
  box-sizing: border-box;
  float: left;
  width: 31%;



}
.feli2 {
  box-sizing: border-box;
  width: 31%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;

}

.feli3 {
  box-sizing: border-box;
  width: 31%;
    float: left;

}

.navigation {
  position: absolute;
  width: 100%!important;
  z-index: 5;
}
.header {
width: 100%;
  position: absolute;
  z-index: 2;
  top:0px;
  text-align: center;
  height: 240px;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);


}



.header2 {
  width: 100%;
  position: absolute;
  z-index: 2;
  top:0px;
  text-align: center;
  height: 240px;

}

.scroll {
  width: 100%;
  position: absolute;
  z-index: 3;
  top:90vh;
  text-align: center;

}

.scroll2 {
  width: 100%;
  position: absolute;
  z-index: 3;
  top:72vh;
  text-align: center;

}


.dn-sec {
  font-size: 22px;
  font-weight: 300;
  margin-top: 30px;


}
.gry-bg {
  background: #AABBC5;
}
.dn-sec p {
 font-size: 18px;
     color: #2A2A2A!important;
}

.ame-sec {


}


.ame-sec4 {
  width: 100%;
  float: left;


}

.mobileonly {
  display: none;

}

#carouselExampleControls1a {
    display: none;
}

#carouselExampleControls2a {
    display: none;
}

.p-box {
  width: 80%;
  margin-right: 20%;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
}

.p-box2 {
  width: 80%;
  margin-right: 20%;
  padding-bottom: 15px;
}

.wik {
  width: 100%;
  float: left;
  height: auto;
}

.wik-img {
width: 40%;
float: left;
}

.wik-cont {
width: 60%;
float: left;
}

.pro {
  letter-spacing: 8px;
}

.ame-sec h4 {
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.ame-sec hr {
  background: #000;
}

.desktop {
  display: inline;
}

.mobile {
  display: none;
}


.ame-sec2 {


}
.pro {
  letter-spacing: 8px;
}

.sd {

}
.ame-sec2 h4 {


  padding-bottom: 10px;
  margin-bottom: 10px;
}

.ame-sec2 hr {
  background: #000;
}
.loc-sec h4 {

  padding-bottom: 10px;
  margin-bottom: 10px;
}



.btn1 {
  border: solid #000 1px;
  background: #000;
  border-radius: 30px!important;
  color: #fff!important;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 5px;
    margin-right: 5px;
}

.btn1:hover {

background: #3E2012;
  border: solid #3E2012 1px;

}

.btn2:hover {

background: #3E2012;
  border: solid #3E2012 1px;

}



.btn2 {
  border: solid #000 1px;
  background: none!important;
  border-radius: 30px!important;
  color: #000!important;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 5px;
    margin-right: 5px;
}


.arrow-l {
  position: absolute;
  left: 0;
  top: 46%;

  margin-left: 60px;

}

.arrow-r {
  position: absolute;
  right: 0;
  top: 46%;

  margin-right: 60px;

}



.hero-banner2 {
  background-size: cover;
  height: 70vh;

  width: 100%;
  color: #fff;
  position: relative;
}


.hero-banner3 {
  background-size: cover;
  height: 100vh;
  width: 100%;
  color: #fff;
  position: relative;
}


.hero-banner {
  background-size: cover;
  height: 100vh;
  overflow: hidden!important;
  width: 100vw;
  color: #fff;
  position: relative;
}

.hero-banner video {
  width: 100vw;
  height: 786px;
}

.hero-banner-x {
  /*height: 786px;*/
  overflow: hidden!important;
  width: 100vw;
  color: #fff;
  position: relative;
}

.hero-banner-x video {
  width: 100%;
  position: absolute;
}

.ximg {
  position: absolute;
  top: 30%;
  left: 20%;
  z-index: 10;
}

.bg-drk {
  background: #134E4A;
}



.hero-banner-cont {
  position: absolute;
  top:33%;
  left: 10%
}

.hero-banner-cont h3{
  letter-spacing: 10px;
    color:#fff!important;
}

.hero-banner-cont h4{
  letter-spacing: 10px;
  font-size: 22px;
  margin-bottom: 20px;
    color:#fff!important;
}
.hero-banner-cont ul {
  font-size: 24px;
  font-family: 'Inter', sans-serif;
  margin-left: -10px;
  font-weight: 300;
    color:#fff!important;
}

#carouselExampleControls45 {
  display: none;
}
.ft-m2 {
  margin-top: 8px;
}

.hero-banner-cont2 {
  position: absolute;
  top:43%;
  left: 10%
}

.hero-banner-cont2 h3{
  letter-spacing: 10px;
    color:#fff!important;
}

.hero-banner-cont2 h4{
  letter-spacing: 6px;
  font-style: 300!important;
    color:#fff!important;
}


.hero-banner-cont3 {
  position: absolute;
  top:68%;
  left: 10%;
  width:45%;
}

.hero-banner-cont3 h3{
  letter-spacing: 10px;

}

.hero-banner-cont3 h2{
  font-weight: 300!important;

}
.ltrs {
  letter-spacing: 1px;
}

.hero-banner-cont4 {
  position: absolute;
  top:66%;
  left: 10%;
  color:#fff!important;
}

.hero-banner-cont4 h3{
  letter-spacing: 10px;
    color:#fff!important;

}

.hero-banner-cont4 h4{
  letter-spacing: 6px;
  font-style: 300!important;
    color:#fff!important;
}

.hero-banner-cont5 {
  position: absolute;
  top:51%;
  left: 10%;
  z-index: 1;
}

.hero-banner-cont5 h3{
  letter-spacing: 10px;
    color:#fff!important;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.btn {
  border: solid #fff 2px;
  background: none!important;
  border-radius: 30px!important;
}


.imgo {
  width: 100%;
  height: auto;
}

.intro-head {
  font-size: 24px;
  text-align: center!important;

}

.intro-para {
  line-height: 38px!important;
  width: 70%;
  margin-left: 15%;
  margin-right:15%;

}

.iyo {
  padding: 0px;
}

.intro-para3 {

  width: 70%;
  margin-left: 15%;
  margin-right:15%;

}

.green {
  background: #C6D8DC;
}

.green2 {
  background: #285F44;
}

.intro-para2 {
  line-height: 38px!important;
  width: 90%;



}



.txt-center {
  text-align: center!important;
}

.mar-t {
  margin-top: 100px;
}

.end-space {
  margin-bottom: 200px;
}

.start-space {
  margin-top: 20vh;
}

.vision {
  margin-top: 90px;

}

.vision h4 {
  font-size: 22px;
  letter-spacing: 4px;

}

.mission {
  margin-top: 90px;
  padding-left: 80px;
}

.mission h4 {
  font-size: 22px;
  letter-spacing: 4px;

}

.form {

}

.form input {
  border-bottom: 1px solid #000!important;
  border: 0;
  display: block;
  width: 80%;
}

.form span {
  width: 20%;
}

.form-row {
  width: 100%;
  float: left;
  margin-bottom:20px;
}

.wt {
  font-weight: 600!important;
}


/* footer */
footer {
  width: 100%;
  height: auto;
  font-size: 14px;
    font-family: 'Inter', sans-serif!important;
        color: #2A2A2A!important;
}



.cred {
  width: 100px;
  height: auto;

}

.ft-m {
  padding: 0px!important;
}

.ft-border {
  border-top: solid #000 1px;
}

.ft-border2 {
  border-bottom: solid #000 1px;
}

.fb-border {
  border-bottom: solid #000 1px;
}

.log {
  z-index: 12;
  position: relative;
}

.social img {
  margin-right: 10px;

}

.ft-legal {
  font-size: 14px;
      color: #2A2A2A!important;
}
.modal-footer button {
  background: #6c757d!important;
  border-radius: 0!important;
}

.modal-content {
  background-color: #ffffffd9!important;

}
footer h3 {
  font-size: 24px;
  font-weight: 700!important;
  margin: 0;
  padding: 0;
  color: #2A2A2A!important;
}
footer ul {
  margin: 10px!important;
  padding:10px!important;
}

footer li {
  font-size: 18px;
      color: #2A2A2A!important;
}

footer span {
  font-weight: 600!important;
      color: #2A2A2A!important;
}

.am-box {

width: 100%;
float: left;
margin-bottom: 10px;


}

.xspace {
  margin-left: 10px;
vertical-align: bottom;
}

.am-ikon {
width: 13%;
float: left;
}

.am-point {
width: 70%;
float: left;
margin-left: 2%;
display: table-cell;
          vertical-align: middle;
          margin-top: 5px;


}

.am-point p{

  line-height: 18px;
  font-weight: 400!important;
  font-size: 14px;


}

.rera-box {
  width: 50%;

  float: left;
  margin-bottom: 30px;

  padding-bottom: 10px;


}

.rera-box2 {
  width: 50%;

  float: left;
  margin-bottom: 30px;
  text-align: right;

  padding-bottom: 10px;

}

.rera-box2 p {
  font-size: 20px;


}

.cred2 {
  width: 300px;
  height: auto;
}

.qr-code {
  width: 120px;
  float: left;
}

.rera-no {
      width: 50%;
      float: left;
      margin-top: 23px;
      margin-left: 21px;
  }

.q-intro {
  width: 100%;
  text-align: center!important;
  border-bottom: 1px solid #000;
}

#mobile {
  display: none;
}

.q-intro2 {
  width: 100%;
  text-align: center!important;
  border-bottom: 1px solid #000;
}

.quad-logo {
  max-width: 470px;

}

.q-txt {
  padding-left: 5%;
  padding-right:5%;
    border-bottom: 1px solid #000;

    text-align: center;
}

.q-ctr {
    text-align: center;
}

.bb-1{

    border-bottom: 1px solid #000;
}