.portfolio-container{display:flex;justify-content:space-around}.portfolio-feature{flex:1;position:relative;overflow:hidden;margin:10px;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.portfolio-feature img{display:block;width:100%;height:auto;border-radius:8px;transition:transform 0.3s ease-in-out}.portfolio-feature:hover img{transform:scale(1.1)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;background:rgb(0 0 0 / .7);color:#fff;transition:opacity 0.3s ease-in-out}.portfolio-feature:hover .overlay{opacity:1}.overlay h2{margin:0;font-size:1.5em;color:#fff;text-align:center}.accordion-item{border:1px solid #ccc;margin:5px;border-radius:5px;overflow:hidden;transition:height 0.3s ease}.accordion-header{background-color:#f5f5f5;padding:10px;display:flex;justify-content:space-between;cursor:pointer;transition:background-color 0.3s ease}.accordion-content{padding:10px;display:none}.plus-sign{color:#c21605;font-size:20px;line-height:1;margin:0;padding:0}.accordion-header:hover{background-color:#e0e0e0}.accordion-item.open{height:auto}.master-container{display:flex;justify-content:center;gap:15px}.sub-container{width:355px}.scroll-container{background-color:#fff;border:1px solid #cecece;border-radius:4px;height:300px;margin-bottom:30px;overflow-y:auto;padding:5px}.scroll-container::-webkit-scrollbar{width:3px}.scroll-container::-webkit-scrollbar-thumb{background-color:#c21605;border-radius:6px}.scroll-container::-webkit-scrollbar-track{background-color:#cecece;border-radius:6px}.content{background-color:#fff!important}.content li{background:0}.img-logo{display:flex;align-items:center;justify-content:space-evenly;margin-left:-54px}.slidewrap{width:40%;height:344px;margin:6% 0 0 11%;padding:0;float:inline-start;overflow:hidden}.rating-container{margin:auto;width:50%;padding:10px;margin-bottom:0;box-sizing:border-box;border-radius:10px;display:flex;align-items:center;width:1000px;display:flex;background-color:#f5f5f5!important;margin-top:10px}.rating-card{display:flex}.img_2{width:50%;border-radius:50%}.right-div{margin-top:6px;height:80px;width:150px}.left-div{margin-top:20px;height:80px;width:150px;padding:0}.rating-container-feature{margin:auto;width:50%;padding:10px;margin-bottom:0;box-sizing:border-box;border-radius:10px;display:flex;align-items:center;width:100%;background-color:#f5f5f5!important}.rating-card-feature{display:flex}.img_2-feature{width:50%;border-radius:50%}.right-div-feature{margin-top:6px;height:80px;width:150px}.left-div-feature{margin-top:30px;height:80px;width:150px;padding:0}.stars{color:orangered!important}.service-master-container{display:flex;gap:15px}.service-container{width:23%;height:580px;border-radius:20px;box-shadow:5px;background-color:#fff;box-shadow:0 0 5px 0 #cbc0c0}.service-img{width:100%;height:30%;border-top-right-radius:10px;border-top-left-radius:10px}.service-sub2-container{display:flex}.sub-child-img{margin-left:28px;height:50px;width:50px;border-radius:50%}#text{margin-left:13px;text-align:center;font-size:14px}#headtext{text-align:center}#plaintext{padding:5px}.footer-img{margin-top:-90px}a,a:hover,a:focus,a:active{text-decoration:none;outline:0}a,a:active,a:focus{color:#333;text-decoration:none;transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-duration:0.2s;-ms-transition-duration:0.2s;-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s}ul{margin:0;padding:0;list-style:none}span,a,a:hover{display:inline-block;text-decoration:none;color:inherit}.pt-5,.py-5{padding-top:0!important;padding-bottom:0!important}.section-head{margin-bottom:60px}.section-head h4{position:relative;padding:0;color:#c21605;line-height:1;letter-spacing:.3px;font-size:34px;font-weight:700;text-align:center;text-transform:none;margin-bottom:30px}.section-head h4:before{content:"";width:60px;height:3px;background:#c21605;position:absolute;left:0;bottom:-10px;right:0;margin:0 auto}.section-head h4 span{font-weight:700;padding-bottom:5px;color:#2f2f2f}p.service_text{color:#ccc!important;font-size:16px;line-height:28px;text-align:center}.section-head p,p.awesome_line{color:#000;font-size:16px;line-height:28px;text-align:center}.extra-text{font-size:34px;font-weight:700;color:#2f2f2f;margin-bottom:25px;position:relative;text-transform:none}.extra-text::before{content:"";width:60px;height:3px;background:#c21605;position:absolute;left:0;bottom:-10px;right:0;margin:0 auto}.extra-text span{font-weight:700;color:#c21605}.item{background:#fff;text-align:center;padding:30px 25px;-webkit-box-shadow:0 0 25px rgb(0 0 0 / .07);box-shadow:0 0 25px rgb(0 0 0 / .07);border-radius:20px;border:5px solid rgb(0 0 0 / .07);margin-bottom:30px;-webkit-transition:all 0.5s ease 0;transition:all 0.5s ease 0;transition:all 0.5s ease 0}.item:hover{background:#c21605;box-shadow:0 8px 20px 0 rgb(0 0 0 / .2);-webkit-transition:all 0.5s ease 0;transition:all 0.5s ease 0;transition:all 0.5s ease 0}.item:hover .item,.item:hover span.icon{background:#fff;border-radius:10px;-webkit-transition:all 0.5s ease 0;transition:all 0.5s ease 0;transition:all 0.5s ease 0}.item:hover h6,.item:hover p{color:#fff;-webkit-transition:all 0.5s ease 0;transition:all 0.5s ease 0;transition:all 0.5s ease 0}.item .icon{font-size:40px;margin-bottom:25px;color:#c21605;width:90px;height:90px;line-height:96px;border-radius:50px}.item .feature_box_col_one{background:rgb(247 198 5 / .2);color:#c21605}.item .feature_box_col_two{background:rgb(255 77 28 / .15);color:#c21605}.item .feature_box_col_three{background:rgb(0 147 38 / .15);color:#c21605}.item .feature_box_col_four{background:rgb(0 108 255 / .15);color:#c21605}.item .feature_box_col_five{background:rgb(146 39 255 / .15);color:#c21605}.item .feature_box_col_six{background:rgb(23 39 246 / .15);color:#c21605}.item p{font-size:15px;line-height:26px}.item h6{margin-bottom:20px;color:#2f2f2f}.mission p{margin-bottom:10px;font-size:15px;line-height:28px;font-weight:500}.mission i{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;background:#c21605;border-radius:50%;color:#fff;font-size:25px}.mission .small-text{margin-left:10px;font-size:13px;color:#666}.skills{padding-top:0}.skills .prog-item{margin-bottom:25px}.skills .prog-item:last-child{margin-bottom:0}.skills .prog-item p{font-weight:500;font-size:15px;margin-bottom:10px}.skills .prog-item .skills-progress{width:100%;height:10px;background:#e0e0e0;border-radius:20px;position:relative}.skills .prog-item .skills-progress span{position:absolute;left:0;top:0;height:100%;background:#c21605;width:10%;border-radius:10px;-webkit-transition:all 1s;transition:all 1s}.skills .prog-item .skills-progress span:after{content:attr(data-value);position:absolute;top:-5px;right:0;font-size:10px;font-weight:600;color:#fff;background:rgb(0 0 0 / .9);padding:3px 7px;border-radius:30px}.slider-container{display:flex;overflow:hidden;margin:20px}.slider{display:flex;transition:transform 0.5s ease-in-out;width:100%}.slide{min-width:calc(33.33% - 20px);box-sizing:border-box;margin-right:20px}section{background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0 / .1);padding:20px;text-align:left}h4,h2{color:#e44d26;margin-bottom:10px}a{color:#e44d26;text-decoration:none}p{margin-bottom:20px;color:#555}.wrapper-master-container{display:flex;align-items:center;justify-content:center;min-height:auto;background:#fff}.slider-wrapper-container{max-width:1200px;width:100%}.slider-wrapper{position:relative}.slider-wrapper .slide-button{position:absolute;top:50%;outline:none;border:none;height:50px;width:50px;z-index:5;color:#fff;display:flex;cursor:pointer;font-size:2.2rem;background:#000;align-items:center;justify-content:center;border-radius:50%;transform:translateY(-50%)}.slider-wrapper .slide-button:hover{background:#404040}.slider-wrapper .slide-button#prev-slide{left:-25px;display:none}.slider-wrapper .slide-button#next-slide{right:-25px}.slider-wrapper .image-list{display:grid;grid-template-columns:repeat(10,1fr);gap:32px;font-size:0;list-style:none;margin-bottom:30px;overflow-x:auto;scrollbar-width:none}.slider-wrapper .image-list::-webkit-scrollbar{display:none}.slider-wrapper .image-list .image-item{width:361px;height:201px;object-fit:cover}.container .slider-scrollbar{height:24px;width:100%;display:flex;align-items:center}.slider-scrollbar .scrollbar-track{background:#ccc;width:100%;height:2px;display:flex;align-items:center;border-radius:4px;position:relative}.slider-scrollbar:hover .scrollbar-track{height:4px}.slider-scrollbar .scrollbar-thumb{position:absolute;background:#000;top:0;bottom:0;width:50%;height:100%;cursor:grab;border-radius:inherit}.slider-scrollbar .scrollbar-thumb:active{cursor:grabbing;height:8px;top:-2px}.slider-scrollbar .scrollbar-thumb::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}.hero-banner{position:relative;width:100%;height:auto;background:url(../images/home/slidebg.webp) no-repeat center center;background-size:cover;font-family:"Segoe UI",sans-serif}.hero-overlay{background:linear-gradient(to right,rgb(194 22 5 / .95),rgb(194 22 5 / .85));max-width:53%;height:100%;padding:40px 30px;display:flex;flex-direction:column;align-items:flex-start;clip-path:polygon(0 0,100% 0,85% 100%,0% 100%);position:relative}.hero-content{max-width:480px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .2);margin-bottom:15px}.hero-content h1{font-size:24px;color:#c21605;margin-bottom:12px}.hero-content .subtitle{font-size:16px;color:#333;margin-bottom:8px}.hero-content .description{font-size:15px;color:#555;margin-bottom:20px}.hero-btn{background-color:#c21605;color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:700;font-size:15px;box-shadow:0 4px 12px rgb(0 0 0 / .25);transition:background 0.3s ease}.hero-btn:hover{background-color:#a81204}.play-badge{margin-left:10px}.play-badge img{height:42px;width:auto;transition:transform 0.3s ease}.play-badge img:hover{transform:scale(1.05)}.press-section{background:#fff;padding:30px 20px;text-align:center;box-shadow:0 0 15px rgb(0 0 0 / .05);border-radius:10px;margin:0 auto;max-width:1100px}.press-title{font-size:28px;font-weight:700;color:#222;margin-bottom:30px}.press-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:30px;align-items:center;justify-items:center}.press-logos img{max-height:90px;width:auto;object-fit:contain;transition:filter 0.3s ease}.press-logos img:hover{filter:grayscale(0%)}.app-download-box{background:#f2f2f266;border-radius:10px;padding:20px;margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;box-shadow: 0 2px 10px rgb(0 0 0 / 16%)}.left-content{flex:1 1 300px;margin-bottom:20px;margin-left:38px}.left-content h2{font-size:28px;margin-bottom:10px}.left-content p{font-size:14px;margin-bottom:15px}.phone-form{display:flex;flex-wrap:wrap;gap:10px}.phone-form input[type="text"]{padding:10px;width:100%;max-width:250px;border:1px solid #ccc;border-radius:5px}.phone-form button{background-color:#003581;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.app-links{flex:1 1 1px;text-align:center;margin-top:10px}.app-links img{width:140px;max-width:100%;margin-bottom:10px}.qr-code img{width:180px;max-width:100%}.app-store-row{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap}.app-store-row img{max-width:180px;height:auto}@media (max-width:900px){.slide{min-width:calc(100% - 0px);margin-right:0}}@media (max-width:768px){.slider-wrapper .slide-button{display:none!important}.app-download-box{flex-direction:column;align-items:center;text-align:center}.left-content{margin-left:auto}.left-content p{text-align:center}.app-links{margin-top:-25px!important}.app-download-box{margin: 40px 0!important}.phone-form{flex-direction:column;align-items:center}.phone-form input[type="text"],.phone-form button{width:100%;max-width:300px}.hero-overlay{align-items:center;max-width:100%!important;clip-path:none}.hero-banner{background:none}.hero-content{width:100%;text-align:center}.play-badge{margin:20px auto 0 auto}.slider-wrapper .image-list{gap:10px;margin-bottom:15px;scroll-snap-type:x mandatory}.slider-wrapper .image-list .image-item{width:auto;height:198px}.slider-scrollbar .scrollbar-thumb{width:20%}.portfolio-container{display:flex;flex-direction:column}.master-container{display:flex;padding:0!important;flex-direction:column}.sub-container{width:auto;padding:0!important}.content li{background:0}.lower_div_outer{width:100%;display:flex;flex-direction:column}.img-logo{width:100%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:-126px}.logo{padding:10px;display:flex;margin-left:10px;justify-content:center;align-items:center}.footer-img{margin-top:-34px}.slidewrap{width:100%;height:auto;margin:0 auto;padding:0;overflow:hidden}.rating-container{flex-direction:column;align-items:center;box-sizing:border-box;width:auto;height:auto}.rating-card{width:100%;margin:0 auto}.right-div,.left-div{text-align:center;padding:10px 0}.rating-container-feature{flex-direction:column;align-items:center;box-sizing:border-box;width:auto;height:auto}.rating-card-feature{width:100%;margin:0 auto}.right-div-feature,.left-div-feature{text-align:center;padding:10px 0}.service-master-container{display:block;padding-left:0}.service-container{flex-direction:column;width:100%;height:auto;margin-top:10px}.sub-child-img{margin-left:56px}#text{margin-left:40px}}.tav-section-frame {
      max-width: 100%;
      width: 100%;
      margin: 40px auto;
      padding: 0px;
    }

    .tav-flex-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
    }

    /* ===== CARD ===== */
    .tav-card-item {
      position: relative;
      flex: 1 1 calc(25% - 20px);
      min-width: 260px;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      transition: transform 0.3s ease;
    }

    .tav-card-item:hover {
      transform: translateY(-6px);
    }

    .tav-media-img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    /* ===== BUTTON ===== */
    .tav-action-btn {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      background-color: #e74c3c;
      color: white;
      border: none;
      padding: 10px 5px;
      font-size: 0.9rem;
      font-weight: bold;
      border-radius: 0px 13px 15px 15px;
      cursor: pointer;
      transition: background 0.3s ease;
      z-index: 2;
    }

    .tav-action-btn:hover {
      background-color: #c0392b;
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 1024px) {
      .tav-card-item {
        flex: 1 1 calc(50% - 20px);
      }
    }

    @media (max-width: 600px) {
      .tav-section-frame {
        max-width: 90%;
        padding: 10px;
      }
    }

    /* 2nd card*/

    .tav-main-container {
      max-width: 100%;
      margin: 40px auto;
      
    }

    /* Heading & Description */
    .tav-main-heading {
      text-align: center;
      font-size: 30px;
      color: #e74c3c;
      margin-bottom: 15px;
    }

    .tav-main-para {
      text-align: left;
      font-size: 15px;
      color: #555;
      margin-bottom: 40px;
    }

    /* Slider Container */
    .tav-slider-frame {
      position: relative;
      overflow: hidden;
    }

    .tav-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      background-color: rgba(255, 255, 255, 0.9);
      border: none;
      border-radius: 50%;
      font-size: 1.5rem;
      color: #333;
      cursor: pointer;
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
      z-index: 10;
      display: flex;
      align-items: center;
      justify-content: center;
      outline: none;
    }

    .tav-arrow-left {
      left: 10px;
    }

    .tav-arrow-right {
      right: 10px;
    }

    .tav-arrow:disabled {
      opacity: 0.4;
      cursor: not-allowed;
    }

    .tav-cards-wrapper {
      display: flex;
      gap: 20px;
      padding: 10px 0;
      transition: transform 0.5s ease;
    }

    .tav-card-module {
      flex: 0 0 calc(25% - 20px); /* 4 per row on desktop */
      min-width: 260px;
      border-radius: 12px;
      overflow: hidden;
      background: white;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

    .tav-card-img {
      width: 100%;
      height: 160px;
      object-fit: cover;
    }

    .tav-card-content {
      padding: 15px;
      text-align: center;
    }

    .tav-card-content p {
      color: #666;
      font-size: 15px;
      margin-bottom: 15px;
    }

    .tav-action-trigger {
      display: block;
       
      background-color: #e74c3c;
      color: white;
      border: none;
      padding: 10px 0;
      font-size: 0.95rem;
      font-weight: bold;
      border-radius: 6px;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    .tav-action-trigger:hover {
      background-color: #c0392b;
    }

    /* RESPONSIVE: Tablet & Mobile */
    @media (max-width: 1024px) {
      .tav-card-module {
        flex: 0 0 calc(50% - 20px); /* 2 per row */
      }
    }

    @media (max-width: 600px) {
      .tav-card-module {
        flex: 0 0 100%; /* 1 card at a time */
      }
      .main-container {
        max-width: 90%;
      }
    }


    /* 3rd part Css*/
   :root {
    --primary-color: #d32f2f;
    --secondary-color: #1976d2;
    --accent-color: #4CAF50;
    --text-dark: #333;
    --text-light: #777;
    --bg-white: #fff;
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --card-radius: 8px;
    --card-width: 500px; /* Increased from 450px to 500px */
}

.container--tour-packages-tav {
    max-width: 1200px;
    margin: 0 auto;
}

/* ===== CARDS CONTAINER ===== */
.cards-container--main-tav {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

/* ===== TOUR CARD BASE ===== */
.tour-card--base-tav {
    width: 100%;
    max-width: var(--card-width);
    background: var(--bg-white);
    border-radius: var(--card-radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tour-card--base-tav:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

@media (min-width: 768px) {
    .tour-card--base-tav {
        flex-direction: row;
        max-width: var(--card-width);
    }
}

/* ===== IMAGE SECTION (40%) ===== */
.card-image--tour-tav {
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
    background: #eee;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    .card-image--tour-tav {
        width: 40%;
        height: auto;
        min-height: 200px;
    }
}

.card-image--tour-tav img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background-color: #fff;
    display: block;
}

.tour-card--base-tav:hover .card-image--tour-tav img {
    transform: scale(1.05);
}

/* ===== CONTENT SECTION (60%) ===== */
.card-content--details-tav {
    padding: 12px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height:10px;
}

@media (min-width: 768px) {
    .card-content--details-tav {
        width: 60%;
    }
}

.card-header--package-tav {
    background: linear-gradient(135deg, var(--primary-color), #b71c1c);
    color: white;
    padding: 10px 5px;
    text-align: center;
    font-weight: bold;
    position: relative;
    width: 100%;
    margin-bottom: 0px;
    border-top-left-radius: var(--card-radius);
    border-top-right-radius: var(--card-radius);
    font-size: 20px;
}

.ribbon--new-tav {
    position: absolute;
    top: -8px;
    right: -8px;
    background: linear-gradient(135deg, var(--primary-color), #b71c1c);
    color: white;
    padding: 4px 12px;
    border-radius: 0 5px 0 5px;
    transform: rotate(45deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.card-title--tour-name-tav {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 6px;
    color: var(--text-dark);
}

.package-duration--text-tav {
    color: var(--primary-color);
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 16px;
}

.attractions-list--items-tav {
    list-style-type: none;
    margin: 8px 0;
    flex: 1;
    line-height:10px;
}

.attractions-list--items-tav li {
    margin-bottom: 4px;
    position: relative;
    padding-left: 15px;
    font-size: 15px;
    line-height:15px;
}

.attractions-list--items-tav li:before {
    
    position: absolute;
    left: 0;
    color: var(--primary-color);
}
 
.more-link--expand-tav {
    text-align: right;
    color: var(--text-light);
    font-size: 13px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.more-link--expand-tav:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.inclusions-section--group-tav {
    margin-top: 12px;
    margin-bottom: 12px;
}

.inclusions-title--label-tav {
    font-weight: bold;
    margin-bottom: 6px;
    font-size: 14px;
}

.inclusions-icons--row-tav {
    display: flex;
    gap: 8px;
}

.icon--service-tav {
    font-size: 16px;
    color: var(--primary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ===== BUTTON SECTION ===== */
.card-buttons--action-tav {
    display: flex;
    gap: 6px;
}

.btn--action-tav {
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    position: relative;
    overflow: hidden;
}

.btn--view-details-tav {
    background-color: var(--secondary-color);
    color: white !important;
}

.btn--view-details-tav:hover {
    background-color: #1565c0;
    box-shadow: 0 0 10px rgba(25, 118, 210, 0.5);
}

.btn--whatsapp-contact-tav {
    background-color: var(--accent-color);
    color: white;
}

.btn--whatsapp-contact-tav:hover {
    background-color: #388E3C;
    box-shadow: 0 0 10px rgba(76, 175, 80, 0.5);
}

.btn--enquire-now-tav {
    background-color: var(--primary-color);
    color: white !important;
}

.btn--enquire-now-tav:hover {
    background-color: #b71c1c;
    box-shadow: 0 0 10px rgba(211, 47, 47, 0.5);
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 767px) {
    .container--tour-packages-tav {
        max-width: 90%; /* left-right 10% space */
        margin: 0 auto;
        padding: 0;
    }

    .cards-container--main-tav {
        gap: 20px;
        justify-content: center;
    }

    .tour-card--base-tav {
        flex-direction: column;
        max-width: 100%;
    }

    .card-image--tour-tav {
        height: 150px;
        width: 100%;
    }

    .card-content--details-tav {
        padding: 12px;
    }

    .card-title--tour-name-tav {
        font-size: 16px;
    }

    .package-duration--text-tav {
        font-size: 13px;
    }

    .btn--action-tav {
        padding: 5px 10px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .container--tour-packages-tav {
        max-width: 90%;
        margin: 0 auto;
    }

    .card-content--details-tav {
        padding: 10px;
    }

    .card-title--tour-name-tav {
        font-size: 16px;
    }

    .attractions-list--items-tav li {
        font-size: 15px;
    }

    .inclusions-icons--row-tav {
        gap: 5px;
    }

    .icon--service-tav {
        font-size: 15px;
    }
}

/* ===== MICRO ANIMATION FOR "and more..." ===== */
.more-link--expand-tav::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 2px;
    background: var(--primary-color);
    vertical-align: middle;
    margin-left: 5px;
    transition: width 0.3s ease;
}

.more-link--expand-tav:hover::after {
    width: 12px;
}

/* 4th part Css*/

 .mainwrapper_tlr {
            display: flex;
            max-width: 100%;
            margin: 20px auto;
            gap: 30px;
            padding: 0 0px;
        }

        /* Left Content */
        .contentleft_tlr {
            flex: 1;
            min-width: 280px;
        }

        .headleft_tlr {
            font-size: 28px;
            font-weight: 800;
            background: linear-gradient(90deg, #8e2de2, #4a00e0);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 16px;
            line-height: 1.3;
        }

        .textleft_tlr {
            color: #555;
            line-height: 1.6;
            font-size: 16px;
        }

        /* Right Gallery */
        .imageright_tlr {
            flex: 1;
            min-width: 280px;
        }

        .headright_tlr {
            font-size: 26px;
            font-weight: 800;
            color: #222;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 8px;
        }

        .headright_tlr::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 3px;
            background: linear-gradient(90deg, #ff6b6b, #ff8e53);
            border-radius: 3px;
        }

        /* Image Grid */
        .gallerygrid_tlr {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .picitem_tlr {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            aspect-ratio: 1 / 1;
        }

        .picimg_tlr {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* ✅ Name at the BOTTOM of each image */
        .picname_tlr {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 8px;
            font-size: 14px;
            font-weight: 600;
            text-align: center;
            backdrop-filter: blur(2px);
        }

        /* Mobile: 2 columns */
        @media (max-width: 768px) {
            .mainwrapper_tlr {
                flex-direction: column;
            }

            .headleft_tlr,
            .headright_tlr {
                font-size: 24px;
            }

            .gallerygrid_tlr {
                grid-template-columns: repeat(2, 1fr);
            }

            .picname_tlr {
                font-size: 13px;
                padding: 6px;
            }
        }

        /* 5TH CSS*/

          .srv-slider-wrapper {
      max-width: 1200px;
      margin: 0 auto;
      position: relative;
    }

    .srv-slider-container {
      overflow: hidden;
      padding: 20px 0;
    }

    .srv-slides {
      display: flex;
      transition: transform 0.4s ease-in-out;
    }

    .srv-slide {
      min-width: 100%;
      padding: 0 10px;
    }

    @media (min-width: 768px) {
      .srv-slide {
        min-width: calc(100% / 3);
      }
    }

    .srv-card {
      background: white;
      border-radius: 16px;
      padding: 24px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .srv-card-content {
      display: flex;
      gap: 16px;
    }

    .srv-user-img {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      object-fit: cover;
      border: 2px solid #e0e0e0;
      flex-shrink: 0;
    }

    .srv-user-info {
      flex: 1;
    }

    .srv-user-name {
      font-size: 18px;
      font-weight: 600;
      color: #333;
    }

    .srv-rating {
      margin: 6px 0 12px;
      color: #ffc107;
      font-size: 16px;
    }

    .srv-statement {
      font-size: 15px;
      line-height: 1.5;
      color: #555;
    }
    .new-happy-customer{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin: 5px 0;
}

.review-button{
   padding: 8px 15px; 
   color: white !important;
   background-color: #c21605; 
   
   text-align: center;
   border-radius: 5px;
   font-size: large;
}
 

@media (max-width: 768px) {
    .new-happy-customer{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 50px 0;
    }
  }
  @media (max-width: 480px) {
    .new-happy-customer{
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin: 50px 0;
    }
  }

    /* Arrows */
    .srv-slider-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: white;
      border: none;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      box-shadow: 0 2px 8px rgba(0,0,0,0.15);
      font-size: 18px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10;
      transition: background 0.2s;
    }

    .srv-slider-arrow:hover {
      background: #f0f0f0;
    }

    .srv-prev {
      left: 10px;
    }

    .srv-next {
      right: 10px;
    }

    @media (max-width: 480px) {
      .srv-slider-arrow {
        width: 36px;
        height: 36px;
        font-size: 16px;
      }
    }