body {
    font-family: 'robotoregular';
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    font-size: 100%;
    color: #1f1d22;
    font-size: 13px;
}
/* Rotate the image 90 degrees counter-clockwise */
.rotate-counter-clockwise {
            transform: rotate(90deg);
        }
        .overview-section{
margin-top:25px;
}

.overview-title{
  /* font-size:22px; */
  /* font-weight:700; */
  margin-bottom:18px;
  /* color:#0d2145; */
}

.overview-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:25px 30px;
}

.overview-item{
  display:flex;
  align-items:center;
  gap:1px;
  background-color: #f2f5fb;
  border-radius: 8px;
}

.icon-box{
  background:#f2f5fb;
  padding: 10px 0px 10px 10px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
}
.icon-box-new{
  width:25px;
  height:38px;
}
.icon-text-new{
  padding: 11px 5px;
  color: #717884;
  font-weight: 600;
}

.icon-box img{
  /* width:26px; */
}
.icon-box-new img{
  width:26px;
}

.label{
  margin:0;
  font-size:12px;
  color:#000;
  font-weight: 500;
  apdding-left: 0px;
}
.text-right {
    text-align: right;
    color: #717884;
}
.value{
  margin:0;
  font-weight:700;
  color:#0f223f;
  font-size:15px;
}
.icon-box:before {
    content: none ;
}
.getdiscount{
    background: red;color: #fff;width: fit-content;justify-self: center;padding: 4px 15px;border-radius: 4px;font-size: 21px;font-weight: 600;margin-bottom: 40px;
}
.discount-glow{
  background:red;
  color:#fff;
  width:fit-content;
  justify-self:center;
  padding:4px 15px;
  border-radius:4px;
  font-size:21px;
  font-weight:600;
  margin-bottom:40px;

  /* glow animation */
  box-shadow:0 0 0px rgba(255,0,0,.6);
  animation: glowPulse 1.6s infinite ease-in-out;
}
#property{
    margin-top: -200px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff ;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
    border-bottom: 1px solid #ddd;
}
/* ---------- Responsive ---------- */

@media(max-width:992px){
  .overview-grid{
    grid-template-columns:repeat(2,1fr);
  }
    .getdiscount .discount-glow{
        font-size: 16px;
    }
    .discount-glow{
            font-size: 14px;
        }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
            position: relative;
            min-height: 1px;
            padding-right: none;
            padding-left: none;
        }
}

@media(max-width:600px){
  .overview-grid{
    grid-template-columns:1fr;
  }
  .getdiscount .discount-glow{
        font-size: 14px;
    }
    .discount-glow{
            font-size: 14px;
        }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
            position: relative;
            min-height: 1px;
            padding-right: none;
            padding-left: none;
        }
}
.slider {
      position: relative;
      overflow: hidden;
      width: 100%;
    }

    .slider-track {
      display: flex;
      transition: transform 0.4s ease;
    }

    .slide {
      min-width: 33.3333%;
      padding: 4px;
      box-sizing: border-box;
    }

    .slide img {
      width: 100%;
      height: 420px;
      object-fit: cover;
      display: block;
      cursor: pointer;
    }

    @media (max-width: 767px) {
      .slide {
        min-width: 100%;
      }

      .slide img {
        height: 260px;
      }
        .getdiscount .discount-glow{
            font-size: 14px;
        }
        .discount-glow{
            font-size: 14px;
        }
        .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
            position: relative;
            min-height: 1px;
            padding-right: 0px;
            padding-left: 0px;
        }
        #property{
            margin-top: -65px;
        }
    }

    /* Navigation */
    .nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: #fff;
      border: none;
      border-radius: 5px;
      width: 44px;
      height: 44px;
      cursor: pointer;
      font-size: 20px;
    }

    .nav-prev {
      left: 15px;
    }

    .nav-next {
      right: 15px;
    }
    

@keyframes glowPulse{
  0%{
    box-shadow:0 0 4px rgba(255,0,0,.5), 0 0 8px rgba(255,0,0,.4);
  }
  50%{
    box-shadow:0 0 14px rgba(255,0,0,.7), 0 0 28px rgba(255,0,0,.6);
  }
  100%{
    box-shadow:0 0 4px rgba(255,0,0,.5), 0 0 8px rgba(255,0,0,.4);
  }
}
@media (min-width: 1200px) {
    .container {
        width: 1100px;  /* 1270px 1333px */
    }
}