*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

@font-face {
  font-family: 'Great Vibes';
  src: url('fonts/great-vibes.ttf');
}
@font-face {
    font-family: 'centaur';
    src: url('fonts/CENTAUR.TTF');
}
:root{
    --black:#000;
    --colorwt:#fff;
    --colornav:rgba(91,40,52,.67);
    --color1:#582430;
    --color2:#e8d8cb;
    --color3:#ebd0d6;
    --colorbg:#FDFAF5;
    --colorlux:#D5A33C;
    --colorlux1: #ffb03b;
    --colorform:rgb(247 228 193);
    --colorbtn:#f1f1f1;
      --bg: hsl(0 0% 8%);
  --white: hsl(0 0% 98%);
  --accent: hsl(0 0% 15%);
  --secondary: hsl(0 0% 25%);
}
body{
    font-family: 'centaur';
}
.subs-text{
    font-size:25px;
}
.colorlux{
    color:var(--colorlux);
}
.main-heading{
       font-size: 50px;
    line-height: 1.5em;
    letter-spacing: 5px;
     font-family: 'centaur';
    color:var(--colorlux); 
}
.page-count{
    font-size:22px;
}
h5{
    font-size: 50px;
    line-height: 1.5em;
    letter-spacing: 5px;
    /*font-family: 'Great Vibes';*/
    color:var(--colorlux);
}
h4{
    font-size: 45px;
    line-height: 1.5em;
    letter-spacing: 3px;
    /*font-family: 'Great Vibes';*/
    color:var(--colorlux);
}
p{
    font-family:'centaur';
}
/*Navbar css*/
.navbar{
   font-family: 'centaur';
    fill: var(--colorlux);
    color:var(--colorlux)!important;
    background-color:var(--black);
	position:sticky;
	width:100%;
	top:0px;
	z-index:100;
}
.navbar-collapse {
    flex-grow: 0!important;
}
.nav-link{
     font-size: 19px;
    /*font-weight: 600;*/
    color:var(--colorlux);
}
.navbar-nav li:hover > ul {
  display: block;
  box-shadow: 0px 0px 6px var(--colornav);

  /* margin-top: 0.6rem; */
}
.dropdown-item{
     color:var(--colorlux); 
}
button.header-cont, .header-call {
    border: 0;
    border-radius: 37px;
}
#togglenav:hover{
    padding-top:5px;
    border-bottom-style:ridge;   
}
.navbar-toggler{
    margin:10px;
    background: var(--colorlux);
}
#togglenav:hover {
    padding-top: 5px;
    border-bottom-style: ridge;
    color:var(--colorwt);
}
.nav-link:focus{
    font-size: 19px;
    color:var(--colorlux);
}
.navlogo{
    z-index:99;
}
/* sidebar css  */
.indexcity {
  z-index: 9999;
}

.left {
  transition: all 0.8s ease-out;
    right: 0 !important;
    left: 0 !important;
}
.navbar-header{
  width: 100%;
}
.navbar-header button{
  float:right;
}
.side-logo{
  display: none;
}
.left .side-logo{
  text-align: center;
  display: block;
  padding-bottom: 50px;
  visibility:hidden;
}
/*end here*/

/*banner css*/
#videobcg {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: -100;
    overflow: hidden;
    object-fit: cover;
}

/*end here*/
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background-color: rgba(39, 37, 34, 0.8);
  overflow: hidden;
  padding: 0;
}

#hero .carousel-item {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#hero .carousel-item::before {
  content: "";
  background-color: rgba(12, 11, 10, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .carousel-content {
  text-align: center;
}

#hero h4, .page-back h4 {
  letter-spacing: 3px;  
  /*font-family: 'Great Vibes';*/
  color: #fff;
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 700;
}

#hero h4 span,.page-back h4 span{
  color: var(--colorlux1);
}

#hero p,.page-back p {
  font-family: 'centaur';
  width: 80%;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  margin: 0 auto 30px auto;
  color: #fff;
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
  background: none;
  font-size: 30px;
  line-height: 0;
  width: auto;
  height: auto;
  background: rgb(255 255 255 / 79%);
  border-radius: 50px;
  transition: 0.3s;
  color: rgb(0 0 0 / 85%);
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hero .carousel-control-next-icon:hover,
#hero .carousel-control-prev-icon:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

#hero .carousel-indicators li {
  cursor: pointer;
}

