@media(max-width:900px){
    .pkgdeutthil-container{
        flex-direction:column !important;
        flex-wrap:wrap !important;
        padding:0 15px !important;
    }
    .pkgdeutthil-left,
    .pkgdeutthil-right{
        flex:0 0 100% !important;
        max-width:100% !important;
        min-width:100% !important;
    }
}

    .trmcndfuthil {
        max-width: 1100px;
        margin: 0 auto;
        padding: 25px 18px;
        font-family: Arial, sans-serif;
        color: #222;
        line-height: 28px;
    }

    .trmcndfuthil h1 {
        font-size: 32px;
        font-weight: 800;
        margin-bottom: 20px;
        color: #111;
    }

    .trmcndfuthil h2 {
        font-size: 24px;
        font-weight: 700;
        margin-top: 32px;
        margin-bottom: 12px;
        color: #000;
    }

    .trmcndfuthil p {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .trmcndfuthil ul {
        margin: 0 0 20px 20px;
        padding: 0;
    }

    .trmcndfuthil ul li {
        margin-bottom: 10px;
        font-size: 16px;
    }

    @media(max-width: 600px){
        .trmcndfuthil h1 {
            font-size: 26px;
            line-height: 34px;
        }
        .trmcndfuthil h2 {
            font-size: 20px;
        }
        .trmcndfuthil p, 
        .trmcndfuthil ul li {
            font-size: 15px;
            line-height: 26px;
        }
    }

    .blgofuthil {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        margin-top: 40px;
    }

    .blgofuthil h2 {
        text-align: center;
        margin-bottom: 25px;
        font-size: 26px;
        font-weight: 700;
    }

    .blgofuthil .blog-row {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .blgofuthil .blog-card {
        width: calc(25% - 15px);
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        transition: 0.3s;
    }

    .blgofuthil .blog-card:hover {
        transform: translateY(-5px);
    }

    .blgofuthil .blog-card img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

    .blgofuthil .blog-content {
        padding: 15px;
    }

    .blgofuthil .blog-title {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 10px;
        line-height: 22px;
    }

    .blgofuthil .blog-desc {
        font-size: 14px;
        color: #444;
        margin-bottom: 15px;
        line-height: 20px;
    }

    .blgofuthil .blog-link {
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
        color: #0073ff;
    }

    /* Tablet View */
    @media(max-width: 991px) {
        .blgofuthil .blog-card {
            width: calc(50% - 15px);
        }
    }

    /* Mobile View */
    @media(max-width: 600px) {
        .blgofuthil .blog-card {
            width: 100%;
        }
        .blgofuthil h2 {
            font-size: 22px;
        }
    }

    .blgdetlofuthh {
        width: 100%;
        padding: 0 18px;
        max-width: 1100px;
        margin: 0 auto;
        box-sizing: border-box;
        font-family: Arial, sans-serif;
    }

    .blgdetlofuthh .blog-title {
        font-size: 32px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        line-height: 40px;
        color: #111;
    }

    .blgdetlofuthh .blog-meta {
        font-size: 15px;
        color: #555;
        margin-bottom: 20px;
    }

    .blgdetlofuthh .blog-banner {
        width: 100%;
        height: 380px;
        border-radius: 12px;
        object-fit: cover;
        margin-bottom: 30px;
    }

    /* SOCIAL SHARE */
    .blgdetlofuthh .share-row {
        display: flex;
        gap: 12px;
        margin-bottom: 25px;
    }

    .blgdetlofuthh .share-row a {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        font-size: 18px;
    }

    .blgdetlofuthh .fb { background:#1877f2; }
    .blgdetlofuthh .tw { background:#1da1f2; }
    .blgdetlofuthh .wa { background:#25d366; }
    .blgdetlofuthh .in { background:#e4405f; }
    .blgdetlofuthh .ln { background:#0077b5; }

    /* BLOG CONTENT */
    .blgdetlofuthh .blog-content {
        font-size: 17px;
        line-height: 28px;
        color: #222;
        margin-bottom: 40px;
    }

    .blgdetlofuthh .blog-content h2 {
        font-size: 26px;
        margin-top: 30px;
        margin-bottom: 12px;
        font-weight: 700;
    }

    .blgdetlofuthh .blog-content img {
        width: 100%;
        margin: 22px 0;
        border-radius: 10px;
    }

    .blgdetlofuthh .quote-box {
        background: #f5f5f5;
        border-left: 5px solid #0078ff;
        padding: 15px;
        margin: 25px 0;
        font-style: italic;
        border-radius: 4px;
    }

    /* MOBILE VIEW */
    @media(max-width: 600px){
        .blgdetlofuthh .blog-banner {
            height: 220px;
        }
        .blgdetlofuthh .blog-title {
            font-size: 26px;
            line-height: 34px;
        }
        .blgdetlofuthh .blog-content {
            font-size: 15px;
            line-height: 25px;
        }
    }

.kpackgrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 30px 0;
}

/* PACKAGE BOX */
.kpackbox {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
}

/* IMAGE AREA – FIXED HEIGHT */
.kpackbox img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* CONTENT */
.kpcontent {
    padding: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* FIXED HEIGHT TITLE (2 LINES) */
.kp-title {
    min-height: 42px; /* 2 lines */
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 8px;
}

/* FIXED HEIGHT LOCATION BLOCK (3 LINES) */
.kp-location {
    min-height: 60px; /* around 3 lines */
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
}

/* OTHER TEXT */
.kpcontent p {
        font-size: 15px;
    margin: 2px 0;
}

/* BUTTON WRAP */
.pkg-btns {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 10px;
}

/* BUTTONS */
.detail-btn,
.enq-btn {
    padding: 0px 16px;
    border: 1px solid;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
}

.enq-btn {
    background: #0a5fdd;
    border: none;
    color: white;
}

/* HIDE SHORT MOBILE BUTTONS ON DESKTOP */
.mobile-show {
    display: none;
}

/* RESPONSIVE – MOBILE */
@media (max-width: 768px) {

    .kpackgrid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .desktop-show {
        display: none;
    }

    .mobile-show {
        display: inline-block;
    }

    .detail-btn,
    .enq-btn {
        padding: 0px 12px;
        font-size: 13px;
    }
    .pkg-btns {
              display: flex;
        gap: 10px;
        margin-top: auto;
        padding-top: 10px;
        flex-direction: column;
        text-align: center;
    }
    
}

.allacnewhill {
    display: flex;
    gap: 25px;
    width: 100%;
    align-items: flex-start;
    box-sizing: border-box;
}

/* LEFT SIDE (40%) */
.allacnewhill-left {
    width: 40%;
}

/* Title */
.allacnewhill-title {
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 600;
}

/* Slider Base */
.allacnewhill-slider {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

/* Slides */
.allacnewhill-slides {
    display: flex;
    transition: transform 0.5s ease;
}

.allacnewhill-slides img {
    width: 100%;
    height: 350px; /* Increased by approx 50px */
    object-fit: cover;
    flex-shrink: 0;
    border-radius: 8px;
}

/* Dots */
.allacnewhill-dots {
    display: flex;
    justify-content: center;
    margin-top: 8px;
    gap: 6px;
}

.allacnewhill-dots span {
    width: 10px;
    height: 10px;
    background: #bdbdbd;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
}

.allacnewhill-dots .active {
    background: #007bff;
    transform: scale(1.2);
}

/* RIGHT SIDE (60%) */
.allacnewhill-right {
    width: 60%;
}

.allacnewhill-content {
    margin-bottom: 20px;
}

.allacnewhill-below {
    margin-top: 15px;
}

/* MOBILE VIEW */
@media (max-width: 768px) {
    .allacnewhill {
        flex-direction: column;
    }

    .allacnewhill-left,
    .allacnewhill-right {
        width: 100%;
    }
}

    .exclabt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* LEFT CONTENT */
.exclabt .exclabt-content {
    width: 70%;
}

/* RIGHT IMAGE */
.exclabt .exclabt-img {
    width: 30%;
}

.exclabt .exclabt-img img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
}

/* Read more text hide */
.exclabt .exclabt-text {
    overflow: hidden;
    display: block;
}

/* Button */
.exclabt .exclabt-btn {
    margin-top: 8px;
    border: 1px solid;
    color: #000;
    padding: 6px 14px;
    cursor: pointer;
    
}



/* MOBILE VIEW */
@media (max-width: 768px) {
    .exclabt {
        flex-direction: column;
        text-align: left;
    }

    .exclabt .exclabt-content,
    .exclabt .exclabt-img {
        width: 100%;
    }
}

.social-strip {
    display: flex;
    gap: 22px;
    justify-content: center;
    padding: 15px 0;
}

/* Base Style */
.social-strip a {
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    text-decoration: none;
    transition: 0.3s ease;
}

/* BRAND COLORS */
.social-strip a.fb { background: #1877f2; }      /* Facebook */
.social-strip a.ig {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}                                                 /* Instagram */
.social-strip a.wa { background: #25D366; }      /* WhatsApp */
.social-strip a.yt { background: #FF0000; }      /* YouTube */
.social-strip a.tw { background: #1DA1F2; }      /* Twitter */
.social-strip a.in { background: #0077b5; }      /* LinkedIn */

/* Hover effect */
.social-strip a:hover {
    transform: scale(1.1);
    opacity: 0.85;
}

.servsecuttahil {
    padding: 40px 20px; 
}

.servsecuttahil-container {
    max-width: 1400px;
    margin: auto;
    padding: 0 20px;

    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 25px;
}

/* SERVICE BOX */
.servsecuttahil-item {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.servsecuttahil-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

/* CENTERED CONTENT */
.servsecuttahil-content {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

/* SERVICE NAME */
.servsecuttahil-content h3 {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8);
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .54px;
    margin-bottom: 0;
    font-family: 'Protest Riot';
    color: white;
    margin-bottom: 15px;
}

/* BUTTON */
.servsecuttahil-content a {
    padding: 8px 18px;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    border-radius: 5px;

    /* TEXT SHADOW */
    text-shadow: 0px 2px 5px rgba(0,0,0,0.8);
}

.servsecuttahil-content a:hover {
    background: #fff;
    color: #000;
}

/* RESPONSIVE (MOBILE 2 ITEMS IN ROW) */
@media (max-width: 768px) {
    .servsecuttahil-container {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 10px;
    }

    .servsecuttahil-item img {
        height: 200px;
    }
}

.grnewsect {
    padding: 40px 20px; 
}

.grnewsect-container {
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

/* DESTINATION BOX */
.grnewsect-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.grnewsect-item img {
    width: 100%;
    height: 319px;
    object-fit: cover;
    display: block;
}

/* CENTERED CONTENT */
.grnewsect-content {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

/* DESTINATION NAME */
.grnewsect-content h3 {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8);
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .54px;
    margin-bottom: 0;
    font-family: 'Protest Riot';
    color: white;
    margin-bottom: 15px;
}

/* BUTTON */
.grnewsect-content a {
    padding: 0px 10px;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    border-radius: 5px;

    /* TEXT SHADOW FOR VISIBILITY */
    text-shadow: 0px 2px 5px rgba(0,0,0,0.8);
}

.grnewsect-content a:hover {
    background: #fff;
    color: #000;
}

/* RESPONSIVE (MOBILE 2 ITEMS IN ROW) */
@media (max-width: 768px) {
    .grnewsect-container {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 10px;
    }

    .grnewsect-item img {
        height: 220px;
    }
    .ncptuhillto-topbar-email {
        display: none !important;
    }


}

  .ncptuhillto-dropdown:focus-within .ncptuhillto-dropdown-menu, .ncptuhillto-dropdown:hover .ncptuhillto-dropdown-menu{display:block}

  /* Ensure desktop menu displays as flex (original inline kept) */
  .ncptuhillto-menu{display:flex}

  /* Mobile rules: hide center menu and show only logo + enquiry + toggle */
  @media (max-width:900px){
    .ncptuhillto-menu, .ncptuhillto-menu-list{display:none !important}
    #ncptuhillto-toggle{display:inline-block !important}
    .ncptuhillto-enquiry-btn{display:inline-block !important}
    #ncptuhillto-mobile-menu{display:none}
    .ncptuhillto-topbar{padding:6px 10px}
    .ncptuhillto-slides{height:260px}
    .ncptuhillto-slide{height:260px}
    .ncptuhillto-slide-inner h2{font-size:20px}
    .ncptuhillto-slide-inner p{font-size:14px}
  }

  /* small phones */
  @media (max-width:480px){
    .ncptuhillto-slides{height:200px}
    .ncptuhillto-slide{height:200px}
    .ncptuhillto-topbar{font-size:13px}
  }

.cutesmonuthi-wrapper{
  padding:50px 0;
  position:relative;
  overflow:hidden;
  width:100%;
}

.cutesmonuthi-heading h2{
  text-align:center;
  margin-bottom:30px;
  font-size:32px;
  font-weight:700;
}

/* ---------------- Carousel ---------------- */
.cutesmonuthi-carousel{
  width:100%;
  overflow:hidden;
  position:relative;
}

.cutesmonuthi-track{
  display:flex;
  gap:20px;
  animation:cutesmonuthi-slide 24s linear infinite;
}

.cutesmonuthi-item{
  background:#fff;
  padding:20px;
  border-radius:12px;
  width:33.33%;
  min-width:33.33%;
  box-shadow:0 3px 15px rgba(0,0,0,0.1);
}

.cutesmonuthi-google img{
  width:36px;
  height:36px;
  border-radius:50%;
  background:white;
  padding:5px;
  margin-bottom:10px;
}

.cutesmonuthi-stars{
  color:#ffbb00;
  font-size:20px;
}

.cutesmonuthi-name{
  margin:10px 0 5px;
  font-size:18px;
  font-weight:600;
}

.cutesmonuthi-text{
  font-size:15px;
  color:#555;
  line-height:1.5;
}

/* ---------------- Buttons ---------------- */
.cutesmonuthi-btn-box{
  text-align:center;
  margin-top:25px;
  padding-right:20px;
}

.cutesmonuthi-btn{
    color: #000000;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
    border: 1px solid;
}

.cutesmonuthi-btn:hover{
  background:#0056c9;
}

/* ---------------- Animation ---------------- */
@keyframes cutesmonuthi-slide {
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/* ---------------- Responsive ---------------- */
@media(max-width:768px){
  .cutesmonuthi-item{
    width:100%;
    min-width:100%;
  }
}

  /* responsive widths: 4 on desktop, 2 tablet, 1 mobile */
  .pckcrsluthil-track { align-items:stretch; }
  .pckcrsluthil-card { width:25%; flex:0 0 25%; }
  @media (max-width:900px){ .pckcrsluthil-card { width:50%; flex:0 0 50%; } }
  @media (max-width:600px){ .pckcrsluthil-card { width:100%; flex:0 0 100%; } }
  .pckcrsluthil-dots button{ border:0; background:transparent; }

		body, html {
  margin: 0;
  padding: 0;
  height:100%;}