@font-face {

  font-family: "AleoBold";

  src: url("../fonts/AleoBold/AleoBold.eot");

  src: url("../fonts/AleoBold/AleoBold.eot") format("embedded-opentype"),

    url("../fonts/AleoBold/AleoBold.woff2") format("woff2"),

    url("../fonts/AleoBold/AleoBold.woff") format("woff"),

    url("../fonts/AleoBold.ttf") format("truetype"),

    url("../fonts/AleoBold/AleoBold.svg#AleoBold") format("svg");

}



@font-face {

  font-family: "aleo_light";

  src: url("fonts/aleo_light.eot");

  src: url("fonts/aleo_light.eot") format("embedded-opentype"),

    url("fonts/aleo_light.woff2") format("woff2"),

    url("fonts/aleo_light.woff") format("woff"),

    url("fonts/aleo_light.ttf") format("truetype"),

    url("fonts/aleo_light.svg#aleo_light") format("svg");

}



@font-face {

  font-family: "AleoRegular";

  src: url("../fonts/AleoRegular/AleoRegular.eot");

  src: url("../fonts/AleoRegular/AleoRegular.eot") format("embedded-opentype"),

    url("../fonts/AleoRegular/AleoRegular.woff2") format("woff2"),

    url("../fonts/AleoRegular/AleoRegular.woff") format("woff"),

    url("../fonts/AleoRegular/AleoRegular.ttf") format("truetype"),

    url("../fonts/AleoRegular/AleoRegular.svg#AleoRegular") format("svg");

}