#hero .btn-menu,
#hero .btn-book, .page-back .btn-book {
    text-decoration:none;
      font-family: 'centaur';
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  padding: 12px 30px;
  border-radius: 50px;
  transition: 0.5s;
  line-height: 1;
  margin: 0 10px;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  color: #fff;
  border: 2px solid #ffb03b;
}

#hero .btn-menu:hover,
#hero .btn-book:hover ,.page-back .btn-book:hover{
  background: #ffb03b;
  color: #fff;
}

@media (max-width: 768px) {
  #hero h4 {
    font-size: 28px;
  }
}

@media (min-width: 1024px) {
  #hero p {
    width: 50%;
  }

  #hero .carousel-control-prev,
  #hero .carousel-control-next {
    width: 5%;
  }
}
/*..............................*/
/*overview css*/
/*..............................*/
.headingPart{
    color:var(--black)!important;
    font-size:35px;
    text-transform:uppercase;
    text-align:center;
    font-weight:800;
}
.overview h3{
    color:var(--colorlux);
    font-family: 'centaur';
}
.image-design img{
    width:100%;
    height:260px;
    border-radius:30px;
}
.over-btn{
    font-family: 'centaur';
    background:var(--colorlux);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  padding: 12px 30px;
  border-radius: 50px;
  transition: 0.5s;
  line-height: 1;
  margin: 0 10px;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  color: var(--colorwt);
 
}
.over-btn:hover {
  background:var(--colorwt);
  color:var(--black);
  border: 2px solid #ffb03b;
}
.owl-item .new{
  padding-bottom: 0px!important;
}
.owl-item.center .new{
  padding: 0!important;
}

.image-gallery .owl-item.center .heading-wrapper {
    color:white;
    transform: translateY(0%);
    opacity: 1!important;
    pointer-events: all;
}

.image-gallery .heading-wrapper {
    position: absolute;
    top: 0;
    padding: 12% 35% 0 5%;
    transform: translateY(10%);
    opacity: 0;
    pointer-events: none;
    transition: all 1s ease 0.6s;
    background-color: rgba(0, 0, 0, 0.6);
}
.owl-item > div {
  cursor: pointer;
  margin: 6% 8%;
  transition: margin 0.4s ease;
}
.owl-item.center > div {
  cursor: auto;
  margin: 0;
}
.owl-item:not(.center) > div:hover {
  opacity: 0.75;
}
.games-sl {
  border-radius:15px;
  overflow:hidden;
  cursor:pointer;
}
 .games-sl img {
  width: 100% !important;
  height: 100% !important;
}

/*.popular .owl-item.center img {*/
/*  width: 307px !important;*/
/*  height: 307px !important;*/
/*}*/
.owl-item.active.center .para p {
  font-size: 20px;
  padding: 0 20px !important;
}
.owl-item.active.center .para a {
  font-size: 22px;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: block !important;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot :hover {
 margin:10px;
}
.owl-carousel button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
  color: var(--colorlux);
  font-size: 80px;
}
.owl-carousel .owl-nav button.owl-next {
 margin:10px;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  border-radius: 50%;
  background: var(--colorlux);
}
.owl-carousel button.owl-dot.active {
  width: 14px;
  height: 14px;
  background-color: var(--colorlux);
}
 .owl-carousel button.owl-dot{
     display:none;
  height:10px;
  width:10px;
  background-color:var(--colorlux)!important;
  margin:0 10px;
}

