@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinssemibold';
    src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fjalla_oneregular';
    src: url('fonts/fjallaone-regular-webfont.woff2') format('woff2'),
         url('fonts/fjallaone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

img {
    max-width: 100%;
}
/*animation shake start css*/


div.strong-hover-shake:hover {
  animation: tilt-shaking 0.15s infinite;
}

div.gentle-hover-shake:hover {
  animation: tilt-shaking 0.25s infinite;
}

div.gentle-tilt-move-shake:hover {
  animation: tilt-n-move-shaking 0.25s infinite;
}

div.strong-tilt-move-shake:hover {
  animation: tilt-n-move-shaking 0.15s infinite;
}

div.constant-tilt-shake {
  animation: tilt-shaking 0.3s infinite;
}

div.vertical-shake {
  animation: vertical-shaking 0.35s infinite;
}

div.horizontal-shake {
  animation: horizontal-shaking 0.35s infinite;
}

div.rise-shake {
  animation: jump-shaking 0.83s infinite;
}

div.skew-shake-x {
  animation: skew-x-shake 1.3s infinite;
}

div.skew-shake-y {
  animation: skew-y-shake 1.3s infinite;
}

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

@keyframes tilt-n-move-shaking {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(5px, 5px) rotate(5deg); }
  50% { transform: translate(0, 0) rotate(0eg); }
  75% { transform: translate(-5px, 5px) rotate(-5deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes vertical-shaking {
  0% { transform: translateY(0) }
  25% { transform: translateY(5px) }
  50% { transform: translateY(-5px) }
  75% { transform: translateY(5px) }
  100% { transform: translateY(0) }
}

@keyframes horizontal-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateX(5px) }
  50% { transform: translateX(-5px) }
  75% { transform: translateX(5px) }
  100% { transform: translateX(0) }
}

@keyframes jump-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateY(-9px) }
  35% { transform: translateY(-9px) rotate(17deg) }
  55% { transform: translateY(-9px) rotate(-17deg) }
  65% { transform: translateY(-9px) rotate(17deg) }
  75% { transform: translateY(-9px) rotate(-17deg) }
  100% { transform: translateY(0) rotate(0) }
}

@keyframes skew-x-shake {
  0% { transform: skewX(-15deg); }
  5% { transform: skewX(15deg); }
  10% { transform: skewX(-15deg); }
  15% { transform: skewX(15deg); }
  20% { transform: skewX(0deg); }
  100% { transform: skewX(0deg); }  
}

@keyframes skew-y-shake {
  0% { transform: skewY(-15deg); }
  5% { transform: skewY(15deg); }
  10% { transform: skewY(-15deg); }
  15% { transform: skewY(15deg); }
  20% { transform: skewY(0deg); }
  100% { transform: skewY(0deg); }  
}
/*animation shake end css*/

.highlights-content ul li {
    border-bottom: 1px solid #cecece;
    padding-bottom: 1rem;
     padding-top: 1rem;
}
.loactionpoint ul {
    padding-left: 0;
}

.modal-content {
    background: #fff;
    border: 15px solid #b53869;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    top: 50px;
    left: 0;
    padding-left: 20px;
     padding-right: 20px;
}
.loactionpoint ul li {
    border-radius: 3px;
    background: #fff;
    margin-bottom: 10px;
    padding: 13px;
    border-radius: 30px;
    list-style: none;
    /* box-shadow: var(--bs-accordion-btn-focus-box-shadow); */
    /* border-radius: 50%; */
    box-shadow: 0 0 28px #f3f2f2;
}
.letterspacing{letter-spacing: 2px;}
.clear{clear:both;}
.normaltexts{  font-family: 'poppinsregular'; color:#fff;}
.fjalaone{ font-family: 'fjalla_oneregular'; color:#fff; letter-spacing: 3px;}
.right-main-layers{background-color: rgba(00,00,00,0.8);height:auto;padding: 35px !important;border-radius: 50px;position: absolute;top: 20%;left: 50px;z-index: 99;}
.pricebox-main{background-color: #57983c;position:relative;border:2px solid #fff !important;}
.startingprice{background-color:#ffcb08; font-size:20px; position:absolute; top:-20px; left:0; right:0; margin-left:auto; margin-right:auto; padding:5px;}
.specialoffertab{height:65px; background-image: url("../images/specialoffer-tab.png"); background-position:center; 
  background-repeat:no-repeat; line-height:65px;}
.boxblue{  padding:2px 6px 6px 6px;}
.boxblue ul{margin:0px; padding:0px; list-style-type:none;}
.boxblue li{font-size:12px; color:#000; margin:0px; padding:0px 0px 0px 0px; list-style-image: url('../images/arrow.png'); list-style-position:inside;}
.bdr-dotted{border:dashed 2px #fff;border-radius: 50px;}
.bg-blue{ background-color:#57983c;}

.bg-price-main-bg{background: #f4f4f4;}
.bg-locations-bg{/* background-color: #e4fadc; *//* background-image: url("https://www.transparenttextures.com/patterns/gradient-squares.png"); */}
.bg-menufull-bg{background-color:#479d24;}
.bg-floorplan-main{background: #f4f4f4;}
.bg-gallery-main{background-color: #f4f4f4;}

.bg-banner-main2{padding-top:0px; padding-bottom:0px; display:none;}
.bg-banner-main{
  margin-top:56px;
  background-image: url("https://dlf-newprojects.com/img/gallery-4-img.webp");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  height:auto;
  padding: 50px 15px;
  }
.bg-bottom-full-rect{background-image: url("../images/ctav7.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover;}

.offer-div{background-color:#fbfaf9; color:#343233; font-size:20px; font-weight:400;}
.display-mob-offer{display:none;}
.flex-box-pric{ background-color:#02573a;
  display: flex; 
  flex-direction: row; justify-content:center;
  font-size: 100%; align-items:center;
  text-align: left; height:auto;
}
.flex-box-pric > div {
   text-transform:uppercase; flex:50%;
}

.flex-container h5 {font-family: 'poppinsregular'; font-weight:900;}
.flex-container {
  display: flex; 
  flex-direction: row;
  font-size: 100%; 
  text-align: left; height:auto;
}

.flex-item-left {
  background-color: #f1f1f1;
  padding: 10px; flex:50%;
  
}

.flex-item-right {
  background-color: #f1f1f1;
  padding: 10px; flex:50%;
 
}

@media (max-width: 1080px) {
.startingprice{background-color:#ffcb08; font-size:14px; color:#000 !important;} 
  }

@media (max-width: 992px) {
.right-main-layers{background-color: rgba(00,00,00,0.8);height:auto;width:35% !important;}
 .startingprice{background-color:#ffcb08; font-size:17px; color:#000 !important;} 
  }

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
 
.bg-banner-main{padding-top:0px;padding-bottom:0px;margin-top:0px;padding: 0;background-image: none;padding: 15px;} 
 .right-main-layers{background-color: #000;height:auto;width: 95% !important;position: static;margin: 15px auto;}
  
  
  .display-mob-offer{display:block; margin-top:50px !important;}
  .flex-container {
  display: flex; 
  flex-direction: column;
  
}
  .flex-item-right, .flex-item-left {
    flex: 100%;
  }
  
  
  
}