.single-price {
    text-align: center;
    background: #262626;
    transition: .7s;
    border-radius: 30px;
    margin-top: 50px;
  }
  .single-price h3 {
    font-size: 25px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin: 0;
    margin-top: -80px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #fff;
  }
  .single-price h4 {
    font-size: 48px;
    font-weight: 500;
    color: #fff;
  }
  .single-price h5{
    color: #fff;
  }
  .single-price h6{
    color: #E4E4E4;
    padding-top: 20px;
  }
  .single-price h4 span.sup {
    vertical-align: text-top;
    font-size: 25px;
  }
  .deal-top {
    position: relative;
    background: #16A086;
    font-size: 16px;
    text-transform: uppercase;
    padding: 136px 24px 0;
  }
  .deal-top::after {
    content: "";
    position: absolute;
    left: 0;
    top: 136px;
    width: 0;
    height: 0;
    border-top: 50px solid #16A086;
    border-right: 200px solid transparent;
  }
  .deal-bottom {
    padding: 56px 16px 0;
  }
  .deal-bottom ul {
    margin: 0;
    padding: 0;
    
  }
  .deal-bottom  ul li {
    font-size: 19px;
    color: #fff;
    font-weight: 600;
    margin-top: 16px;
    border-top: 1px solid #E4E4E4;
    padding-top: 16px;
    list-style: none;
  }
  .btn-area a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background: #16A086;
    padding: 8px 64px;
    margin-top: 32px;
    border-radius: 4px; 
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
  }
  
  
  .single-price:hover {
    background: #16A086;
  }
  .single-price:hover .deal-top {
    background: #262626;
  }
  .single-price:hover .deal-top:after {
    border-top: 50px solid #262626;
  }
  .single-price:hover .btn-area a {
    background: #262626;
  }
  
  
  
  
  
  /* ignore the code below */
  
  
  .link-area
  {
    position:fixed;
    bottom:20px;
    left:20px;  
    padding:15px;
    border-radius:40px;
    background:rgb(93, 255, 29);
  }
  .link-area a
  {
    text-decoration:none;
    color:#fff;
    font-size:25px;
  }
   .packages {
            padding: 20px;
            text-align: center;
        }

        /* Package title */
        .packages h4 {
            font-size: 24px;
            margin: 0;
            text-transform: uppercase;
            color: #333;
        }
  /* below package list */
.Content h4{
    padding-bottom: 20px;
}
 .list {
            list-style: none;
            padding: 0;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

        .list li {
            margin: 10px;
            flex: 1;
        }

        /* Package item */
        .item {
            border: 1px solid #ddd;
            padding: 20px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .item .name {
            font-size: 18px;
            color: #333;
            font-weight: 900;
        }
        .images {
            display: flex;
            justify-content: center;
            margin-top: 10px;
        }

        .images img {
            width: 50px;
            margin: 5px;
        }

        .item img {
            width: 50px;
            margin: 5px;
          height: 80px;
            display: flex;
        }

        .item .price {
            font-size: 20px;
            color: #007bff;
            margin-top: 10px;
        }

        /* Button style */
       

        /* Media queries for responsiveness */
        @media screen and (max-width: 768px) {
            .list {
                flex-direction: column;
                align-items: center;
            }
            .list li {
                width: 100%;
            }
        }
  /* packages-1 */
  .packages-1{
    padding: 50px;
  }
  .packages-1 h4{
    justify-content: center;
    text-align: center;
  }

@media screen and (max-width:1100px){
  .deal-top::after {
    flex: 50%;
  }
}