.button-group{
    display: flex;
    justify-content:flex-start;
    gap:11px;
    padding-top:2rem;
}

.pool-heading{
    font-weight:600!important;
}

.pool-desc{
    line-height: 40px;
}

.w-lg-82{
	width:82.8%;
}

.swimming-slider-image img {
      width: 100%;
      height: auto;
    }
    .slick-prev, .slick-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: #fff;
      border: none;
      padding: 10px;
      cursor: pointer;
      z-index: 10;
    }
    .slick-prev {
      left: 10px;
    }
    .slick-next {
      right: 10px;
    }
    .is-active {
      border: 2px solid #007bff; /* Highlight the active thumbnail */
    }


    .pricing_table{
      border: 2px solid #05433c;
      border-radius:4px;
      margin-top: 1.82rem;
    
    }


    .pricing_table  table {
            width: 100%;
            border-collapse: collapse;
           
        }
    
        

        .pricing_table  table th, td {
             border: 2px solid #05433c;
        }
        .pricing_table  th, td {
            padding: 10px;
            text-align: center;
        }

        .pricing_table td{
          color:#396862;
        }
        .pricing_table  th {
          background-color: #F2EEE8;
          color:#396862;
        }

        .pricing_table tbody tr:nth-child(odd), thead tr:nth-child(odd) {
            background-color: #FFFFFF;
        }
        .pricing_table tr:nth-child(even), thead tr:nth-child(even) {
            background-color: #F2EEE8;
        }

        .pricing_table_btn {
          margin-top: 1.82rem;
        }



        .table_section{
          margin-bottom:4rem;
        }






    @media(max-width:768px){
	.home-slider .title h1 {
        font-size: 4rem!important;
        text-align: center;
    }

    .w-lg-82 {
      width: 100%;
  }


  .topSlide img{
    height: 300px!important;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
  }

  .pricing_table {
    overflow: scroll;
}
		
		
    
}

.topSlide img{
  height: 500px;
  max-width: 100%;
  width: 100%;
  object-fit: cover;
}
.bottomSlide img{
  height: 100px;
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  margin-top: 27px;
}



.slick-slide{
  padding: 0px 6px;
}


.swim_carousel{
  margin-bottom: 4rem;
}