.tt-blog-repeator-pck-title h3{
	font-size: 22px;
	font-weight: 500;
	border-left: 2px solid #ff3636;
	padding-left: 14px;
}
.lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.lightbox img {
    border-radius: 10px;
    height: 70%;
    width: 55%;
    object-fit: cover;
} 
    
.lightbox .prev, .lightbox .next {
    height: 40px;
    width: 40px;
    position: absolute;
    font-size: 1.5rem;
    background-color: transparent;
    color: #ffffff;
    padding: 10px;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    z-index: 1001;
}
.lightbox .prev {
    background-color: rgb(129 117 117 / 70%) !important;
    padding: 0px !important;
    border-radius: 50% !important;
    position: relative;
    right: 25px;
}
.lightbox .next {
    background-color: rgb(129 117 117 / 70%) !important;
    padding: 0px !important;
    border-radius: 50% !important;
    position: relative;
    left: 25px;
}
.lightbox .close {
    position: absolute;
    top: 20px;
    padding: 10px;
    right: 20px;
    font-size: 2rem;
    color: #ffffff;
    background-color: rgb(129 117 117 / 70%) !important;
    cursor: pointer;
    border: none;
    z-index: 1001;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    opacity: 1;
}

 
    .tt-destination-repeater{
       box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
       margin-bottom: 20px;
    }
    .tt-blog-rep-info{
        padding: 30px;
        border-radius: 0 0 10px 10px;
        background: #fefeff;
    }
   .tt-destination-desc {
        font-size:14px;
        text-align: justify;
        line-height: 1.5;
    }
    .moreless-button{
        color: #ff6600;
        font-size:14px;
    }
    /* --- Activities List --- */
    .tt-my-activity-points {
        list-style-type: none;
        padding-left: 0;
        margin: 0;
    }

    .tt-my-activity-points li {
        position: relative;
        padding: 5px 0 5px 15px;
        color: #555;
    }

    /* Custom bullet using Coral Purple */
    .tt-my-activity-points li::before {
        content: "•";
        color: #9C27B0; 
        font-size: 1.2em;
        position: absolute;
        left: 0;
        top: 5px;
    }
        .tt-rep-des {
            position: relative;
            font-size:14px;
        }

        .tt-rep-des .tt-destination-desc {
            max-height: 60px;
            overflow: hidden;
            position: relative;
        }

        .tt-rep-des .tt-destination-desc::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 40px;               
            background: linear-gradient(
                to bottom,
                rgba(255, 255, 255, 0),
                #ffffff
            );                         
        }

        .tt-rep-des.is-expanded .tt-destination-desc {
            max-height: none;
        }

        .tt-rep-des.is-expanded .tt-destination-desc::after {
            display: none;
        }

        /* optional styling for the link */
        .moreless-button {
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
            color: #ff5a1f;             
        }

        .moreless-button:hover,.moreless-button:focus {
            text-decoration: none;
            color: #ff5a1f;             
        }

        

        .location-table{
    width:100%; border-collapse:collapse; margin-top:15px;
}
.location-table td{
    padding:10px; border:1px solid #ddd;
    font-size: 14px;
}
.location-table td:first-child{
    font-weight:bold;
    border-left: 2px solid #ff3636;
}
@media(max-width:576px){
  .location-table td{
      padding:5px; 
      border:1px solid #ddd;
      font-size: 12px;
  }
  .lightbox img {
 
        border-radius: 10px;
        object-fit: cover;
        height: 40%;
        width: 75%;
    
    }
   .lightbox .prev {
    
    position: relative;
    right: 5px;
}
.lightbox .next {
     
    position: relative;
    left: 5px;
}
}

    @media(max-width:768px){
        .tt-blog-rep-info{
            box-shadow:none;
            padding: 8px;
            border: 0;
            border-radius: 0;
            background: #fff;
        }
    }