@font-face {

  font-family: "MyriadProRegular";

  src: url("../fonts/MyriadProRegular/MyriadProRegular.eot");

  src: url("../fonts/MyriadProRegular/MyriadProRegular.eot") format("embedded-opentype"),

    url("../fonts/MyriadProRegular/MyriadProRegular.woff2") format("woff2"),

    url("../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),

    url("../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype"),

    url("../fonts/MyriadProRegular/MyriadProRegular.svg#MyriadProRegular") format("svg");

}

.sticky{position: fixed;right: 0;left: 0;top: 30px;}
html {

  scroll-behavior: smooth;

}




body {

  font-family: "AleoRegular";

}



.input02::-webkit-input-placeholder {

  color: #fff;

}



.input02::-moz-placeholder {

  color: #fff;

}



.input02:-ms-input-placeholder {

  color: #fff;

}



.input02:-moz-placeholder {

  color: #fff;

}





input::-webkit-input-placeholder {

  color: #000;

}



input::-moz-placeholder {

  color: #000;



}



input:-ms-input-placeholder {

  color: #000;



}



input:-moz-placeholder {

  color: #000;



}
input:focus{outline: none;}


.banner-1 img {

  width: 100%;

  display: block;

}



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



main {

  overflow: hidden;

}


#main{padding-top: 80px}
.section:first-child {

  padding-top: 0;

}



ul,

li,

a {

  list-style: none;

  text-decoration: dotted;

  display: inline-block;

}



h2, h1 {

  font-size: 41.99px;

  text-align: center;

  font-family: "AleoBold";

}



.section {

  padding-top: 50px;

  overflow: hidden;

}



.container {

  max-width: 1140px;

  width: 90%;

  margin: 0 auto;

}

.input-filed{border: none;padding: 10px 20px;margin-left: 10px;border-radius: 15px;}

.enq-btn0001{background: #1db3bb;padding: 10px 20px;margin-left: 20px;border-radius: 15px;color: #fff;border: none;}

.img-box.slick-slide{height: 60vh;}



#header {

  margin: 0;
  position: fixed;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 99999;

}

button.menu-btn{display: none;}

button.close-menu{display: none;}

.navbar {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 20px auto;

}



.logo {

  display: flex;

  vertical-align: middle;

}



.navbar .logo img {

  width: 140px;

  height: auto;

  margin-right: 20px;

}



.navbar li {

  display: inline-block;

  list-style: none;

  margin-left: 30px;

}



.navbar li a {

  font-family: "AleoRegular";

  color: #b05b83;

  font-size: 17.79px;

}

.section-thank h1{text-align: center;margin: 50px auto;}

.btns {

  display: inline-block;

  vertical-align: middle;

  margin-left: 7px;

}



.btns button {

  margin-left: 5px;

}



.btns .btn1 {

  padding: 8px 16px;

  background-color: #b5446f;

  border-radius: 15px;

  border: none;

}



.btns .btn2 {

  padding: 8px 8px;

  background-color: #1db3bb;

  border-radius: 15px;

  border: none;

}



.btns .btn1 a {

  color: #fff;

  text-decoration: none;

  font-family: "AleoRegular";

  font-size: 18px;

}



.btns .btn2 a {

  color: #fff;

  text-decoration: none;

  font-family: "AleoRegular";

  font-size: 18px;

}



.btns .btn2 img {

  width: 14px;

  margin-right: 7px;

  margin-top: 0px px;

  height: 13px;

}



.box-sec2 {

  margin-top: 90px;

  float: right;

}



/* Section First */



.section1 {

  position: relative;

}



.sec1-box1 {

  position: absolute;

  top: 30%;

  right: 8%;

}



.in-box {

  padding: 5px 35px;

}



.heading03 {

  font-family: "AleoRegular";

  font-size: 19.43px;

}



.heading01 {

  font-size: 40.99px;

  font-family: "AleoBold";

}



.sec1-box2 {

  padding: 9px 35px;

  background: #b5446f;

  color: #fff;

  font-size: 31.67px;

  font-family: "AleoBold";

}



.sec1-box3 {

  position: absolute;

  bottom: 12%;

  right: 0%;

}



.enq-now {

  padding: 8px;

  margin-bottom: 4px;

  background: #b5446f;

  transition: ease 1s all;

  transform: translateX(140px);

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

  cursor: pointer;

}



.enq-now img {

  width: 30px;

  display: inline-block;

  vertical-align: middle;

}

@media screen and (max-width: 480px){
.enq-now{
    padding:5px;
    
}
.enq-now img {
width:20px !important;
    
}    
.sticy-icon {
    position: fixed;
    top: 35%;
    right: -4px !important;
    z-index: 99;
}
}




.sticy-icon {

  position: fixed;

  top: 35%;

  right: 0;

  z-index: 99;

}



.enq-now:hover {

  transform: translateX(0);

}



.hov-show {

  display: inline-block;

  margin: auto 0;

  font-family: merriweatherblack;

  color: #fff;

  font-size: 14px;

  overflow: hidden;

  transition: ease 1s all;

  vertical-align: middle;

  margin-left: 10px;

  color: #fff;

}



.hov-show a {

  color: #fff;

}



/* second section start */



.second-section .sec2-h3 {

  font-family: "AleoBold";

  /* font-size: 41.05px; */

  text-align: center;

  width: 660px;

  margin: 0 auto;



  color: #963358;

}



.sec2-box1 {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

  margin-top: 48px;

}



.project {

  display: inline-block;

  text-align: center;

  border-right: 1px solid;

}

.project img{width: 35px;}



.project:last-child {

  border-right: 0px;

}



.project h3 {

  font-family: "AleoBold";

  padding: 7px;

  font-size: 18px;

}



.project p {

  width: 165px !important;

  margin: 0 auto;

  font-family: "AleoRegular";

  font-size: 14.79px;

}
.logo0002 img{width: 100px;}



/* Third Section Started */



.enq-section {
  background: #963358;
  z-index: 999999;
  padding-top: 0;margin-top: 50px;

}



.sec3-cnt1 {

  text-align: center;

  padding: 25px 0;
  padding-bottom: 10px;

}



.sec3-btns {

  font-family: "AleoBold";

  border-radius: 35px;

  font-size: 22px;

  background: #963358;

  margin-right: 30px;

  width: calc(20% - 34px);

  border: 1px solid #fff;

  text-decoration: none;

}



.sec3-btns:hover {

  background: #fff;

}



.sec3-btns a {

  color: #fff;

  padding: 7px;

}



.sec3-btns:hover a {

  color: #963358;

  text-transform: uppercase;

}



.sec3-btns:last-child {

  margin-right: 0;

}
.video img{height: 300px;}



.enq-btns a {

  color: #963358;

}



/* Fourth Section Started */



.sec4-box1 {

  display: inline-block;

  width: 576px;

  overflow: hidden;

  border-radius: 21px;

  vertical-align: middle;

  margin-top: 44px;

}



.sec4-box2 {

  display: inline-block;

  width: 462px;

  margin-left: 35px;

  vertical-align: middle;

}



.sec4-box2 h1 {

  font-family: "AleoBold";

  font-size: 41px;

}



.sec4-h1 {

  margin-top: 25px;

}



.sec4-h1::after {

  content: "";

  border-bottom: 2px solid #000;

}



.sec4-box2 p {

  font-family: "AleoRegular";

  font-size: 16.79px;

  text-align: justify;

}



.sec4-box3 {

  margin-top: 30px;

}


.testimonial .video{width: max-content;margin: 0 auto;display: none}
.testimonial .video.active{display: block;}




.sec4-box3 .sec4-btns {

  font-family: "AleoBold";

  padding: 10px 14px;

  border-radius: 15.23px;

  background: #1db3bb;

  border: none;

  margin: 4px;



  font-size: 17.79px;

}



.sec4-box3 .sec4-btns a {

  color: #fff;

}



/*  Fifth Secction Started */



.sec5-btn {

  padding: 32px 0;

  text-align: center;

}



.sec5-btn button {

  border-radius: 14.23px;

  font-family: "AleoBold";

  font-size: 17.79px;

  margin-left: 130px;

  text-decoration: none;

  border: none;

  cursor: pointer;

}



.sec5-btn button:first-child {

  margin-left: 0;

}



.container .sec5-btns1.active {

  background: #963358;

  color: #ffffff;

}



.container .sec5-btns1 {

  color: rgb(0, 0, 0);

  padding: 13px 20px;

}



.amenities {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr;

  grid-gap: 20px;

  width: 650px;

  margin: 0 auto;

  text-align: center;

  height: 0;

  opacity: 0;

  visibility: hidden;

}



.amenities.active {

  height: auto;

  opacity: 1;

  visibility: visible;

}



.amenities div {

  background: rgb(255, 255, 255);

  padding-top: 15px;

  height: 110px;

  border-radius: 24px;

  vertical-align: middle;

  text-align: center;

}



.amenities h3 {

  padding: 0px 0 10px 0;

  width: 140px;

  margin: 0 auto;

  font-family: "AleoRegular";

  font-size: 16px;

}



.interiors img {

  width: 45px;

}



.banner-2 {

  background: url("../img/amenities.png") no-repeat;

  background-size: 100%;

  height: 73vh;

}





.slick-next:before {

  content: '→';

}

.slick-prev:before, .slick-next:before {

  font-family: 'slick';

  font-size: 20px;

  line-height: 1;

  opacity: .75;

  color: white;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.slick-prev:before {

  content: '←';

}

.slick-prev:before, .slick-next:before {

  font-family: 'slick';

  font-size: 16px;

  line-height: 1;

  opacity: .75;

  color: white;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.slick-dots {

  position: absolute;

  bottom: -25px;

  display: block;

  width: 100%;

  padding: 0;

  margin: 0;

  list-style: none;

  text-align: center;

}

.slick-dots li {

  position: relative;

  display: inline-block;

  width: 20px;

  height: 20px;

  margin: 0 5px;

  padding: 0;

  cursor: pointer;

}

.slick-dots button{background: grey;    background: grey;

  border: none;

  border-radius: 10px;

  width: 6px;

  color: transparent;

  height: 6px;}

  .slick-dots .slick-active button{background: black}

  .slick-prev, .slick-next {

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 50%;

    display: block;

    width: 20px;

    height: 20px;

    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: black;

    border-radius: 10px;

}

.slick-prev {

  left: -25px;

}

.slick-next {

  right: -25px;

}



/* Sixth Section Started */



.plan1 {

  text-align: center;

  display: flex;

  padding: 0 40px;

  justify-content: space-around;

  margin-top: 50px;

  margin-bottom: 20px;

}



.plan1-h3 {

  height: 41px;

  width: 120px;

  vertical-align: middle;

  text-align: center;

  font-size: 17.79px;

  font-family: "AleoBold";

  color: rgb(0, 0, 0);

  padding: 10px;

  cursor: pointer;

}




.plan1-h3.active {

  background: #963358;

  color: #fff;

}



.plans {

  height: 0;

  opacity: 0;

  visibility: hidden;
  display: block;
  position: relative;
 

}



.plans.active {

  height: auto;

  opacity: 1;

  visibility: visible;

  display: block;

}



.plan-img {

  height: 0;

  opacity: 0;

  visibility: hidden;

}



.plan-img.active {

  height: auto;

  opacity: 1;

  visibility: visible;

}



.sub-plan {

  width: 50%;

  margin: 0 auto;

}



.sub-plan .plan2-h3 {

  width: 190px;

}



.sub-plan .plan2-h3 {

  font-family: "aleo_light";

  font-size: 17.79px;

  color: #000;

  padding: 8px 18px;

  cursor: pointer;

}



.sub-plan .plan2-h3.active {

  background: #d26c92;

  border-radius: 24.23px;

}
.imp-1{display: inline-block;position: relative;}
.imp-1 span{position: absolute;top: 40px;left: 17%;}
.imp-2{display: inline-block;position: relative;}
.imp-2 span{position: absolute;top: 40px;left: 7%;}
.imp-3{display: inline-block;position: relative;}
.imp-3 span{position: absolute;top: 40px;left: 17%;}
.imp-4{display: inline-block;position: relative;}
.imp-4 span{position: absolute;top: 40px;left: 17%;}



.img-plan {

  text-align: center;

  margin-top: 47px;

  margin-bottom: 50px;

  height: 0;

  opacity: 0;

  visibility: hidden;


}



#anupa-1st img {

  width: 100%;

}



#veni img {

  width: 100%;

}



#prayag img {

  width: 100%;

}



