/* vidaloka-regular - latin */
@font-face {
  font-family: 'Vidaloka';
  font-style: normal;
  font-weight: 400;
  src: url('../../assets/fonts/vidaloka-v12-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Vidaloka '), local('Vidaloka-Regular'),
    url('../../assets/fonts/vidaloka-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../../assets/fonts/vidaloka-v12-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../../assets/fonts/vidaloka-v12-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../../assets/fonts/vidaloka-v12-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../../assets/fonts/vidaloka-v12-latin-regular.svg#Vidaloka') format('svg');
  /* Legacy iOS */
}

/* work-sans-regular - latin */
a.col.stickycall.text-center.stickycol.stickybdr.calltrigger {
  cursor: pointer !important;
}

.col-lg-4.locadvcolcc {
  padding: 1rem;
}

a {
  cursor: pointer !important;
}

html {
  scroll-behavior: smooth;
  -webkit-scroll-behavior: smooth !important;
  -moz-scroll-behavior: smooth !important;
  -ms-scroll-behavior: smooth !important;
  overflow-x: hidden;
}

.main-header {
  margin: 40px;
  position: absolute !important;
  bottom: 30em !important;
  left: 0px !important;
  color: #9e7c20 !important;
  width: 60%;
  padding: 1rem;
}
#faqs li {
  list-style-type: none !important;
  color: black;
  padding: 20px;
  margin: 16px;
  background: #e3c886a8;
}
.container.my-4 {
  max-width: 70%;
}

img.logo1 {
  border-left: 2px solid #121832;
  width: 165px !important;
  height: auto;
}

img.logos {
  padding: 0px;
  width: 70px;
}

body {
  font-weight: 300 !important;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  background-color: transparent;
  color: #424242;
  font-family: 'Poppins', sans-serif;
  position: relative;
  padding-top: 72px;
  font-size: 14px;
}



@media (max-width: 991.98px) {
  body {
    padding-top: 59px;
  }

  .nav-tabs {
    margin: 10% 0% !important;
  }

  #secamenities a {
    width: 50%;
  }

  #nav-tabContent .col-lg-8 {
    padding-right: none;
  }

  #secheader .absolutetexttop {
    margin-top: 8px;
  }

  .carousel-control-next {
    right: auto;
  }

  .container.my-4 {
    max-width: 100%;
  }

}

/* navigation section */
section#not-foud-section {
  background: white !important;
  height: 100vh !important;
  padding: 7rem;
}

.navz {
  background-color: #ffffff !important;
  padding: 0.25rem 3rem 0.25rem 3rem;
  box-shadow: 1px 1px 1px 1px rgba(237, 237, 237, 1);
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {

  img.logo1 {
    width: 149px !important;
    height: auto;
  }

  .col-lg-3.qr-code {
    margin-top: 17px;
  }

  .main-header {
    margin: 1px;
    position: absolute !important;
    bottom: 28em !important;
    left: 0px !important;
    color: #ffffff !important;
    width: 100%;
    padding: 1rem;
  }

  img.logos {
    padding: 0px;
    width: 53px;
  }

  .background-line {
    background-size: cover;
    background-image: url(../../assets/images/Shreeji-Elevations-mobile.jpg) !important;
  }


  .navz {
    padding: 0.25rem 1.25rem 0.25rem 1.25rem;
  }

  section#not-foud-section {

    padding: 0rem;
  }

  .absolutetexttop {
    letter-spacing: 1px;
    font-size: 0.70rem;
    position: absolute;
  }
}

