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


body{ font-family: 'Poppins', sans-serif; }
-font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
     z-index: 1;
    
    
}

html {
    font-size: 87.5%;
}
html {
    overflow-y: ;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html {
    font-family: sans-serif;

header{ background: #212121; width: 100%; position: sticky;
    z-index: 10000; top: 0px;}
.logo img{ width: 100% }

.sann{ margin-top: 20px;     float: right; }
.sann ul{ padding: 0px; margin: 0px; }

.sann ul li{ float: left; list-style: none; }
.sann ul li a{ color:#000; font-size: 14px; padding:5px 10px; text-transform: uppercase; position: relative;  }

.sann ul li a:after{ content: ""; position: absolute; width: 1px; height: 12px; background: #fff;
margin-top: 7px; margin-left: 10px; }
.sann ul li:nth-child(7) a:after{ content: none; }
.sann ul li:nth-child(7) a{ background: #f6cb48; border-radius: 3px; color: #000; }


.slider2{ position: absolute; z-index: 100; width: 100%;  padding-top: 80px; padding-bottom: 80px; }
.slider{ height: 550px; overflow: hidden; position: relative; }
.slider:before {
    background: rgba(0, 0, 0, 0.53);
    content: "";
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.tripvillas_main{ padding-top: 50px; padding-bottom: 50px; }
.tripvillas_main .item{ width: 30%; float: left; margin:10px; }
.tripvillas_main .item .trip { margin-bottom: 0px; }
.tripvillas_main .trip_img { height: 148px; }


.book_form {
    background: #fff;
    border-radius: 5px;
    padding: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    position: sticky;
    top: 100px;
}
.book_form h3 { 
    font-size: 19px;
    color: #110053; 
    margin-top: 5px;
}
.book_form h3 span{ font-weight: 700; font-size: 30px; }

.name, .email, .phone1, .phone2, .checkin, .checkout, select {
    padding: 8px 15px;
    width: 100%;
    margin-top: 10px;
    font-size: 15px;
    border: 1px solid #110053;
    color: #110053;
    border-radius: 3px;
}
.phone1 {
    width: 20%;
    float: left; 
}
.phone2 {
    width: 77%;
    float: right;
}
.checkin {
    width: 48%;
    float: left;
} 

.checkout {
    width: 48%;
    float: right; 
} 
.submit {
    background: #c08c23;
    padding: 8px 25px;
    color: #fff;
    border-radius: 30px;
    font-size: 15px;
    border: none;
    margin: 25px auto 0 auto;
}

.page_heading{ background: #f6cb48; }
.page_heading h1{ padding: 50px 0px; text-transform: uppercase; color: #000; font-size: 30px;
font-weight: 600; text-align: center; }
.page_heading h2{ padding: 10px 0px; text-transform: uppercase; color: #000; font-size: 35px;
font-weight: 300; text-align: center; }

.about_conetnt{ background: #D9D9D9; padding: 30px; margin-top: 40px; margin-bottom: 40px;
box-shadow: 1px 4px 17px 0px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 4px 17px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 4px 17px 0px rgba(0,0,0,0.5); }
.about_conetnt p{ margin-bottom: 0px; }

.about_img_round{ height: 250px; border-radius: 180px; }
.about_img_round img{ border-radius: 190px; }

.advantage { margin-top: 50px;
    padding-top: 60px;
    padding-bottom: 60px;
    background: #D9D9D9;
}
.advantage h1 { font-size: 32px; }
.advantage p.pp { font-size: 15px; margin-bottom: 30px;  }
.advantage1 { padding: 20px 10px; text-align: center; }
.advantage1 h2 { font-size: 20px; }
.advantage1 p { font-size: 14px; }

.investment{ padding-top: 50px; padding-bottom: 50px; }
.investment h1{ font-size: 28px; font-weight: 600; margin-bottom: 30px; }
.investment ul{}
.investment ul li{ margin-bottom: 3px; }

.own_earn_enjoy{ margin-top: 15px !important; }

.middle {
 position: relative;
 display: flex; 
 align-items: center;
 justify-content: center;   float: left; margin: 1px;
}

a.btn {
 text-decoration: none;
 color: #000;
 position: relative;
 background: #f6cb48;
 border-radius: 0px;
 padding: 5px 20px; font-size: 38px; font-weight: 500;
 margin: 0; 
 overflow: hidden;
 transition: 5s all ease-in-out;
 box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
}

a.btn .wave {
 opacity: 1;
 position: absolute;
 top: 0;
 left: 50%;
 background: #c7a333;
 width: 500px;
 height: 500px;
 margin-left: -250px;
 margin-top: -460px;
 transform-origin: 50% 49%;
 border-radius: 43%;
 box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
 animation: drift 8000ms infinite linear;
}

a.btn.rumble {
 animation: rumbleinthejungle 300ms linear;
}

a.btn .text {
 position: relative;
 z-index: 2;
}

a.btn:hover {
 box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.1), 0 6px 10px 5px rgba(0, 0, 0, 0.12), 0 8px 5px -5px rgba(0, 0, 0, 0.3);
}


@keyframes drift {
 from {
  transform: rotate(0deg);
 }
 from {
  transform: rotate(360deg);
 }
}

@keyframes rumbleinthejungle {
 0% {
  transform: translatex(0);
 }
 25% {
  transform: translatex(-5px);
 }
 50% {
  transform: translatex(0);
 }
 75% {
  transform: translatex(5px);
 }
 100% {
  transform: translatex(0);
 }
}

.slider h1{ text-align: center; font-size: 55px; padding-top: 40px; color: #fff; }
.slider h2{ font-size: 30px; margin-bottom: 20px;  color: #fff; }
.slider ul{ padding: 0px; margin: 0px; }
.slider ul li{ list-style: none; margin-bottom: 10px; font-weight: 300; color: #fff; font-size: 28px;
text-shadow: rgb(0 0 0) 1px 0px 10px; }
.slider ul li img{ height: 55px; border-radius: 3px; margin-right: 15px; }
 
.slider .middle:nth-child(1) a{ border-radius: 10px 0px 0px 10px; }
.slider .middle:nth-child(3) a{ border-radius: 0px 10px 10px 0px; }

.aboutus{  padding: 80px; padding-bottom: 80px; background:url("../images/rr.jpg") center no-repeat; }
.aboutus h2{ margin-bottom: 40px; font-weight: 600; text-transform: uppercase; }
.aboutus p{ font-size: 16px; font-weight: 400; padding-top: 20px; }
.aboutus p a{ padding: 6px 20px; border: 1px solid #e8a908; font-size: 13px; font-weight: 500; margin-right: 20px;
border-radius: 2px; color: #333; position: relative; color: #fff; background: #c08c23; }
.aboutus p a span{ position: relative; z-index: 1000;  }
.aboutus p a:hover{ color: #fff; text-decoration: none; }
.aboutus p a:hover:after {
    width: 100%;
    left: 0;
    right: auto;
    background: #99670c; 
}
.aboutus a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 30px;
    background: #99670c;
    -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}



.market{ padding: 80px; padding-bottom: 80px; background: #000 url("../images/map.png") center no-repeat;
background-size: contain; height: 650px; }
.market h2{ margin-bottom: 40px; font-weight: 600; color: #c08c23; }
.market_description{ padding: 30px; background: rgba(255, 255, 255, 0.17); color: #fff; border-radius: 3px; }
.market_description p{ font-weight: 300; margin-bottom: 0px; font-size: 15px;  color: #fff; }
.crores{ font-weight: 600; color: #c08c23; width: 110px; font-size: 25px; line-height: 25px; text-align: center;

margin-top: 170px; margin-left: 880px; margin-bottom: 80px; }

.how_sketra{ padding-top: 80px; padding-bottom: 80px; background: #99670c;  }
.how_sketra h2{ color: #fff; }
.how_sketra ul{ padding: 0px; margin: 30px 0px 0px 0px; }
.how_sketra ul li{ list-style: none; float: left; width: 20%; text-align: center; position: relative; }
.how_sketra ul li h3{ color: #fff; font-weight: 200; font-size: 23px; }
.how_sketra ul li img{ height: 80px; filter: brightness(0) invert(1); margin-bottom: 10px; }
.how_sketra ul li:before{ content: ""; position: absolute; z-index: 1000; margin-left: 120px; margin-top: 30px;
background:url("../images/arrow.png"); width: 45px; height: 45px; background-size: contain; }
.how_sketra ul li:nth-child(5):before{ content: none; }

.properties{ padding-top: 60px; padding-bottom: 60px; background: url("../images/properties.jpg") center no-repeat; }
.properties ul{ padding: 0px; margin: 0px 0px 0px 0px; }
.properties ul li{ font-size: 14px; font-weight: 300; margin-bottom: 6px; list-style: none; padding-left: 28px; color: #fff; }
.properties ul li img{ height: 20px; margin-right: 5px; position: absolute; margin-left: -28px; margin-top: 2px; }
.properties h2{ text-align: center; margin-bottom: 40px; font-weight: 600; color: #c08c23; }
.properties h3{ margin-bottom: 0px; font-weight: 500; font-size: 25px; color:#c08c23; }
.properties .property_img img{ width: 100%;  }
.property_img{ background: #fff; padding: 5px; width: 90%; border-radius: 3px; }
.fraction{ font-size: 15px; font-weight: 400; color: #fff; margin-bottom: 20px; margin-top: 10px; }
.fraction tr td { border:1px solid #fff; padding: 3px 20px; font-size: 16px; background: #222; font-weight: 200; }
.fraction1 span{ font-size: 20px; }
.fraction2 span{ font-size: 30px; }
.fraction2{ font-size: 14px; }
.Property a{ padding: 6px 20px; border: 1px solid #e8a908; font-size: 13px; font-weight: 500; margin-right: 20px;
border-radius: 2px; color: #333; position: relative; color: #c08c23; }
.Property a span{ position: relative; z-index: 1000;  }
.Property a:hover{ color: #fff; text-decoration: none; }
.Property a:hover:after {
    width: 100%;
    left: 0;
    right: auto;
    background: #c08c23; 
}
.Property a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 30px;
    background: #c08c23;
    -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}

.cost{ padding-top: 80px; padding-bottom: 80px; background: #99670c; }
.cost h2{ text-transform: uppercase; color: #fff; }
.cost ul{ margin-top: 20px; }
.cost ul li{ color: #fff; font-weight: 300; font-size: 15px; margin-bottom: 6px; }
.cost .row{ margin-bottom: 50px; }


#mixedSlider { position: relative; }
#mixedSlider .MS-content { white-space: nowrap; overflow: hidden; margin: 0 3%; }
#mixedSlider .MS-content .item { 
  display: inline-block;
  width: 10%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 10px; 
}
.Property { background: rgba(9, 9, 9, 0.42); border-radius: 10px; margin: 0px 50px; width: 91%;  padding:50px 50px; }

 #mixedSlider .MS-content .item { display: inline-block;width: 100%;  padding:0px; }
 #mixedSlider .MS-content .item img{  }
 #mixedSlider .MS-controls button { font-size: 40px; top: 50%; color: #f1f1f1; }
 #mixedSlider .MS-controls button img{ height: 35px; }
 #mixedSlider .MS-controls button:hover{ color: #333; }


@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 100% !important;
  }
}
#mixedSlider .MS-content .item .imgTitle {
  position: relative;
}
#mixedSlider .MS-content .item .imgTitle img{  }
#mixedSlider .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  letter-spacing: 2px;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 2px 10px;
}
 
#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 30px;
  top: 46%;
  color: #f1f1f1;
  transition: 0.15s linear;     cursor: pointer;
}
#mixedSlider .MS-controls button:hover {
  color: #fff;
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider .MS-controls .MS-right {
  right: -2px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}

.pakages { padding-top: 50px; padding-bottom: 50px;}
.pakages h1 { color: #333;font-size: 32px; }
.pakages p.pp { font-size: 15px; margin-bottom: 30px; color: #333; }
.ffhfhtrys { background: #fff; position: relative; z-index: -1; border-radius: 6px;  }
.table1{  border-top: 0px !important; }
.table1 tr th{ font-size: 14px; background: #be8b22; color:#fff; border:1px solid #fff;
    border-top: 0px !important; letter-spacing: 0.5px; }
.table1 tr td{ font-size: 14px; border:1px solid #ccc; }
.table1 tr td i{ position: absolute; margin-left: -15px; }
.table1 tr td:nth-child(4){ padding-left: 30px; }
.table1 tr td:nth-child(1), .table1 tr td:nth-child(2){ text-align: center; font-weight: 600; }


.table1 tr:nth-child(2){ background: #cfd1d5; }
.table1 tr:nth-child(3){ background: #fee8af; }
.table1 tr:nth-child(4){ background: #dff9f8; }
.table1 tr:nth-child(5){ background: #ffd9b9; }
.table1 tr:nth-child(6){ background: #d9edfb; }

.table1 tr th:nth-child(1){  border-radius: 5px 0px 0px 0px; }
.table1 tr th:nth-child(4){  border-radius: 0px 5px 0px 0px; } 


.tripvillas { 
    background:url("../images/0x0.webp") center no-repeat fixed; background-size: cover;  position: relative;
}
.tripvillas:before{ content: ""; background: rgba(255, 255, 255, 0.81); width: 100%; height: 100%; z-index: 1000;
position: absolute; }
.tripvillas .container{ position: relative; z-index: 1000; padding-top: 60px; padding-bottom: 80px; }
.tripvillas h2 {
    text-align: center;
    padding-top: 30px;
    font-size: 30px;
    margin-bottom: 50px; text-transform: uppercase; font-weight: 400;
}
.communities {
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
    display: block;
    text-align: center;
    padding-top: 20px;
    border-radius: 10px;
    padding-bottom: 30px; background: #fff;
}
.communities h3 {
    font-size: 30px;
    padding: 5px 30px;
    font-weight: 300;
}
.communities ul {
    padding: 0px;
    margin: 0px;
}
.communities ul li {
    list-style: none;
    float: left;
    width: 50%;
    text-align: center;
    font-size: 16px;
    padding: 20px 10px 5px 10px;
}
.communities ul li img {
    height: 45px;  
    width: 100%;
    margin-bottom: 10px;
}

.trip{ background: rgba(153, 103, 12, 0.62); width: 100%; padding: 0px; text-align: center;
border-radius: 5px; margin-bottom: 20px; }
.trip_img{ height: 120px; overflow: hidden; }
.trip_img img{ width: 100%; border-radius: 5px 5px 0px 0px; transition: 0.5s; }
.trip:hover .trip_img img{ width: 120%; margin-left: -10%; margin-top: -10%; transition: 0.5s; }
.trip h3{ font-size: 15px;  padding: 10px 5px 0px 5px; color: #fff; }
.trip_d{ padding-bottom: 10px; }
.trip_d ul{ padding: 5px 10px 15px 10px; margin: 0px; }
.trip_d ul li{ color: #000; padding: 2px 5px; list-style: none; background: #fff; font-size: 11px; font-weight: 500;
display: inline-flex;   }
.trip span.city_name{ position: absolute; font-size: 12px;  padding: 10px 5px 0px 5px; color: #fff; background: #000;
padding: 2px 8px; border-radius: 2px; margin-top: 5px; margin-left: 5px; }


.trip_d p{ margin-bottom: 10px; }
.trip_d p a{ padding: 6px 20px; border: 1px solid #e8a908; font-size: 13px; font-weight: 500; 
border-radius: 2px; color: #333; position: relative; color: #fff; background: #c08c23; }
.trip_d p a span{ position: relative; z-index: 1000;  }
.trip_d p a:hover{ color: #fff; text-decoration: none; }
.trip_d p a:hover:after {
    width: 100%;
    left: 0;
    right: auto;
    background: #99670c; 
}
.trip_d a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 30px;
    background: #99670c;
    -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}



  
#mixedSlider2 { position: relative; }
#mixedSlider2 .MS-content { white-space: nowrap; overflow: hidden; margin: 0 3%; }
#mixedSlider2 .MS-content .item {
  display: inline-block;
  width: 10%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 10px;
}
#mixedSlider2 .MS-content .item { display: inline-block;width: 33.3%;  padding:10px; }
#mixedSlider2 .MS-content .item img{  }
#mixedSlider2 .MS-controls button { font-size: 40px; top: 28%; color: #f1f1f1; }
#mixedSlider2 .MS-controls button img{ height: 35px; }
#mixedSlider2 .MS-controls button:hover{ color: #333; }
  

@media (max-width: 991px) {
  #mixedSlider2 .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #mixedSlider2 .MS-content .item {
    width: 100% !important;
  }
}
#mixedSlider2 .MS-content .item .imgTitle {
  position: relative;
}
#mixedSlider .MS-content .item .imgTitle img{  }
#mixedSlider2 .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  letter-spacing: 2px;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 2px 10px;
}
 
#mixedSlider2 .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 30px;
  top: 40%;
  color: #f1f1f1;
  transition: 0.15s linear;     cursor: pointer;
}
#mixedSlider2 .MS-controls button:hover {
  color: #fff;
}
@media (max-width: 992px) {
  #mixedSlider2 .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider2 .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider2 .MS-controls .MS-left {
  left: -20px;
}
@media (max-width: 767px) {
  #mixedSlider2 .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider2 .MS-controls .MS-right {
  right: -20px;
}
@media (max-width: 767px) {
  #mixedSlider2 .MS-controls .MS-right {
    right: -10px;
  }
}




.register{ padding-top: 80px; padding-bottom: 80px; text-align: center; background:url("../images/rr.jpg") center no-repeat; }
.register h2{ font-weight: 600; }
.register h3{ font-size: 30px; text-transform: uppercase; font-weight: 600; }
.register p{ margin: 40px 0px; }
.register p a{ padding: 12px 30px; border: 1px solid #e8a908; font-size: 16px; font-weight: 500; margin-right: 20px;
border-radius: 2px; color: #333; position: relative; color: #fff; background: #c08c23; }
.register p a span{ position: relative; z-index: 1000;  }
.register p a:hover{ color: #fff; text-decoration: none; }
.register p a:hover:after {
    width: 100%;
    left: 0;
    right: auto;
    background: #99670c; 
}
.register a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 46px;
    background: #99670c;
    -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}







.footer{ position: relative;  background-size: cover;
background: url("../images/footer.jpg") center top no-repeat; width: 100%; padding-top: 30px; padding-bottom: 30px; }
.footer p {
    font-size: 14px;
    color: #d3d3d3;
} 
.footer ul { padding-left: 14px!important; margin: 0px!important; }
.footer ul li { list-style: disc;color: #d3d3d3; padding-left: 0px; font-size: 14px!important; margin-bottom: 3px; }
.footer ul.contact_f li { list-style: none; }
.footer ul li a {font-size: 13px; color: #d3d3d3;}
.footer ul li a span{ background: #aa8453; padding: 2px 5px; border-radius: 2px;font-size: 10px; }
.footer h2 {
    padding-top: 50px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase; margin-bottom: 20px;
}
.footer h2:after {
    display: block;
    width: 50px;
    height: 1px;
    background: #dfb238;
    content: '';
    margin-top: 8px;
}

.footer_logo img{ width: 200px; }
.footer .socail_media {
    padding-top: 10px;
}
.footer ul li i {
    position: absolute;
    margin-left: -20px!important;
    margin-top: 3px;
}
.socail_media a {
    width: 30px;
    height: 30px;
    background: #fff;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border-radius: 90px;
    margin-right: 5px;
    font-size: 14px;
    color: #07002c;
}
.copyright-item {
    background: #99670c;
    text-align: center;
    color: #fff;
    padding: 15px;
}
.copyright-item p { font-size: 13px;
    padding: 0px;
    margin: 0px;
}
/* modify css */

@media only screen and (min-width: 768px) {
    .crores {
        font-size: 30px;
        line-height: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .crores {
        font-size: 36px;
        line-height: 36px;
    }
}

@media only screen and (min-width: 1200px) {
    .crores {
        font-size: 40px;
        line-height: 40px;
    }
}

.register-container:{background-color: #6c757d;
    border-radius: 10px;
    border-color:red;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding-top:30px;}
    
    .pakages .para p {
        font-size:13px!important;
        
    }