.img-plan.active {

  height: auto;

  opacity: 1;

  visibility: visible;

  display: block;

}



/* Gallery Seventh Section Started */

.gallery {

  text-align: center;

  display: flex;

  justify-content: center;

  margin: 30px 0;

  align-items: center;

}



.gallery-h {

  height: 50px;

  width: 200px;

  vertical-align: middle;

  text-align: center;

  margin-left: 10px;

  color: #000;

  font-family: "AleoBold";

  font-size: 17.79px;

  padding: 15px 10px;

  cursor: pointer;

}



.gallery-h.active {

  background-color: #b5446f;

  color: #fff;

}



.img-slider {

  height: 0;

  opacity: 0;

  visibility: hidden;

}



.img-slider.active {

  height: auto;

  opacity: 1;

  visibility: visible;

}



.img-slider .slick-slide {

  opacity: 0.5;

}



.img-slider .slick-slide.slick-center {

  opacity: 1;

}



.img-slider button.slick-arrow {

  background: url(../img/gray-arrow.png) no-repeat;

  border: none;

  border-radius: 50%;

  color: transparent;

  height: 40px;

  width: 40px;

  cursor: pointer;

  position: absolute;

  top: 50%;

  z-index: 9;

  transform: translateY(-50%);

}



.img-slider button.slick-prev.slick-arrow {

  left: 231px;

}



.img-slider button.slick-next.slick-arrow {

  right: 231px;

  rotate: 180deg;

  top: 43%;

}



.slick-slide img {

  display: block;

  width: 100%;

}



.gallery-section .img-box {

  padding: 0 40px;

}



/* Eight Section Started */

.banner-3 {

  background: url("../img/spec-vector1.png") no-repeat;

  background-size: 100%;

  margin-top: 50px;

  background-size: contain;

  background-position: center;

}



.experience {

  color: #58595b;

}



.img-box1 {

  display: inline-block;

  width: 170px;

  height: 161px;

  padding: 0 10px;

  text-align: center;

  margin-left: 20px;

  background: #e1e1e1;

  border-radius: 20px;

  vertical-align: middle;

}



.img-box1:first-child {

  margin-left: 0px;

}



.img-box1:hover {

  background: #963358;

  color: #fff;

}



.img-box1 img {

  width: 68px;

  margin: 0 auto;

  padding-top: 20px;

}



.img-box1 img :hover {

  color: #fff;

}



.heading3 {

  padding-top: 10px;

  font-family: "AleoBold";

  font-size: 17.79px;

  margin: 0 auto;

  width: 155px;

}



.plan-box1 {

  margin-top: 63px;

}



.tab-box {

  opacity: 0;

  height: 0;

  visibility: hidden;

}



.tab-box.active {

  opacity: 1;

  height: auto;

  visibility: visible;

}



.text-center {

  color: #fff;

  font-family: "AleoRegular";

  font-size: 17.79px;

  text-align: center;

  width: 630px;

  margin: 0 auto;

  margin-top: 46px;

  padding-bottom: 110px;

}



/* Ninth Section Started */

.section-connectivity {

  margin-top: 0px;

}



.location-row {

  margin-top: 27px;

  background: #fdfdf6;

}



.loction-inner-box {

  display: inline-block;

  text-align: left;

  position: relative;

  border-left: solid 1px #963358;

  padding-left: 40px;

}



.location-l-box {

  display: inline-block;

  width: 50%;

  margin-right: -4px;

  color: rgb(0, 0, 0);

  position: relative;

  background: url(../img/location_01.png) no-repeat;

  background-size: cover;

  padding: 50px;

  vertical-align: middle;

}