.view-btn {
  text-align: center;
  padding-bottom: 30px;
}
.view-btn a {
  display: inline-block;
  border-radius: 8px;
  /*background: var(--black);*/
  border: 2px solid var(--colorlux);
  padding: 5px 25px;
  color: var(--colorlux);
  font-size: 16px;
  text-decoration: none;
  transform: skew(-6deg);
}
/*......................*/
/*live project css*/
.live-project .owl-nav{
    display:flex;
    justify-content:center;
}
.live-project p{
    color: #6E6E73;
    font-size:25px;
    font-family: 'centaur';
}
.live-project img{
    width:100%; 
    height:250px!important;
}
.live-project img:hover{
    filter:grayscale();
}
.project-mid{
    background:url('../images/prg/img-4.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    height:500px;
    background-attachment:fixed;
    
}
.live-project h4{
    font-size:32px;
}

/*Form css*/
/*.......*/

/*For Form*/
.modal-dialog {
  display: block;
  width: 100%;
  /*position: relative;*/
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  /*position: relative;*/
  /*top:20px;*/
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
}
  .pop-form{
  background:#f0ddb6;
  display: flex;
  flex-direction: column;
  padding:10px 10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  
}
form.pop-form input {
  padding: 10px 10px;
  margin-bottom: 14px;
  font-size: 14px;
  border-radius: 10px;
  border: 0;
}
form.pop-form select {
  background-color:white;
  color:gray;
  height:50px;
  padding: 10px 10px;
  margin-bottom: 14px;
  font-size: 14px;
  border-radius: 10px;
  border: 0;
}
form.pop-form button {
  background: var(--colorlux);
  border: 0;
  color:var(--white); 
  font-size: 24px;
  border-radius: 10px;
}
.btn-close{
    opacity: 1;
    font-size: 30px;
    background: var(--colorlux) !important;
    /* padding-bottom: 15px !important; */
    padding: 0px 5px 12px 5px;
    border-radius: 22px;
    position: absolute;
    right: -25px;
    top: -25px;
    border-radius: 50% !important;
}

/*.......................*/
/*Live Projects page css*/
/*......................*/

.project-main{
    position: relative;
    bottom: -65px;
    opacity:0;
    transition: all .3s ease;
}
.sneak img{
    width:100%;
    height:400px;
}

.sneak:hover .project-main{
        bottom:-20px;
        opacity:1;
}
.sneak a{
    color:var(--white);
    text-decoration:none;
    font-size:22px;
}
.overflow{
    margin: -63px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    background-color: #00000080;
}
/*......................*/
/*footer css*/
footer{
     font-family: 'centaur';
    background:var(--black);
    color:var(--colorwt);
}
footer a{
    color:var(--colorwt);
    text-decoration:none;
}
.main-footer a{
    font-size:22px;
}
footer i{
    padding:0 10px;
    font-size:25px;
}
footer p{
    color:var(--colorwt);
    font-size:16px;
}
.whatsapp-icon {
    z-index: 999 !important;
    display: flex !important;
    position: fixed;
    bottom:1.5rem;
    left: 1rem;
}
.whatsapp-icon img {
  border-radius: 50%;
  width: 3.5rem;
  height: 3.5rem;
}
/*..................*/
/*Why us css*/
/*..................*/
.why h3{
    text-transform:uppercase;
    color: gray;
    font-family: centaur;
}
.why p{
    font-size:20px;
    color: gray;
    font-family: centaur;
}

/*..................*/
/*living css*/
/*..................*/
.living h3{
    padding:10px 0;
    color:var(--colorwt);
    font-family: centaur;
    text-transform:uppercase;
}

/*.................*/
/*Step living*/
/*.................*/
.living{
    background:var(--black);
}
/*.................*/
/*contact home css*/
/*.................*/

.home-bottom{
    width:80%!important;
}
.home-bottom input,.home-bottom select{
    /*background:transparent!important;*/
    border-radius:10px;
}
/* contact us css  */
/* ................. */

.contact-us{
  background: var(--featureBg);
  box-shadow: var(--ppbd) 0px 0px 3px inset;
}
.contact .card-box{
  background: linear-gradient(to bottom,rgba(213,163,60,1),rgba(213,163,60,1),rgba(213,163,60,1));
  box-shadow: var(--ppbd) 0px 1px 3px 0px inset, var(--sh-box) 0px 3px 10px;
  border-radius: 30px;
}
.contact label{
  color: var(--pptext2);
  font-size: 22px;
  padding-top:25px;
}
.contact input,.contact textarea{
  width: 100%;
  margin: 5px 0px;
  background: transparent;
  border:1px solid rgba(255,255,255,0.43);
  height: 53px;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.view-btn button{
  border-radius: 8px;
  background: rgba(0,0,0,0.45);
  padding: 5px 25px;
  color: var(--white);
  font-size: 20px;
  transform: skew(-6deg);
}

::placeholder{
  color: #4A4874;
  font-weight: bold;
}
.details-card h3{
  color:var(--testi-text);
  font-size: 22px;
}
.details-card p, .details-card a{
  font-family: serif!important;
  color:var(--pptext2);
  font-size: 20px;
  text-decoration: none;
}
.connect .details-card h5{
    font-size:36px;
}

/* sticky form */
.enquiryBtn {
  position: fixed;
  right: 1rem;
  bottom: 1.5rem;
  z-index: 99;
  display: none;
}
.enquiryBtn i {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(45deg, var(--colorlux), #210c02);
  color: #fff;
  box-shadow: 0 10px 20px rgb(0 0 0 / 40%);
  cursor: pointer;
  transition: all 300ms ease-in-out;
}

.enquiryBtn i:hover {
  background: linear-gradient(2255deg, var(--colorlux), var(--colorlux));
}

.stickyForm {
    border: 1px solid rgba(213, 163, 60, 0.4);
    width: 300px;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    padding: 1.25rem;
    background-color: #fff;
    box-shadow: 0 1px 15px rgba(213, 163, 60, 0.34);
    z-index: 99;
}

.sideImg .inner::before,
.iconsContainer .iconBox .in::before,
.fpContainer .fbBox .inner::before,
.location-advantages .inner::before {
  content: "";
  position: absolute;
  inset: -9px;
  border: 1px solid rgb(255 255 255 / 30%);
}

.form-close {
  position: absolute;
  right: -2px;
  top: 0;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--colorlux);
  color: #fff;
  cursor: pointer;
  transition: all 300ms ease-in-out;
}

.form-close:hover {
  background: black;
}

.stickyForm .form-tag {
  font-size: 14px;
}

.stickyForm h6 {
  text-transform: uppercase;
  font-weight: 800;
  padding-bottom: 10px;
  color: var(--colorlux);
  border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.stickyForm .form-group {
  margin-bottom: 10px;
}
.stickyForm .form-control,
.modal-body .form-control {
  border-bottom: 2px solid #eaeaea;
  background-color:rgba(213,163,60,0.15);
  color: var(--black);
  padding: 8px 10px;
  font-size: 14px;
}

.readmore .button {
  width: 100%;
  position: relative;
  z-index: 1;
  display: table;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 1rem;
  min-width: 150px;
  border-radius: 50px;
  color: var(--black);
  background-color: transparent;
  border: 1px solid var(--black);
  text-align: center;
  text-transform: uppercase;
  transition: all ease-in-out 0.3s;
}
.readmore .button:hover {
  color: #fff;
  background: var(--colorlux);
  border-color: transparent;
}
/* sticky form end */
/*newsletter */
.newsletter .box{
    border-radius:50px;
    background:var(--black);
}
.newsletter .box p{
    color:var(--white);
}
.subscribe-form input{
     border:none;
    border-radius:15px 0 0 15px;
    font-size:22px;
    font-weight:bold;
    padding:8px 14px;
    width:40%;
}
.subscribe-form button{
    border:none;
    border-radius:0 15px 15px  0 ;
    font-size:22px;
    font-weight:bold;
     padding:8px 14px;
    width:20%;
    background:var(--colorlux);
}
/*.sub-form{*/
/*    border:1px solid white;*/
/*  border-radius:25px;*/
/*}*/
.newsletter i{
font-size: 70px;
color: var(--colorlux);
}
/*..................*/
/*Image animate css*/
/*..................*/
.img-animate {
  display: grid;
  place-items: center;
  /*background-color: black;*/
}

.img-animate .accordion {
  list-style-type: none;
  display: flex;
  gap: 0.15rem;
  padding: 0.15rem;
}
   .accordion:hover img {
      transform: scale(1.5);
    }

 .img-animate .accordion .item {
    flex: 1;
    height: 70vmin;
    cursor: pointer;
    overflow: hidden;
    transition: flex 1s;
}
   .img-animate .accordion .item:last-of-type {
      flex: 5;
    }
   .img-animate .accordion .item img {
        transform: scale(1);
      }


    .img-animate .accordion .item:hover {
      flex: 5;
   }
 .img-animate .accordion .item img {
        transform: scale(1);
      }
 

  .img-animate .accordion img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.5);
      transition: transform 0.75s ease-in-out;
    }
    .image-gallery p{
    font-size:25px;
    color:gray;
}
.has-text-white{
    color:var(--colorlux)!important;
}
/*..................*/
/*About us page css*/
/*..................*/
.aboutus,.team .container,.philosophy .container,.about-last,.faqs,.image-gallery .container{
    width:70%;
    margin:auto;
}
.about-head{
    font-size:80px;
        /*font-weight:600;*/
}
.aboutus p{
    font-size:25px;
    color:gray;
}
.team{
    background:var(--colorbg);
    padding:20px;
}
.team p, .philosophy p,.about-last p{
    font-size:25px;
    color:gray;
}
.philosophy{
    background:var(--black);
}


.accor-design .accordion {
  display: flex;
  width: 100%;
  height: 80%;
  margin: 0;
  padding: 0;
}
.accor-design .accordion__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
}
.accor-design .accordion__title {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  writing-mode: vertical-rl;
  color: var(--white);
  font-size: clamp(1em, 3vw - 0.5em, 3em);
  letter-spacing: 0.2em;
  text-transform: Uppercase;
}
.accor-design .accordion__title::after {
  content: "+";
  margin-top: 0.3em;
}
.accor-design .accordion__description {
  position: absolute;
  width: 60%;
  left: 1em;
  bottom: 1em;
  color: var(--white);
  transform: translateY(200px);
  opacity: 0;
  transition: all 0.3s ease-out;
  transition-property: opacity, transform;
}
.accor-design .accordion__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(15, 15, 15, 0) 0%, #111111 100%);
  opacity: 1;
  transition: opacity 0.4s ease-out;
}