.navlink {
  color: #ffffff;
  text-decoration: none !important;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.navlink.active {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 700;
  border: 1px solid;
}

.navlink:hover {
  color: #ffffff !important;
}

.navitem {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {

  .w-100 {
    /* margin-top: 10px; */
    width: 100% !important;
  }

  .imag-box img {
    padding: 0 !important;
    margin-right: 0 !important;
  }

  .row background-line {
    display: none;
  }
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {

  .logo1 {
    width: 127px;
    height: auto;
  }

}

/* end of navigation section */

/* sidebar css */

.openmenu {
  cursor: pointer;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.openmenu span {
  color: #10544f;
  font-size: 1.5rem;
  font-weight: bold;
}

.closemenu {
  cursor: pointer;
  padding-right: 2rem;
  padding-top: 1.20rem;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {

  .closemenu {
    padding-right: 2.25rem;
  }
}

.closemenu {
  color: #10544f;
  font-size: 1.5rem;
  font-weight: bold;
}

#sidebar-wrapper {
  height: 100%;
  width: 0;
  position: fixed;
  /*
  z-index: 1000;
  */
  top: 0;
  right: 0;
  background: rgb(16 84 79);
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.5s ease;
}

#sidebar-wrapper.toggled {
  width: 250px;
}

/* end of sidebar css */

/* all sections common css */

/* custom button */
.btn-link:hover {
  color: #10544f;
}

.card-header {
  background-color: rgb(237 219 175);
}

.btn-link {
  font-weight: 500;
  color: #10544f;
  text-decoration: none;
}

.btn-custom {
  color: #ffffff !important;
  background-color: #10544f;
  border: 0px solid #10544f;
  border-radius: 50px;

  text-transform: uppercase;
  letter-spacing: 0.08rem;

  box-shadow: 0px 0px;

  cursor: pointer;
}

.btn-custom:hover {
  color: #ffffff;
  background-color: #c39651;
  border-color: #c39651;
}


.btn-custom.disabled,
.btn-custom:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-custom:not(:disabled):not(.disabled):active,
.btn-custom:not(:disabled):not(.disabled).active,
.show>.btn-custom.dropdown-toggle {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
  box-shadow: 0px 0px;
}


/* 5 column structure */
@media screen and (min-device-width: 320px) and (max-device-width: 768px) {

  .col20p {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/* end of 5 column structure */

.no-border {
  border: none;
}

.no-border-radius {
  border: none;
}

.rightcent {
  text-align: right;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  h2.section-subheader.black-header.text-white-50 {
    font-size: 14px;
  }

  h1.section-header.darkblue-header.text-white-50 {
    padding-top: 9px;
    font-size: 10px;
  }

  .leftcent {
    text-align: center;
  }

  .rightcent {
    text-align: center;
  }
}

.allsection {
  padding: 2.5rem 1rem 2.5rem 1rem;
}

.allcol {
  padding: 1rem;
}

.halfcol {
  padding: 0.5rem;
}

.qtrcol {
  padding: 0.25rem;
}

.section-header {
  margin-bottom: 0rem;
  padding-top: 1rem;
  padding-bottom: 0.3rem;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.section-subheader {
  margin-bottom: 0rem;
  padding-top: 0.50rem;
  padding-bottom: 0.10rem;
  font-size: 1.75rem;
  font-family: 'vidaloka', sans-serif;
  letter-spacing: 0.05rem;
}

@media (max-width: 991.98px) {
  .section-subheader {
    font-size: 1.25rem;
  }

  .spacer {
    height: 230px !important;
  }
}

.section-subtext {
  margin-bottom: 0rem;
  padding-top: 0.10rem;
  padding-bottom: 1rem;
}

.darkblue-header {
  color: #10544f;
}

.black-header {
  color: #a2812e;
}

.white-header {
  color: #ffffff;
}

/* end of all sections common css */

/* header secheader */

#secheader {}



.background-line {
  background-repeat: no-repeat;
  background-image: url(../../assets/images/Shreeji-Elevations.png) !important;
}


.spacer {
  height: 47rem;
}

#headercol {}


#headercol2 {
  /*
  height: calc(100vh - 72px);
  */
  background-color: #f9f9f9;
  padding: 1.5rem;
  /*border: 1px solid #10544f;*/
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  #headercol2 {
    padding: 0.5rem;
    /*border: 0px solid #10544f;*/
  }
}

.bannerarrowbox {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #10544f;
  color: #ffffff;
}

.bannerarrowbox:hover {
  text-decoration: none;
  background-color: #456A93;
  color: #ffffff;
}

.bannerarrowbox:active {
  text-decoration: none;
  background-color: #456A93;
  color: #ffffff;
}

.bannerarrowbox span {
  font-size: 1rem;
  font-weight: bold;
}

.form-header {
  color: #000000;
  font-size: 1.5rem;
  margin-bottom: 0rem;
  letter-spacing: 0.10rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-transform: uppercase;
}

.form-container {
  /*
  display: flex;
  align-items: center;
  align-self:center;
  justify-content: center;
  */
}

.formblock {}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  .form-container {
    background-color: #f9f9f9;
    padding: 1.5rem;
    border: 1px solid #10544f;
  }
}

.frmsubmit {
  margin-top: 2rem;
}

.frmbdr {
  padding: 0.25rem;
  border-radius: 0rem;
  background-color: #ffffff;
}

.frmbox {
  border: 1px solid #10544f;
  padding: 1rem;
}


.formnumlink {
  font-weight: 700 !important;
  color: #10544f !important;
  text-decoration: underline !important;
}

.formnumlink:hover {
  color: #456A93;
  text-decoration: none;
}

.formlabel {
  margin-bottom: 0rem;
  color: #000000;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
  margin-top: 1rem;
}

.custfield {
  background-color: transparent;
  color: #000000;
  border-width: 0px 0px 1px 0px;
  border-radius: 0;
  border-style: solid;
  border-color: #000000 !important;
  box-shadow: 0px 0px !important;
  /*
  height: calc(1.5em + .75rem + 2px);
  */
  height: 2.75rem;
  resize: none;
}

.custfieldphone {
  border-width: 0px 0px 1px 0px;
}

.custfield:focus {
  background-color: transparent;
  box-shadow: 0px 0px !important;
  color: #000000;
}

.custfield::placeholder {
  color: #757575;
  font-size: 0.85rem;
}

.custigp {
  background-color: transparent;
  border-width: 0px 0px 1px 0px;
  border-radius: 0;
  border-style: solid;
  border-color: #000000;
  color: #000000;
}

/* end of header secheader */

/* overview secoverview */
#secoverview {
  background-color: #ffffff;
  padding: 4rem 1rem 4rem 1rem;
  background-image: url(../../assets/images/logo.png);
  background-position: -3% 0%, 0% calc(100% + 233px) !important;
  background-repeat: no-repeat, no-repeat;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  #secoverview {
    padding: 2.5rem 0rem 2.5rem 0rem;
  }
}


/* .............timeline................  */

.timeline-steps.aos-init.aos-animate {
  width: 1120px !important;
}

img.abt-dev-sec-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
}