.location-r-box {

  display: inline-block;

  width: calc(50% - 44px);

  vertical-align: middle;

}



.location-r-box img {

  width: 89%;

  padding-left: 45px;

}



.nu-heading {

  font-family: "AleoBold";

  font-size: 18px;

  line-height: 25px;

  margin-bottom: 10px;

  cursor: pointer;

  position: relative;

  padding-top: 10px;

}



.nu-heading:before {

  content: "";

  position: absolute;

  width: 40px;

  height: 40px;

  background-color: #963358;

  border-radius: 100%;

  left: -60px;

  top: 0;

}



.nu-location:first-child .nu-heading:before {

  background-image: url("../img/school.png");

  background-repeat: no-repeat;

  background-position: center center;

}



.nu-location:nth-child(2) .nu-heading:before {

  background-image: url("../img/first-aid.png");

  background-repeat: no-repeat;

  background-position: center center;

}



.nu-location:nth-child(3) .nu-heading:before {

  background-image: url("../img/connectivity/shopping01.png");

  background-repeat: no-repeat;

  background-position: center center;

}

.rera-no a {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}

.nu-location:nth-child(4) .nu-heading:before {

  background-image: url("../img/analysis.png");

  background-repeat: no-repeat;

  background-position: center center;

}



.nu-location:nth-child(5) .nu-heading:before {

  background-image: url("../img/mecaa.png");

  background-repeat: no-repeat;

  background-position: center center;

}

.nu-location:nth-child(6) .nu-heading:before {

  background-image: url("../img/connectivity/connect01.png");

  background-repeat: no-repeat;

  background-position: center center;

}



.nu-subheading li {

  font-family: "AleoBold";

  font-size: 14.79px;

  line-height: 19px;

  margin-bottom: 7px;

  display: block;

  display: list-item;

  list-style-type: disc;

}



.nu-subheading {

  display: none;

}



.nu-subheading li.active {

  display: block;

}



.nu-subheading {

  padding-left: 10px;

}



.nu-location {

  position: relative;

  margin-top: 20px;

}



.nu-location:first-child {

  margin-top: 0;

}



.nu-heading:after {

  content: "+";

  display: inline-block;

  position: absolute;

  margin-left: 20px;

  font-size: 23px;

}



.nu-heading.active:after {

  content: "-";

}



.accordian-row:first-child .nu-heading.active:after {

  content: "-";

}



.loction-inner-box:before {

  content: "";

  position: absolute;

  left: -42px;

  width: 2px;

  background: #fff;

  top: 5px;

  bottom: 22px;

}



h2.nu-heading:before {

  content: "";

  position: absolute;

  width: 20px;

  height: 20px;

  background: #fff;

  border-radius: 100%;

  left: 0;

}



/* Tenth Section Started */

.testimonial {

  margin-top: 25px;

}



.testimonial button.slick-arrow {

  background: url(../img/arrow.png) no-repeat;

  border: none;

  border-radius: 50%;

  color: transparent;

  height: 40px;

  width: 40px;

  cursor: pointer;

  position: absolute;

  top: 50%;

  z-index: 9;

  transform: translateY(-50%);

}



.testimonial button.slick-prev.slick-arrow {

  left: 30px;

  rotate: 180deg;

  top: 35%;

}



.testimonial button.slick-next.slick-arrow {

  right: 30px;

}



.testimonial .slick-slide {

  margin: 0 20px;

}



/* Footer Section Started */

.banner-4 {

  background: url("../img/footerShape.png") no-repeat;

  background-size: cover;

}



.footer-ul {

  display: block;

}



.footer-ul li {

  display: block;

}



.c-u {

  display: none;

}



.left1st .row p {

  width: 278px;

  font-family: "AleoRegular";

  font-size: 16.34px;

  color: #f7fcfd;

  letter-spacing: 0.5px;

}



.footer-ul a {

  padding: 0 10px 10px 0;

  color: #fff;

  font-size: 16.34px;

  font-family: "AleoRegular";

}



.left1st .row:last-child {

  width: 100px;

}



.pb-0 {

  padding-bottom: 0;

}



.row-2 p {

  display: inline;

  padding-right: 5px;

  border-right: 2px solid white;

  padding-left: 4px;

  font-size: 17px;

  font-family: "AleoRegular";

}



.row-2 p:first-child {

  padding-left: 0px;

}



.row-2 p:last-child {

  border-right: 0px;

}



.form-text {

  background: #963358;

  width: 390px;

  padding: 50px 20px;

  border-radius: 37.57px;

  height: auto;

}



.form-box {

  padding-bottom: 20px;

}



.input02 {

  border: none;

  border-bottom: 1px solid #fff;

  width: 100%;

  color: #fff;

  padding-bottom: 3px;

  background: #963358;

  font-family: "AleoRegular";

  font-size: 17.02px;

}



.send-now {

  text-align: center;

}



.send {

  padding: 10px 33px;

  background: #fff;

  color: #963358;

  border-radius: 10px;

  font-size: 14px;

  border: none;

  font-family: "AleoRegular";

  font-size: 16.99px;

}



.left-box {

  display: inline-block;

  vertical-align: middle;

  width: 60%;

  float: left;

  padding-top: 100px;

}



.left1st .row {

  display: inline-block;

  vertical-align: top;

  margin-left: 30px;

}



.left1st .row:first-child {

  margin-left: 0px;

}



.right-box {

  display: inline-block;

  margin-left: 30px;

  float: right;

}



.social {

  display: inline-block;

  padding-left: 20px;

  vertical-align: middle;

}



.social i {

  padding: 0 5px;

}



.box2,

.dev-logo {

  display: inline-block;

}



.developer {

  margin-top: 46px;

}



.break {

  display: none;

}



.row-2 a {

  color: #fff;

}



.row-2 {

  color: #fff;

}



.dev-logo {

  font-size: 11.83px;

  display: inline-block;

  vertical-align: middle;

  color: #fff;

}