.accor-design .accordion__item {
  position: relative;
  flex-grow: 1;
  width: 100px;
  height: 100%;
  background: var(--bg);
  transition: flex-grow 300ms ease;
  overflow: hidden;
}

.accor-design .accordion__item:hover {
  flex-grow: 2;
}
.accor-design .accordion__item:hover .accordion__overlay {
  opacity: 0.5;
}
.accor-design .accordion__item:hover .accordion__title::after {
  content: none;
}
.accor-design .accordion__item:hover .accordion__description {
  transform: translateY(0);
  opacity: 1;
}
.accor-design .accordion__item:hover .accordion__image {
  transform: scale(1.1);
}
/*..................*/
/*FAQS page css*/
/*..................*/
.faqs p{
    font-size:25px;
    color:gray;
}
.question .accordion-item {
    border: none;
    border-bottom: 2px solid var(--colorlux);
}
.question .accordion-button:not(.collapsed) {
    background:var(--colorbg);
}
.question .accordion-button:not(.collapsed) {
    color: var(--colorlux);
    border-bottom: 2px solid;
}
.question .accordion-button{
    font-family: 'centaur';
    font-size: 35px;
}
.question .accordion-body{
    font-family:'centaur';
    color:gray;
    font-size:22px;
}

/*thanks css*/
/*...........*/
.thannks h2{
    font-size:45px;
    font-weight:800;
}
.thannks{
    margin:90px 0;
}
/*.................*/
/*contact page css*/
/*...............*/
.contact-page{
    text-align:center;
    color:var(--colorwt);
    background-position:bottom;
}
.con-content{
  padding:150px;
}

