.l-icon 
{
  background: -webkit-linear-gradient(30deg,#188918,#e5f438);
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  font-size:24px;
}
@media (max-width: 375px)
{
    .star 
    {
      padding:0px;
      margin-left:0px; 
    }
    .ss
    {
        font-size:8px;
       
    }
}
@media (max-width: 425px)
{
 .star
 {
     margin-left:0px;
 }
 .ss
 {
     font-size:11px;
     position:absolute;
     top:7px;
     left:33px;
     
  
     
 }
 .star
 {
  padding-left:8px;
  margin-left:0px;
 }
 .price h3
 {
     font-size:32px;
 }
 .price
 {
     top:5px;
 }
 .old-price p
{
  padding-left: 25px;
}
.price-off p
{
    padding-left:15px;
}
.assured img
{
    position: absolute;
  left: -5px;
  top: 3px;
}
}
.assured
{
  position: absolute;
  left: 270px;
  top: 5px;
}
.price-bg
{
  position: relative;
}
.price
{
position: absolute;
left: 20px;
}
.price-off 
{
position: absolute;
left: 160px;
top: 5px;
}
.price-off p
{
  color: red;
  font-size: 26px;
  font-weight: 500;
}
.old-price
{
  position: absolute;
  left: 100px;
  top: 10px;
}
.old-price p
{
 text-decoration: line-through;
 font-size: 15px;

}

.ratings-b
{
  
  padding-left:  20px;
}
.star-b
{
    border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 25px;
  color: #fff;
}
.star
{
  background-color: #188918;
  color: #fff;
 border-radius: 10px;
  width: 50px;
  
 
  height: 25px;
  
}


.ratings p
{
  font-size: 14px;
  line-height: 30px;
  color: #888;
}
.swiper-container {
      width: 100%;
      height: auto;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .button-l{
  margin-top: 10px;
}
    .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color:#000;
      opacity: 1;
      background: rgba(0,0,0,0.2);
    }
    .swiper-pagination-bullet-active {
      color:#fff;
      background: #007aff;
    }

    .right-aside
    {
      height: auto;
    }
    .right
    {
      padding-right: 0px;
      padding-left: 0px;
    }
    
     .card-body h4
     {
      font-size: 22px;
     }
    
    
    .type P
    {
      background-color: #fffc05;
      width: 150px;
      text-align: center;
      color: red;
      font-weight: 700;
    }
    .card
    {
      height: 605px;
      border: none;
      
    }
    @media (max-width: 425px)
    {
      .card
      {
        height: 560px;
      }
    }


     


    .card-text
    {
      color: #585858;
      font-weight: 600;
    }
    
    .card-header span
    {
      text-align: right;
    }
    .card-header h2
    {
            background: -webkit-linear-gradient(0deg,#188918,#e5f438);
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    }
    .card-body h5
    {
      color: #fff;
    }
   
    
    .camp-activities
    {
      height: 70px;
      margin-top: 10px;
      
      /*margin-left: 5px;*/
      width: 85px;
      padding-left: 0px;
      padding-right: 0px;

    }
    .camp-activities p
    {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
   
    }
    .camp-activities img
    {
      width: 50px;
      height: 50px;
      display: block;
      margin-left: auto;
      margin-right: auto;

    }   
    .banner-photos
    {
      margin-top: 0px;
      text-align: center;
    }
    @media (min-width: 600px)
    {
      .banner-photos
      {
        display: none;
      }
    }
    .button
    {
      text-align: center;
      height: 50px;
      width: auto;
      line-height: 30px;
      width: auto;
      background-image: linear-gradient(0deg, #188918, #e5f438); 
      padding: 10px;
      margin: 5px;
      margin-left: 18px;
      position: block;
      float: left;
     
      border-radius: 10px;
      
    }
    .camp-text
    {
      
      font-size: 14px;
      font-weight: 700;
    }
    .camp-text span
    {
      color: #fff;
    }
   .aside-f
   {
    height: 75px;
    position: relative;

    
   }
     
    .button-text
    {
      color: #fff;
      font-size: 20px;
    }
    .button p
    {
      line-height: 25px;
    }
    .button a
    {
      width: 100%;
      height: 100%;

    }
    .button span
    {
      
      color: #fff;
      font-size: 20px;
      font-weight: 600;
      letter-spacing: 1px;


    }

    /* gallery*/
    .gallery
    {
      margin: 10px 50px;

    }
    .gallery img
    {
      width: 300px;
      height: 180px;
      margin-left: 30px;

      
      transition: 1s;

    }
    .gallery img:hover
    {
      filter: grayscale(0);
      transform: scale(1.1);
    } 

     @media (max-width: 600px)
      {
    .gallery
       {
      margin: auto 2px auto 2px;
       }
       .gallery img
    {
      width: 230px;
      padding: 1px;
      
      transition: 1s;

    }
     }
     .about
     {
      margin-top: 20px;
     }
@media (max-width: 425px)
{
  .right-aside
  {
    margin-top: 5px;
  }
}
.check img
{
  height: 50px;
  width: 50px;

}
.check p
{
  color: #6b6e6b;
  font-size: 16px;
  font-weight: 400;
}
.facilites img
{
  height: 40px;
  width: 40px;
}
.facilites-text p
{
  margin-top: 18px;
  margin-left: 10px;
  
}
.nav-bottom img
{
  width: 40px;
  height: 40px;
}
.nav-bottom
{
  background-color: #188918;
}
.nav-bottom li
{
  float: left;
  margin-left: 100px;
}

.section-price
{
  margin-top: 20px;
}
.section-price h4
{
  margin-bottom: 20px; 
}
.responsiveTbl
{
  box-shadow: 5px 5px 5px #888888;
}


.responsiveTbl table {
 text-align: center;
 width: 100%;
}
tr
{
  color: #188918;
  font-weight: 700;
 
  
}
th
{
  background-color: #188918;
  color: #fff;
}


th,
td {
 padding: 15px 20px;
 width: 200px;
 border: 2px solid black;
 
 
 vertical-align: middle
 &:nth-child(2) {
  text-align: left;
 }




th {
 background: $primary-color;
 color: $white;
 font-weight: 500;
 text-transform: uppercase;
 padding: 25px 20px;
}
.responsiveTbl
{
  margin-top: 10px;
  background-color: #fff;
  border-radius: 10px;
 
}
.photo-button
{
  
  position: absolute;
  bottom: 8px;
  right: 16px;
  background-color: rgba(0,0,0,0.5);
  width: 200px;
  height: 50px;
  
}
.photo-button a
{
  text-decoration: none;
  color: #fff;
  line-height: 50px;
  font-size: 20px;

}
@media (max-width: 800px)
{
  .photo-button
  {
    display: none;
  }
}
.carousel-inner .carousel-item {
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
.bottom-nav
{
  height: 60px;

  background-color: #188918;
  padding: 5px;
 
}
.bottom-nav-btn
{
  background-color: #fff;
  height: 30px;

  line-height: 30px;
  border-radius: 10px;
  color: #188918;
  font-weight: 700;
  font-size: 20px;
  margin-top: 7px;
}