.dev-logo h4 {

  padding-bottom: 6px;

  text-align: center;

}



.dev-logo1 h4 {

  padding-bottom: 6px;

  text-align: center;

  color: white;

  font-size: 11.87px;

  font-family: "AleoRegular";

}



.dev-logo1 {

  padding-left: 30px;

  display: inline-block;

  vertical-align: middle;

  width: 130px;

  font-family: "AleoRegular";

  font-size: 11.83px;

}



.dev-logo1 h4 {

  text-align: center;

}



.logo1 {

  text-align: center;

  display: block;

}



.desclaimer {

  text-align: center;

  font-size: 14.83px;

  font-family: "AleoRegular";

  color: #fff;

  padding-top: 30px;

}



.copyright {

  text-align: center;

  font-size: 14.83px;

  font-family: "AleoRegular";

  color: #fff;

  margin-top: 27px;

  padding-bottom: 16px;

}



.clear {

  clear: both;

}



.overplay {

  position: fixed;

  background: rgba(0, 0, 0, 0.6);

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 999999;

  display: none;

}
.overplay.active{display: block;}



.popup {

  position: fixed;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 999999;

  display: none;

}
.popup.active{display: block;}



.cls-btn {

  position: absolute;

  right: 36px;

  font-size: 25px;

  top: 30px;

  cursor: pointer;

}



button.btn3.active {

  background: #58595b;

  color: #fff;

}



.form-txt {

  margin: 15px auto;

  background: #fff;

  width: 500px;

  padding: 40px 20px;

  border-radius: 15px;

}



.text {

  padding: 25px 0;

}



.form-box001 {

  padding-bottom: 30px;

}



.input01 {

  border: none;

  border-bottom: 1px solid black;

  width: 100%;

  color: black;

  font-size: 15px;

  padding-bottom: 3px;

  background: #fff;

}



.submit-now {

  text-align: center;

  padding-top: 20px;

}



.submit {

  padding: 10px 33px;

  background: #000;

  color: #fff;

  border-radius: 10px;

  cursor: pointer;

  font-size: 14px;

}



.pop-text {

  margin-top: 20px;

}

.highlights {position: relative;background: #fff;padding-bottom: 120px;}
.choose-orchide-top {padding-top: 70px;padding-bottom: 40px;}
.choose-orchide-top .sec2-h3{/**color: #b05b83;**/position: relative;text-transform: capitalize;}
.common-title span {position: relative;z-index: 9;width: 80%;display: inline-block;}
.common-title .common-tit-bg {position: absolute;left: 0;right: 0;margin: 0 auto;top: -70px;width: 260px;}
.mid-container {max-width: 1400px;margin: 0 auto;}
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1;}
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px);}
.highlights-slider .item h3 {font-family: "AleoBold";font-size: 17px!important;line-height: 22px;text-align: center;/**color: #b05b83;**/margin: 20px 0px;}
.highlights-slider.choose-orchide-slider{margin-top: 30px; display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr; justify-content: center;text-align: center;}
@media screen and (max-width: 1300px) {



  /* 1280 */

  .sec1-box1 {

    position: absolute;

    top: 35%;

    right: 7%;

  }

}



@media screen and (max-width: 1279px) {



  /* 1024 */

  /* Header */

  /* #header {

    margin: 15px 0;

  } */

  #main{padding-top:  94px;}

  .navbar {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 20px auto;

  }



  .navbar li {

    display: inline-block;

    list-style: none;

    margin-left: 6px;

  }



  .navbar li a {

    font-family: "AleoRegular";

    color: #393939;

    font-size: 14.79px;

  }



  .navbar .logo img {

    width: 190px;

    margin-right: 30px;

  }



  .btns {

    display: inline-block;

    vertical-align: middle;

    margin-left: 0px;

  }



  .btns .btn1 {

    padding: 6px 9px;

    background-color: #b5446f;

    border-radius: 15px;

    color: #fff;

    border: none;

    cursor: pointer;

  }



  .btns .btn1 a {

    font-size: 15px;

    cursor: pointer;

  }



  .btns .btn2 a {

    font-size: 15px;

    cursor: pointer;

  }



  .btns .btn2 img {

    width: 12px;

    margin-right: 6px;

    margin-top: 0px px;

    height: 11px;

  }



  .btns .btn2 {

    padding: 6px 9px;

    background-color: #1db3bb;

    border-radius: 15px;

    border: none;

    cursor: pointer;

  }



  /* First Section */

  .sec1-box1 {

    position: absolute;

    top: 29%;

    right: 7.2%;

  }



  .heading03 {

    font-family: "AleoBold";

    font-size: 18.43px;

  }



  .heading01 {

    font-size: 30.99px;

    font-family: "AleoBold";

  }



  .sec1-box2 {

    padding: 8px 30px;

    background: #b5446f;

    color: #fff;

    font-size: 24.67px;

    font-family: "AleoBold";

  }



  .in-box {

    padding: 5px 30px;

  }



  /* Second Section */

  /* .second-section .sec2-h3 {

    font-size: 36.05px;

  } */



  /* Third Section */

  .enq-section {

    display: none;

  }



  /* Fourth Section */

  .sec4-box1 {

    display: inline-block;

    width: 450px;

    overflow: hidden;

    border-radius: 21px;

  }



  .sec4-box1 img {

    width: 100%;

  }



  .sec4-box2 {

    display: inline-block;

    width: 432px;

    margin-left: 35px;

    vertical-align: top;

  }



  .sec4-box2 {

    display: inline-block;

    width: 432px;

    margin-left: 35px;

    vertical-align: middle;

  }



  .sec4-h1 {

    margin-top: 10px;

  }



  .sec4-box2 p {

    font-family: "MyriadProRegular";

    margin-top: 20px;

    font-size: 16.23px;

  }



  .sec4-box3 {

    margin-top: 21px;

  }



  .sec4-box3 .sec4-btns {

    font-family: "AleoBold";

    padding: 8px 12px;

    border-radius: 15.23px;

    background: #1db3bb;

    border: none;

    margin: 5px;

    font-size: 16.29px;

  }



  /* Fifth Section */

  .sec5-btn {

    padding: 20px 0;

    text-align: center;

  }



  .banner-2 {

    height: 100vh;

    background-size: cover;

  }



  .amenities {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

  }



  /* .amenities {

    grid-gap: 15px;

    width: 600px;

  } */

  .container .sec5-btns1 a {

    padding: 10px 17px;

  }



  .amenities div {

    width: 165px;

    height: 100px;

    font-size: 14.79px;

    margin-left: 18px;

  }



  .plan-section {

    margin-top: 25px;

    overflow: hidden;

  }



  /* Sixth Section */

  .img-box1 {

    width: 141px;

    height: 143px;

    padding: 0 10px;

    margin-left: 9px;

  }



  .banner-3 {

    margin-top: -35px;

  }



  .sub-plan .plan2-h3 a {

    font-size: 16.79px;

    padding: 8px 10px;

  }



  /* Specification Eight Section */

  .heading3 {

    padding-top: 4px;

    font-family: "AleoBold";

    font-size: 14.79px;

    margin: 0 auto;

    width: auto;

  }



  .text-center {

    font-size: 14.79px;

    padding-bottom: 90px;

    margin-top: 30px;

  }



  /* Ninth Section */

  .nu-subheading li {

    font-size: 14.79px;

  }



  .nu-heading {

    line-height: 20px;

  }



  /* Footer Section */

  .left-box {

    width: 54%;

  }



  .footer-ul a {

    padding: 0 0px 10px 0;

  }



  .left1st .row {

    margin-left: 3%;

  }



  .left1st .row p {

    font-family: "AleoBold";

    font-size: 15px;

  }



  .footer-ul a {

    padding: 0 0px 10px 0;

    color: #fff;

    font-size: 15px;

    font-family: "AleoBold";

  }



  .row-2 {

    width: 120%;

  }



  .row-2 p {

    font-size: 13px;

    font-family: "AleoBold";

  }



  .developer.logo {

    width: 130px;

  }



  .developer.logo img {

    width: 130px;

  }



  .dev-logo img {

    width: 130px;

  }



  .dev-logo1 {

    padding-left: 21px;

  }



  .social {

    padding-left: 92px;

  }



  .social img {

    width: 22px;

    height: 22px;

  }



  .desclaimer {

    font-size: 12.83px;

    margin-top: 20px;

  }



  .copyright {

    font-size: 12.83px;

    margin-top: 20px;

  }



  .form-text {

    width: 370px;

    padding: 30px 20px;

    height: auto;

  }



  input {

    font-size: 15px;

  }

}