.timeline-steps {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.timeline-steps .timeline-step {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 2rem;
}

p.text-left.mb-0.mb-lg-0 {
  width: 138%;
}

p.mt-3.mb-1.event-date {
  font-weight: 600;
}

@media (min-width:768px) {
  .timeline-steps .timeline-step:not(:last-child):after {
    content: "";
    display: block;
    border-top: .25rem dotted #10544f;
    width: 5rem;
    position: absolute;
    left: 7.5rem;
    top: .3125rem
  }

  .timeline-steps .timeline-step:not(:first-child):before {
    content: "";
    display: block;
    border-top: .25rem dotted #10544f;
    width: 3.8125rem;
    position: absolute;
    right: 7.5rem;
    top: .3125rem
  }
}

.timeline-steps .timeline-content {
  width: 10rem;
  text-align: center
}

.timeline-steps .timeline-content .inner-circle {
  border-radius: 1.5rem;
  height: 1rem;
  width: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #10544f;
}

.timeline-steps .timeline-content .inner-circle:before {
  content: "";
  background-color: #a2812e;
  display: inline-block;
  height: 3rem;
  width: 3rem;
  min-width: 3rem;
  border-radius: 6.25rem;
  opacity: .5
}



@media (min-width: 1140px) {
  .horizontal-timeline .items .items-list {
    display: inline-block;
    width: 24%;
    padding-top: 45px;
  }

  .horizontal-timeline .items .items-list .event-date {
    top: -40px;
  }

}

/* slide animation img  */
.clientcontainer {
  overflow: hidden;
  position: relative;
  height: 361px;
  width: 100%;
}

#daivi-eterneety-sec {
  background-image: url("../../assets/images/Sky-image-250123.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

.hrwhite {
  width: 30px;
  border: 2px solid #ffffff;
  background-color: #ffffff;
}

.daivi-eterneety-sliding-background {
  position: absolute;
  top: 0px;
  left: 0px;
  background-repeat: repeat-x;
  background-size: contain;
  background-position: 0% 0%;
  height: 446px;
  width: calc(1920px * 3);
  -webkit-animation: clientSlide 40s linear infinite;
  animation: clientSlide 40s linear infinite;
}

@media only screen and (max-width: 991.98px) {
  .clientcontainer {
    height: 446px;
    width: 100%;
  }
}

.tech-slideshow {
  height: 675px;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.tech-slideshow>div {
  width: 2500px;
  background-image: url("../../assets/images/SS-Skyline CTB-2001.webp");
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.tech-slideshow .mover-2 {
  animation: moveSlideshow 15s linear infinite;
}

@keyframes moveSlideshow {
  100% {
    transform: translateX(-66.6666%);
  }
}

/* timeline moblie  */

ul.timeline-3 {
  list-style-type: none;
  position: relative;
}

ul.timeline-3:before {
  content: ' ';
  background: green;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 86%;
  z-index: 400;
}

ul.timeline-3>li {
  margin: 20px 0;
  padding-left: 20px;
}

ul.timeline-3>li:before {
  content: " ";
  background: #10544f;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 10px solid #a2812e;
  left: 15px;
  width: 30px;
  height: 30px;
  z-index: 400;
}

/* whatsApp icon */

.btn-whatsapp-pulse {
  background: white;
  color: white;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  padding: 27px;
  text-decoration: none;
  border-radius: 50%;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

img.whatsapp-chat {
  max-width: 51px;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }

  80% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
}

@media only screen and (max-width: 991.98px) {
  .btn-whatsapp-pulse {
    bottom: 53px;
  }
}

.btn-whatsapp-pulse-border {
  bottom: 120px;
  right: 20px;
  animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  padding: 25px;
  border: 5px solid #25d366;
  opacity: 0.75;
  animation-name: pulse-border;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes pulse-border {
  0% {
    padding: 25px;
    opacity: 0.75;
  }

  75% {
    padding: 50px;
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/*..........................alok-css..............................*/
.youtubecol {
  padding: 1rem;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  .youtubecol {
    padding: 0rem;
  }
}

.badge {
  display: inline-block;
  padding: 0px !important;
  font-size: 17px !important;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.youtuberelative {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtubeimg {
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.floorplanbtn {
  left: 50%;
  top: 50%;
  position: absolute;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.floorplanbtn span {
  font-size: 3.25rem;
  color: #FF0000;
}

#youtubeiframe,
#gmapiframe {
  display: none;
}

.btn-custom {
  color: #ffffff !important;
  background-color: #10544f;
  border: 2px solid #10544f;
  text-transform: uppercase;
  letter-spacing: 0.08rem;
  -webkit-box-shadow: 0px 0px !important;
  box-shadow: 0px 0px !important;
  border-radius: 22px ​22px;
  padding: 0.5rem 1rem;
  margin: 0rem 0.5rem;

}

/* end of secoverview */

/* lobby seclobby */
#sechallmarks .absolutetexttop {
  top: 0px !important;
}

#sechallmarks {
  background-color: #ffffff;
  padding: 4rem 1rem 4rem 1rem;
  background-image: url("../../assets/images/logoright.png");
  background-position: 103% calc(54% - 233px), 103% calc(100% + 174.5px);
  background-repeat: no-repeat, no-repeat;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  #sechallmarks {
    padding: 2.5rem 0rem 2.5rem 0rem;
  }
}

.fwcol {
  padding: 1rem 1rem 1rem 1rem;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  .fwcol {
    padding: 1rem 0rem 1rem 0rem;
  }
}

.relativetextbox {
  position: relative;
  width: auto;
}

/* banner new  */
h1.daivi-slider-text-head {
  position: relative;
  left: 35%;
  top: 16%;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-size: 51px;
}

h1.daivi-slider-text-h1 {
  position: relative;
  left: 63%;
  top: 15%;
  font-family: 'Playfair Display', serif;
  font-size: 25px;
}

h1.daivi-slider-text-p {
  position: relative;
  top: 40%;
  left: 31%;
  font-size: 19px;
  color: white;
  width: 54%;
  text-align: center;
}

h1.daivi-slider-text-p2 {
  position: relative;
  top: 39%;
  left: 8%;
  text-align: center;
  color: white;
}


.daivi-banner-slide-1 {
  height: 87vh;
  background-image: url(../../assets/images/gallery/daivi-eterneety-web-banner-2.jpg);
  background-position: 50% 2%;
  background-repeat: no-repeat;
  background-size: contain;
}



.daivi-banner-moblie-slide-1 {
  background-image: url(../../assets/images/gallery/daivi-eterneety-mobile-banner-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 15%;
  height: 100vh;
}

h1.daivi-slider-moblie-text-head {
  position: relative;
  left: 0%;
  top: 6%;
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-size: 22px;
  text-align: center;
}

h1.daivi-slider-moblie-text-h1 {
  position: relative;
  left: 26%;
  top: 6%;
  font-family: 'Playfair Display', serif;
  font-size: 23px;
}

h1.daivi-slider-moblie-text-p {
  position: relative;
  top: 19%;
  left: 14%;
  font-size: 14px;
  color: white;
  width: 73%;
  text-align: center;
  font-weight: 600;
}

/* h1.daivi-slider-moblie-text-p2 {
  position: relative;
  top: 39%;
  left: 8%;
  text-align: center;
  color: white;
} */
.absolutetextbottom {
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgb(16 84 79);
  color: #ffffff;
  width: 100%;
  margin-bottom: 0px;
  padding: 0.5rem;
}

.col-lg-4.justify-content-center {
  background: #eddbaf;
}

.absolutetexttop {
  letter-spacing: 1px;
  font-size: 0.70rem;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
  text-shadow: 1px 1px 10px #000000;
  color: #fff;
  text-align: left;
}

.absolutetexttopright {
  letter-spacing: 1px;
  font-size: 0.70rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  text-shadow: 1px 1px 10px #000000;
  color: #fff;
  text-align: right;
}

.btn {
  padding: 4px 10px 4px 10px;
}

.card-body {
  padding: 15px !important;
}

.card {
  border: 1px solid rgb(191 144 71 / 58%);
  border-radius: 0px !important;
}

.card-header:first-child {
  border-radius: 0px !important;
}

.arrowbox {
  width: 40px;
  height: 40px;
  border-radius: 15px 0px;
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  text-decoration: none;
  background-color: #10544f;
  color: #ffffff;
}

.arrowbox:hover {
  text-decoration: none;
  background-color: #456A93;
  color: #ffffff;
}

.arrowbox:active {
  text-decoration: none;
  background-color: #456A93;
  color: #ffffff;
}

hr {
  margin-top: 7px;
  margin-bottom: 7px;
}

.Gallery-img img {
  width: 100%;
}

.gallery .w-100 {
  width: 100% !important;
  margin: auto;
}

.arrowbox span {
  font-size: 1rem;
  font-weight: bold;
}

/* end of lobby seclobby */

/* amenities secamenities */
#secamenities {
  background-color: #ffffff;
  padding: 4rem 1rem 4rem 1rem;
  background-image: url(../../assets/images/logo.png);
  background-position: -3% 0%, 0% calc(100% + 233px) !important;
  background-repeat: no-repeat;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  #secamenities {
    padding: 0px;
  }

  .row.justify-content-center.desktop-only {
    display: none;
  }

  div#carouselExampleControls\ d-none\ mobile-only {
    display: block !important;
  }

  .shreeji {
    border-left: none !important;
  }

  h1.daivi-slider-moblie-text-head {
    position: relative;
    left: 0%;
    top: 6%;
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-size: 33px;
    text-align: center;
  }

  h1.daivi-slider-moblie-text-p {
    position: relative;
    top: 21%;
    left: 8%;
    font-size: 18px;
    color: white;
    width: 85%;
    text-align: center;
    font-weight: 600;
  }
}

@media screen and (min-device-width: 375px) and (max-device-width: 667px) {
  h1.daivi-slider-moblie-text-head {
    position: relative;
    left: 0%;
    top: 6%;
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-size: 24px;
    text-align: center;
  }

  h1.daivi-slider-moblie-text-h1 {
    position: relative;
    left: 30%;
    top: 5%;
    font-family: 'Playfair Display', serif;
    font-size: 17px;
  }

  h1.daivi-slider-moblie-text-p {
    position: relative;
    top: 21%;
    left: 11%;
    font-size: 14px;
    color: white;
    width: 78%;
    text-align: center;
    font-weight: 600;
  }
}

@media screen and (min-device-width: 360px) and (max-device-width: 740px) {
  h1.daivi-slider-moblie-text-head {
    font-size: 27px;
  }

  h1.daivi-slider-moblie-text-h1 {
    left: 27%;
    top: 5%;
    font-size: 19px;
  }

  h1.daivi-slider-moblie-text-p {
    top: 25%;
    left: 11%;
    font-size: 23px;
  }
}

@media only screen and (min-width: 1920px) and (min-height: 1080px) {
  .daivi-banner-slide-1 {
    height: 74vh;
    background-image: url(../../assets/images/gallery/daivi-eterneety-web-banner-2.jpg);
    background-position: 14% 56%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  h1.daivi-slider-text-head {
    left: 36%;
    top: 14%;
    font-size: 72px;
  }

  h1.daivi-slider-text-h1 {
    left: 60%;
    top: 12%;
    font-size: 42px;
  }

  h1.daivi-slider-text-p {
    top: 41%;
    left: 21%;
    font-size: 28px;
    width: 75%;
  }

  h1.daivi-slider-text-p2 {
    top: 40%;
    left: 9%;
    font-size: 60px;
  }
}

@media only screen and (min-width: 1920px) and (min-height: 1200px) {}

@media screen and (min-device-width: 820px) and (max-device-width: 1180px) {}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {}


.carousel-control-next,
.carousel-control-prev {
  top: 0;
}



div#carouselExampleControls\ d-none\ mobile-only {
  display: none;
}

#sechallmarks li {
  list-style-type: none;
  color: black;
  padding: 11px;
  margin: 16px;
  background: #e3c886a8;
}

#seclifestyle {
  background-color: #ffffff;
  padding: 4rem 1rem 4rem 1rem;
  background-image: url("../../assets/images/leftsidedeco.png");
  background-position: 0% 70%;
  background-repeat: no-repeat;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  #seclifestyle {
    padding: 2.5rem 0rem 2.5rem 0rem;
  }
}

#seclocadv p {
  margin-bottom: 10px;
}

#seclocadv {
  background-color: #ffffff;
  padding: 4rem 1rem 4rem 1rem;
  background-image: url("../../assets/images/logoright.png");
  background-position: 103% calc(54% - 233px), 103% calc(100% + 174.5px);
  background-repeat: no-repeat;
}

