Rinjani Samalas Tour | Best Mount Rinjani Hiking Tour Agency & Company
copyright charset="UTF-8">
copyright name="viewport" content="width=device-width, initial-scale=1.0">
Rinjani Samalas Tour - Best Mount Rinjani Hiking Agency
copyright name="description" content="Experience Mount Rinjani with the best trekking company. Licensed guides, premium gear, and unforgettable memories.">
:root
--primary-color: #2a6f6d; /* Teal Adventure */
--secondary-color: #1e3a3a; /* Dark Slate */
--accent-color: #f39c12; /* Gold for Stars */
--bg-light: #f4f7f6;
--white: #ffffff;
--text-dark: #333;
body
font-family: 'Poppins', sans-serif;
background-color: var(--bg-light);
color: var(--text-dark);
margin: 0;
padding: 0;
a
text-decoration: none;
color: var(--primary-color);
transition: 0.3s;
a:hover
color: var(--secondary-color);
text-decoration: underline;
.container
max-width: 1000px;
margin: auto;
padding: 20px;
/* Header Section */
.header-card
background: var(--white);
border-radius: 20px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
margin-bottom: 40px;
text-align: center;
.header-image
width: 100%;
height: 400px;
object-fit: cover;
.header-content
padding: 40px 20px;
h1
color: var(--secondary-color);
font-size: 2.5rem;
margin-bottom: 10px;
.rating
color: var(--accent-color);
font-size: 1.2rem;
margin-bottom: 20px;
/* Package Grid */
.package-grid
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
margin-bottom: 50px;
.package-card
background: var(--white);
border-radius: 15px;
padding: 25px;
border-top: 5px solid var(--primary-color);
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
transition: transform 0.3s;
.package-card:hover
transform: translateY(-10px);
.package-card h3
color: var(--primary-color);
margin-top: 0;
.price-tag
display: inline-block;
background: #e0f2f1;
color: var(--primary-color);
padding: 5px 15px;
border-radius: 50px;
font-weight: 600;
font-size: 0.9rem;
/* Table Design */
.info-table
width: 100%;
border-collapse: collapse;
background: var(--white);
border-radius: 15px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
margin-bottom: 50px;
.info-table th
background: var(--primary-color);
color: var(--white);
padding: 15px;
text-align: left;
.info-table td
padding: 15px;
border-bottom: 1px solid #eee;
/* Contact Footer */
.footer-cta
background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
color: var(--white);
border-radius: 20px;
padding: 40px;
text-align: center;
position: relative;
.footer-cta h2 margin-top: 0;
.footer-cta a color: #fff;
.whatsapp-btn
display: inline-block;
background: #25d366;
color: white !important;
padding: 12px 30px;
border-radius: 50px;
font-weight: bold;
margin-top: 20px;
text-decoration: none !important;
box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
@media (max-width: 768px)
h1 font-size: 1.8rem;
.header-image height: 250px;