@media screen and (max-width: 1023px) {

  .navbar .logo img {

    width: 180px;

    height: 70%;

    margin-right: 40px;

  }

  button.menu-btn{display: block;}

button.close-menu{display: block;}



  .sec1-box1 {

    top: 23%;

    right: 4.7%;

  }



  .heading01 {

    font-size: 26.99px;

  }



  .heading03 {

    font-size: 12px;

  }



  .sec1-box2 {

    font-size: 20px;

    padding: 6px 18px;

  }



  .in-box {

    padding: 5px 22px;

  }



  /* Second Section */

  .sec2-box1 {

    grid-template-columns: 1fr 1fr 1fr;

  }



  .project {

    margin-bottom: 10px;

  }



  .project:nth-child(3) {

    border-right: none;

  }



  .project p {

    font-size: 18px;

  }



  /* Third Section */



  .sec3-btns {

    font-size: 14px;

    width: 18%;

    margin-right: 13px;

  }



  /* Fourth Section */

  .sec4-box1 {

    width: 46%;

    vertical-align: middle;

  }



  .sec4-box1 img {

    width: 100%;

  }



  .sec4-box2 {

    width: 48%;

    margin-left: 29px;

  }



  .sec4-h1 {

    margin-top: -5px;

  }



  .sec4-box2 h1 {

    font-size: 27px;

  }



  .sec4-box2 p {

    margin-top: 16px;

    font-size: 16px;

  }



  .sec4-box3 {

    margin-top: 18px;

  }



  .sec4-box3 .sec4-btns {

    font-family: "AleoBold";

    padding: 7px 9px;



    margin: 0px;

    font-size: 13.29px;

  }



  /* Fifth Section */

  .banner-2 {

    background-size: cover;

  }



  .sec5-btn {

    padding: 24px 0;

  }



  /* Sixth Section */

  .sub-plan {

    width: 65%;

    margin-top: 20px;

  }



  .sub-plan .plan2-h3 {

    font-size: 13.79px;

    padding: 8px 10px;

  }



  .img-plan {

    margin-top: 35px;

  }



  /* Seventh Section */

  .img-slider button.slick-next.slick-arrow {

    top: 7%;

  }



  .gallery-h {

    width: auto;

  }



  .gallery-section .img-box {

    padding: 0 25px;

  }



  /* Specification Eighth Section */

  .banner-3 {

    background: url("../img/spec-vector1.png") no-repeat;

    background-size: 100%;

    margin-top: none;

    background-size: contain;

    background-position: center;

  }



  .img-box1 {

    width: 100px;

    height: 100px;

    margin-left: 9px;

  }



  .img-box1 img {

    width: 50px;

    padding-top: 10px;

  }



  .heading3 {

    font-size: 10px;

  }



  .text-center {

    color: #fff;

    font-size: 13.79px;

    width: 500px;

    padding-bottom: 50px;

    margin-top: auto;

  }



  .text-center p {

    padding-top: 20px;

    font-size: 12px;

  }



  /* Connectivity Section */



  .location-l-box {

    padding: 20px;

  }



  .location-r-box img {

    width: 349px;

    height: auto;

    padding-left: 0px;

  }



  .nu-heading {

    font-size: 17px;

  }



  .nu-subheading li {

    font-size: 11.79px;

  }



  /* Footer Section */

  .right-box {

    z-index: 9999;

    margin-left: 0;

    display: block;

    position: fixed;

    bottom: 46px;

    left: 0px;

    right: 0px;

    transition: all 0.5s ease;

    transform: translateY(100%);

    margin-left: 0;

    float: none;

    opacity: 0;

    visibility: hidden;

  }



  .right-box.active {

    transform: translateY(0);

    opacity: 1;

    visibility: visible;

  }



  .c-u {

    display: block;

  }



  .left-box {

    width: 100%;

    padding-top: 70px;

  }



  .footer-ul a {

    padding: 0 0px 10px 0;

  }



  .left1st .row {

    margin-left: auto;

  }



  .left1st .row p {

    font-family: "AleoBold";

    font-size: 14px;

    margin: 10px 30px;

  }



  .gallery-row {

    margin-right: 30px;

  }



  .footer-ul a {

    padding: 0 0px 5px 0;

    color: #fff;

    font-size: 14px;

    font-family: "AleoBold";

  }



  .developer {

    margin-top: 10px;

    width: 600px;

  }



  .break {

    display: block;

  }



  .row-2 {

    width: 120%;

  }



  .row-2 .call {

    padding-left: 0px;

  }



  .row-2 p {

    font-size: 14px;

    font-family: "AleoBold";

  }



  .developer.logo {

    width: 130px;

  }



  .developer.logo img {

    width: 130px;

  }



  .dev-logo img {

    width: 130px;

  }



  .dev-logo1 {

    padding-left: 21px;

  }



  .social {

    padding-left: 92px;

  }



  .social img {

    width: 22px;

    height: 22px;

  }



  .form-text {

    width: 100%;

    height: auto;

    padding: 25px 10px;

    border-radius: 0;

  }



  input {

    font-size: 17px;

  }



  .send {

    padding: 10px 20px;

    font-size: 18.99px;

  }



  .desclaimer {

    font-size: 10.83px;

    margin-top: 15px;

  }



  .copyright {

    font-size: 10.83px;

    margin-top: 10px;

    padding-bottom: 60px;

  }



  .right-boxes {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #1f2c43;

    z-index: 9;

    padding: 30px;

    padding-top: 55px;

    transform: translateX(100%);

    transition: 0.5s;

    z-index: 9999;

  }



  .right-boxes.active {

    transform: translateX(0);

  }



  .right-boxes li {

    margin-left: 0;

    padding: 20px 10px;

    display: block;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    color: #d5dce1;

  }



  .right-boxes li a {

    font-size: 18px;

    color: #fff;

  }



  .close-menu,

  .menu-btn {

    position: absolute;

    right: 11px;

    top: 28px;

    background: none;

    border: none;

    padding: 0;

    width: 25px;

    height: 25px;

    display: block;

  }



  .btns {

    padding-right: 20px;

  }



  .menu-btn span {

    width: 100%;

    height: 2px;

    background: #1f2c43;

    margin: 4px 0;

    display: block;

  }



  .close-menu span {

    width: 100%;

    height: 2px;

    background: #fff;

    margin: 5px 0;

    display: block;

  }



  .close-menu span:first-child {

    transform: rotate(45deg);

  }



  .close-menu span:last-child {

    transform: rotate(-45deg);

    margin-top: -6px;

  }



  .header-container {

    padding: 12px 0;

  }



  .right-boxes li.active a {

    color: #ffff;

    border-radius: 11px;

    border: none;

  }



  .right-boxes li.active {

    color: #ffff;

  }



  .navbar ul {

    margin-left: 0;

  }



  .navbar ul li {

    margin: 0 0px;

    display: block;

  }



  .c-u {

    display: block;

    padding: 15px 0;

    position: fixed;

    bottom: -15px;

    width: 100%;

    z-index: 999;

  }



  .c-u button {

    display: block;

    width: 100%;

    padding: 14px;

    background: #963358;

    border: none;

    color: #ffff;

    font-size: 16px;

  }

}