section#secfeatures {
  padding: 4rem 1rem 4rem 1rem;
}

section#secfloorplan {
  background-image: url("../../assets/images/logo.png"), url("../../assets/images/smallleftdeco.png");
  background-position: 0% 95%, 0% calc(0% - 94px);
  background-repeat: no-repeat;
  padding: 4rem 1rem 4rem 1rem;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  #seclocadv {
    padding: 2.5rem 0rem 2.5rem 0rem;
  }
}

.locadvcard {
  border-radius: 40px 0px !important;
  padding: 40px 0px 40px 0px;
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: 300px;
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
}

span.locadvicon.icon-con img {
  width: 40px;
}

.locadvicondiv {
  padding: 15px 0px 36px 0px;
  width: 100px;
  height: 50px;
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  background-image: url("../../assets/images/locadvbg.png");
  background-size: 100px 100px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.locadvicon {
  font-size: 0rem;
  font-weight: bold;
  color: #003664;
}

.locadvcol {
  padding: 2rem;
}

.locadvtext {
  font-weight: bold;
  color: #000000 !important;
  text-transform: uppercase;
  font-size: 0.85rem;
}



/* end of location advantages seclocadv */

/* views secviews */


#secviews .absolutetexttop {

  left: auto;
}

#secviews .relativetextbox {
  position: initial;
  width: auto;
}