/*Bootom Form*/
.connect{
    background:var(--colorbg);
  }
    
    form.bottom-form label{
    font-size: 21px;
    font-family: 'centaur';
    font-style: italic;
    font-weight: 800;
    }
    form.bottom-form {
    padding: 27px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
  }
  
  
  form.bottom-form input {
      font-family: 'centaur';
      width: 100%;
    padding: 14px 10px;
    margin-bottom: 16px;
    font-size: 15px;
     border: 0;
    border-bottom: 1px solid #0000004d;
  }
   form.bottom-form textarea {
       font-family: 'centaur';
      width: 100%;
    padding: 14px 10px;
    margin-bottom: 16px;
    font-size: 15px;
    border-radius:0;
     border: 0;
    border-bottom: 1px solid #0000004d;

  }
  form.bottom-form select {
      font-family: 'centaur';
    background-color:white;
    color:gray;
    height:50px;
    width: 100%!important;
    padding: 14px 10px;
    margin-bottom: 16px;
    font-size: 15px;
    border: 0;
    border-bottom: 1px solid #0000004d;
  }

  form.bottom-form button {
      font-family: 'centaur';
      width:fit-content;
    border: 1px solid #00000057;
    padding: 8px 36px;
    border-radius: 34px;
    font-size: 24px;
    margin-top: 10px;
  }
   form.bottom-form button:hover{
       background:var(--colorlux1);
       color:var(--colorwt);
   }
  .contact__mid li {
    margin-bottom: 30px;
    list-style:none;
        display: flex;
    align-items: center;
}
.cnt_imgg {
    width: 50px;
    height: 50px;
    background: #bda130;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right:20px;
}
  /*end here*/