/* 768 */



@media screen and (max-width: 700px) {
  h2, h1{font-size: 24.99px;}
  .form-txt{width: 300px;}
  #header{margin-top: 0;}
  #main {
    padding-top: 71px;
}
  .pop-text{font-size: 10px;}

  .testimonial .video{width: 100%;}
  .testimonial .video iframe{width: 100%;}

  .testimonial .video.active{display: block;}

  /* Header Section */

  .logo {

    width: 100px;

  }



  .navbar .logo img {

    width: 100%;

    margin-right: 0;

  }



  .close-menu,

  .menu-btn {

    top: 21px;

    margin-right: 20px;

  }



  .btns {

    margin-right: 30px;

  }



  .btns button {

    margin-left: 0px;

  }



  .btns .btn1 {

    padding: 4px 8px;

  }



  .btns .btn1 a {

    font-size: 12px;

  }



  .btns .btn2 {

    padding: 4px 8px;

  }



  .btns .btn2 a {

    font-size: 12px;

  }



  .btns .btn2 img {

    width: 10px;

    margin-right: 4px;

  }



  .navbar ul {

    margin-left: 0;



    width: 100%;

  }



  /*Welcome To Ganges First section*/

  .sec1-box1 {

    top: 80px;

    right: 25px;

  }



  .in-box {

    padding: 1px 5px;

  }



  .heading01 {

    font-size: 12px;

  }



  .heading03 {

    font-size: 7px;

  }



  .sec1-box2 {

    font-size: 10px;

    padding: 2px 5px;

  }



  /* Second Section Kolkatas First Riverside */

  .section {

    padding-top: 30px;

  }



  h2, h1 {

    margin-bottom: 10px;

    font-size: 30.99px;

    text-align: center;

    font-family: "AleoBold";

  }



  .second-section .sec2-h3 {

    /* font-size: 20.05px; */

    width: auto;

  }



  .sec2-box1 {

    margin-top: 35px;

  }



  .sec2-box1 {

    grid-template-columns: 1fr 1fr;

  }



  .project img {

    width: 30px;

    height: 30px;

  }



  .project h3 {

    padding: 1px 3px;

    font-size: 17px;

  }



  .project {

    margin-bottom: 20px;

    /* border-right: none; */

  }



  .project:nth-child(2) {

    border-right: none;

  }



  .project:nth-child(4) {

    border-right: none;

  }



  .project:nth-child(3) {

    border-right: 1px solid;

  }



  .project p {

    width: 100px;

    margin: 3px auto;

    font-family: "AleoRegular";

    font-size: 14.79px;

  }



  /* Third Section Name Email Phone Number */

  .sec3-cnt1 {

    text-align: center;

    padding: 20px 0;

  }



  .sec3-btns {

    font-size: 14px;

    width: 31%;

    margin: 6px 2px;

  }



  .sec3-btns a {

    color: #fff;

    padding: 5px;

  }



  /* Fourth Section Walkthrough Video */

  .sec4-box1 {

    width: 100%;

  }



  /* Fifth Section Amenities */

  .amenities {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 15px;

    width: auto;

    margin: 0 auto;

    text-align: center;

  }



  .banner-2 {

    height: 82vh;

  }



  .sec5-btn button {

    margin-left: 10px;

  }



  .amenities div {

    margin-left: 0px;

    width: 157px;

  }



  .amenities h3 {

    font-size: 15px;

  }



  .sec4-box1 {

    width: 100%;

  }

	.highlights-slider.choose-orchide-slider{grid-template-columns:1fr 1fr;}

  .sec4-box2 {

    width: 100%;

    margin-left: 0px;

    text-align: center;

    margin-top: 20px;

  }



  .sec4-box2 h1 {

    font-size: 26px;

  }



  .sec4-box2 p {

    margin-top: 10px;

    font-size: 17px;

  }



  /* Plans Sixth Section */

  .img-plan img {

    width: 100%;

  }



  .plan1 {

    padding: 0 0;

    margin-top: 20px;

  }



  .plan1-h3 {

    height: 30px;

    font-size: 13.79px;

    padding: 4px;

  }



  .sub-plan {

    width: 100%;

  }



  /* Gallery Seventh Section */

  .img-slider button.slick-prev.slick-arrow {

    left: 30px;

  }



  .img-slider button.slick-next.slick-arrow {

    right: 30px;

    top: 23%;

  }



  .gallery-section .img-box {

    padding: 0 10px;

  }



  .gallery {

    margin-top: 20px;

  }



  .gallery-h {

    height: 30px;

    font-size: 11px;

    padding: 10px 5px;

    margin-left: 0px;

  }



  /* Specification Eight Section */

  .specification-2 {

    margin-bottom: -110px;

  }



  .text-center {

    width: 100%;

    margin-top: auto;

    font-size: 16.79px;

  }



  .img-box1 {

    margin: 10px;

    width: 140px;

    height: 120px;

  }



  .img-box1:first-child {

    margin-left: 10px;

  }



  .heading3 {

    font-size: 14px;

  }



  .banner-3 {

    background-size: cover;

    background-position: center;

  }



  .plan-box1 {

    padding-top: 150px;

  }



  .text-center {

    padding-bottom: 30px;

  }



  /*  Connectivity Ninth Section Started  */

  .location-r-box img {

    width: 326px;

  }



  .location-l-box {

    padding: 15px;

    margin: 0 auto;

    width: 100%;

  }



  .location-r-box {

    display: block;

  }



  /* Footer Section */



  .form-text {

    width: 100%;

    border-radius: 0px;

  }



  .left-box {

    width: 100%;

    padding-top: 30px;

  }



  .left1st {

    text-align: center;

    padding-top: 80px;

  }



  .footer-ul a {

    font-size: 14px;

  }



  .row-2 {

    text-align: center;

    width: 100%;

  }



  .row-2 p {

    font-size: 13px !important;

  }



  .left1st .row p {

    font-size: 14px;

  }



  .developer {

    margin-top: 10px;

    text-align: center;

    width: 100%;

  }



  .social {

    padding-left: 0;

    text-align: center;

    margin-top: 10px;

  }



  .desclaimer {

    font-size: 13.83px;

  }



  .copyright {

    font-size: 13.83px;

  }

  .img-box.slick-slide{height: 24vh;}
  .img-box img{height: 100%;}

}