#secviews {
  background-color: #ffffff;
  padding: 4rem 1rem 4rem 1rem;
  background-image: url("../../assets/images/logoright.png");
  background-position: 103% calc(56% - 233px), 103% calc(100% + 174.5px);
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  #secviews {
    padding: 2.5rem 0rem 2.5rem 0rem;
  }

  #secamenities img {
    height: auto;
  }
}


#secconfig {
  background-color: #ffffff;
  padding: 4rem 1rem 4rem 1rem;
  /* background-image: url("../../assets/images/logo.png"), url("../../assets/images/smallleftdeco.png");
  background-position: 0% 95%, 0% calc(0% - 94px);*/
  background-repeat: no-repeat, no-repeat;
  background-size: 107.5px 233px, auto;
}

li {
  list-style-type: circle;
}






@media screen and (min-device-width: 320px) and (max-device-width: 768px) {

  #secamenities a {
    text-align: center;
    color: #a2812e;
  }

  .floor img {
    height: auto;
  }

  .configcard {
    margin: 15px 30px 15px 30px;
  }

  #secconfig {
    padding: 2.5rem 0rem 2.5rem 0rem;
  }

  #secamenities li {
    padding: 5px !important;
    margin: 11px !important;
  }

  .col-lg-4.justify-content-center {
    margin: 15px;
    padding: 12px;
  }

  .card {
    margin-bottom: 20px;
  }

  .configcol {
    padding: 1rem;
  }
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  .configcol {
    padding: 1rem 0.25rem 1rem 0.25rem;
  }
}