/*........................*/
/*Projects page css for all*/
/*........................*/
.project-hero p{
    color:gray;
    font-size:25px;
}
.cardLast1,.cardLast4{
    display:inline-block;
    border:1px solid #000;
    border-radius:20px;
	height:400px;
	width:100%;
	overflow: hidden;
	
}
.cardLast2-a,.cardLast2-b,.cardLast3-a,.cardLast3-b{
    display:inline-block;
    border:1px solid #000;
    border-radius:20px;
	height:200px;
     width:49%;
     overflow: hidden;
}
.cardLast1 img,
.cardLast4 img,
.cardLast2-a img,
.cardLast2-b img,
.cardLast3-a img,
.cardLast3-b img{
   width: 100%;
   transition: 0.5s all ease-in-out;
}
.cardLast1:hover img{
   transform: scale(1.3);
}
.cardLast4:hover img{
   transform: scale(1.3);
}
.cardLast2-a:hover img{
   transform: scale(1.3);
}
.cardLast2-b:hover img{
   transform: scale(1.3);
}
.cardLast3-a:hover img{
   transform: scale(1.3);
}
.cardLast3-b:hover img{
   transform: scale(1.3);
}
.CardLast img{
    
    border-radius:20px;
    height:100%;
}
.card-text,.para{
	font-size: 1rem!important;
    line-height: 1.3!important;
    color: #666!important;
}
/* call to action */
.call-action{
    width: 70%;
    padding: 1rem 2rem;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    background: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hero-btn {
    font-family:'centaur';
    display: inline-block;
    text-decoration: none;
    color: var(--black);
    border: 1px solid var(--white);
    padding: 12px 25px;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    width: auto;
    background: var(--colorlux1);
}
.hero-btn:hover {
    border: 1px solid white;
    background: var(--black);
    color: #fff;
    transition: 1s;
}
/*price-list css*/
.rounded-image{
    border-top-left-radius: 250px;
    border-top-right-radius: 250px;
    height: 500px !important;
}
.price-text{
    position:absolute;
    color:white;
    width:100%;
    bottom:0px;
    background: linear-gradient(0deg,#000 15%,transparent);
    padding-top: 50px;
    padding-bottom: 10px;
}
.price-1{
    background:url(../images/amoha/gallery-2.webp )no-repeat top/cover;
}
.price-2{
    background:url(../images/amoha/gallery-4.webp)no-repeat top/cover;
}
.price-3{
    background:url(../images/amoha/itc-14.webp )no-repeat top/cover;
}
.price-4{
    background:url(../images/amoha/night-view.webp )no-repeat top/cover;
}
.price-1:hover,.price-2:hover,.price-3:hover,.price-4:hover{
    -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}
/*end here*/
@media only screen and (max-width:600px){
.subscribe-form input{
    width:auto;
}
.subscribe-form button{
    width:30%;
}
.contact label {
    padding-top: 5px;
}
    .about-head, h5 {
        font-size: 32px!important;
    }
    .question .accordion-button {
    font-size: 22px!important;
}
.question .accordion-body {
    font-size: 18px!important;
}
.heading-wrapper{
    display:none;
}
h4{
    font-size:28px;
}
.modal-dialog {
    padding: 25px;
}
.newsletter .box {
    border-radius: 20px!important;
}
.enquiryBtn, .stickyForm{
    display:none!important;
}
.project-mid {

    height: 179px;
}
}
@media only screen and (max-width:768px){
    .con-content{
  padding:80px 20px;
}
.aboutus,.team .container,.philosophy .container,.about-last,.faqs, .image-gallery .container{
    width:100%;
}
.about-head, h5{
    font-size:45px;
}
.home-bottom {
    padding:0px!important;
    width: 100%!important;
}
.live-project img{
    height:auto;
}
#hero {
    height: 50vh!important;
}
#hero .carousel-item {
    height: 50vh!important;
}
}
@media only screen and (max-width: 991px) {
    .navbar-collapse{
      background:var(--black);
      position: fixed;
      top: 0;
      transition:all 0.8s ease-out;
      height: 100%;
      width: 75%;
      right: 1000px;
    }
    .navbar-inverse .navbar-nav>li>a {
    color: #fff;
    }
    .navbar-left{
      padding: 0 20px;
    }
    .nav-link{
      border-bottom: 1px solid var(--colorlux);
      padding-bottom: 15px;
    }
}