/* 360 */



@media screen and (max-width: 479px) {



  /* 360 */

  .heading03 {

    font-size: 16px;

  }



  .heading01 {

    font-size: 21px;

  }



  .sec1-box2 {

    font-size: 20px;

    padding: 2px 5px;

  }



  .sec1-box1 {

    top: 85px;

    right: 25px;

  }



  .form-box {

    padding-bottom: 10px;

  }



  .sec1-box2 {

    background: rgba(181, 68, 111, 0.4);

  }

 

}

@media screen and (max-width: 700px) {
  .project:last-child, .item:last-child{grid-column: 1/3;}
  /* .banner-1 img{height: 200px;} */
  /* .banner-1 img{
    height: 300px;
    object-fit: cover;
    object-position: center;
    filter: blur(0.5px) brightness(1);
  } */
  .mob-text{    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}
  .mob-text span{display: none;}
}

@media screen and (max-width: 359px) {
  .plan1-h3 {
      font-size: 12.60px;
  }
}

.hero-slider .slick-dots{    top: 50%;
  bottom: auto;
  right: 5%;
  left: auto;
  width: auto;
  transform: translateY(-50%);    z-index: 99999;
}
.hero-slider .slick-dots li{display: block;cursor: pointer;}

.hero-slider .slick-dots button{
  height: 10px;
  width: 10px;
  display: inline-block;
  background: rgb(255, 255, 255);
  margin: 4px 0px;
  border-radius: 10px;cursor: pointer;
}

.hero-slider .slick-active  button{
  background: rgb(176, 91, 131);
}