.configcard {
  background-color: #ffffff;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  box-shadow: 0px 0px 5px 2px;
  padding: 3rem;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  .configcard {
    padding: 1rem 1rem 1rem 1rem;
  }
}

.config-title {
  margin-bottom: 1rem;
  color: #10544f;
  font-family: "Vidaloka", serif;
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 100%;
}

.carpet-area {
  margin-bottom: 0px;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  font-family: "Vidaloka", serif;
  font-size: 1.75rem;
  line-height: 110%;
}

.config-select {
  margin-bottom: 0px;
}

.cr-indicators {
  /*
  bottom:-50px;
  */
  position: static;
  margin: 0 auto;
}

.cr-indicators li {
  display: block;
  width: 10px;
  height: 10px;
  border: 0px;
  border-radius: 10px;
  line-height: 30px;
  background-color: #acacac;
}

.cr-indicators .active {
  background-color: #10544f;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
  .btn-config {
    font-size: 0.80rem;
  }
}

.btn-config {
  color: #003664 !important;
  background-color: #ebebeb;
  border: 0px solid #ebebeb;
  border-radius: 50px;

  text-transform: uppercase;
  letter-spacing: 0.08rem;

  box-shadow: 0px 0px;

  font-family: "Vidaloka", serif;

  cursor: pointer;
}

.btn-config.active {
  color: #ffffff !important;
  background-color: #10544f;
  border-color: #10544f;
  box-shadow: 0px 0px;
}

/*

.btn-config:not(:disabled):not(.disabled):active, .btn-config:not(:disabled):not(.disabled).active,
.show > .btn-config.dropdown-toggle
{
  color: #ffffff !important;
  background-color: #10544f;
  border-color: #10544f;
  box-shadow: 0px 0px;
}
*/

.btn-config.disabled,
.btn-config:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-config:focus,
.btn-config.focus {
  /*
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  */
}

.btn-config:not(:disabled):not(.disabled):active:focus,
.btn-config:not(:disabled):not(.disabled).active:focus,
.show>.btn-config.dropdown-toggle:focus {
  /*
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  */
}

/* end of configuration secconfig */

/* contact seccontact */
#seccontact {
  /*    background-color: #a2812e;
*/
  padding: 4rem 1rem 4rem 1rem;
}

@media (max-width: 991.98px) {
  #seccontact {
    padding: 2.5rem 0rem 2.5rem 0rem;
  }
}

.numlink {
  color: #10544f !important;
  text-decoration: none;
}

.numlink:hover {
  color: #10544f !important;
  text-decoration: none;
}

/* end of contact seccontact */

/* about secabout */
#secabout {
  padding: 0rem 1rem 0rem 1rem;
  background-image: url("../../assets/images/bottomleftdeco.png");
  background-position: 0% 100%;
  background-repeat: no-repeat;
}

@media (max-width: 991.98px) {
  #secabout {
    padding: 2.5rem 0rem 2.5rem 0rem;
  }
}

/* end of secabout */

/* modal form related css */

.modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.modal-close:focus {
  outline: 0;
}

.modal-close>span {
  color: #10544f;
}

.modal-close>span:hover {}

/* end of modal form related css */

/* footer */
.bg-footer {
  color: white;
  background-color: #10544f;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.text-white-50 {
  color: white !important;
}

.bg-footer a {
  color: #f1e098 !important;
}




.soc-item {
  text-decoration: none;
}

.soc-item:hover {
  text-decoration: none;
}

.footer-text {
  color: #ffffff;
}

.footer-link {
  color: #ffffff;
}

.footer-link:hover {
  color: #ffffff;
  text-decoration: underline;
}

.footer-link:active {
  color: #ffffff;
  text-decoration: underline;
}

/* sticky form section */
#stickyform {
  background: rgba(255, 255, 255, 1);
  padding: 0.50rem 0.75rem;

  border-top: 1px solid #e7dbcf;
}

@media (min-width: 992px) {
  .stformspace {
    padding: 0rem 1rem;
  }
}

@media (max-width: 991.98px) {
  .stformspace {
    padding: 0rem 0.5rem;
  }
}

.minstick {
  min-width: 100%;
}

/* end of sticky form section */


/* sticky mob */
.stickycol {
  padding: 0.50rem;
}

.stickybtn {
  border: 1px solid #fff;
  background-color: #10544f;
  text-align: center;
}

.stickybdr {
  border-right: 1px solid #ffffff;
}

.stickycall {
  color: #ffffff !important;
  text-align: center;
  font-weight: bold;
}

.stickycall:hover {
  text-decoration: none;
}

.stickyenq {
  color: #ffffff !important;
  font-weight: bold;
  text-align: center;
}

.stickyenq:hover {
  text-decoration: none;
}

#tyfssec1 {
  background-color: #ffffff;
  padding: 3.5rem 1.5rem 3.5rem 1.5rem;
}

#tyfssec2 {
  background-color: #e0e0e0;
}

#ppsec1 {
  background-color: #ffffff;
}

.tyicon {
  color: #10544f !important;
  font-size: 4rem;
}

.fsicon {
  color: #10544f;
  font-size: 4rem;
}



/* end of thank you and form submit failed sections */
span.icon-close {
  font-weight: 900;
  color: #000000 !important;
  font-size: 16px !important;
}


#sidebar-wrapper span.icon-close {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700;
}




#secamenities li {
  font-size: 17px;
  padding: 31px 20px 0px 20px;
  color: #10544f;
}

/*.imag-box {
  background: #bbbbbb26;
}*/

.imag-box img {
  /*margin-right: -25%;*/
  width: 100%;
  /*padding: 43px;*/
  float: right;
  height: 20%;
}

.text-hallmarks {
  /*padding-left: 8%;*/
}

.nav-tabs {
  margin: 4% 10%;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  font-size: 16px;
  color: #ffffff !important;
  background-color: #10544f;
  border-color: #dee2e6 #dee2e6 #fff;
  font-weight: bold;
}

#secamenities a {
  color: #a2812e;
}

#secamenities a:hover {
  color: #a2812e;
}

.floor img {
  -webkit-filter: blur(5px);
  /* Safari 6.0 - 9.0 */
  filter: blur(2px);
}


.shreeji img {
  width: 10%;
}

.shreeji p {
  margin: auto 111px;
}

.row.second-amenities {
  margin-top: 35px;
}

#seccontact1 {
  padding: 4rem 1rem 4rem 1rem
}

@media (min-width: 360px) and (max-width: 800px) {
  .constructionup {
    margin-bottom: 30px;
  }

  .text-hallmarks {
    padding: 8%;
  }

  .shreeji img {
    width: 30%;
  }

  .shreeji p {
    margin: 0;
  }

  .first-amenities .col-lg-4 .card {
    height: auto !important;
  }

  .second-amenities .col-lg-4 .card {
    height: auto !important;
  }

  .row.second-amenities {
    margin-top: 0 !important;
  }

  .col-auto.align-self-center.justify-content-center {
    width: 15%;
  }

  #secoverview {
    background-image: url(../../assets/images/for-mobile-left.png) !important;
    background-position: 0% 0%, 0% calc(100% + 233px) !important;
  }

  #sechallmarks {
    background-image: url(../../assets/images/for-mobile-right.png) !important;
    background-position: 100% calc(25% - 233px), 100% calc(100% + 174.5px);
  }

  #secamenities {
    background-image: url(../../assets/images/for-mobile-left.png) !important;
    background-position: 0% 0%, 0% calc(100% + 233px) !important;
  }

  #seclocadv {
    background-image: url(../../assets/images/for-mobile-right.png) !important;
    background-position: 100% calc(12% - 233px), 100% calc(100% + 174.5px);
  }

  section#secfloorplan {
    background-image: url(../../assets/images/for-mobile-left.png) !important;
    background-position: 0% 0%, 0% calc(100% + 233px) !important;

  }

  #secviews {
    background-image: url(../../assets/images/for-mobile-right.png) !important;
    background-position: 100% calc(47% - 233px), 103% calc(100% + 174.5px);
  }

























































}






.map-container {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.map-container iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.first-amenities .col-lg-4 .card {
  height: 210px;
}

.second-amenities .col-lg-4 .card {
  height: 425px;
}

.carousel-indicators li {
  list-style: none;
  background-color: #000;
}



/* not found page css */
.nf-body {
  padding-top: 0px !important;
}

.nf-header {
  font-size: 10rem;
  color: #a2812e;
  padding-bottom: 0rem;

}

/* end of  not found page css */


#myBtn {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 14px;
  z-index: 99;
  /*font-size: 18px;*/
  border: none;
  outline: none;
  background-color: #10544fe8;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 27px;
}

#myBtn:hover {
  background-color: #a2812e;
}

.constructionup {
  width: 100%;
  border: 3px solid #a2812e;
}

p.instruct {
  margin: 0px 16px !important;
  font-size: 10px !important;
}

.banner-text{
  position: absolute;left: 56%;   
    bottom: 35%;

}
@media (max-width: 992px) {
  .banner-text{
    left: 10%;
    bottom: 21%;
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .banner-text{
    left: 10%;
    bottom: 19%;
    font-size: 30px;
  }
}
@media (max-width: 576px) {
  .banner-text{
    font-size: 15px;
    bottom: 19%;
    left: 10%;
  }
}