/* Start custom CSS for html, class: .elementor-element-92c8b57 *//* =========================================================
VOYANEST — SHIMLA DESTINATION PAGE
FULL WIDTH + PREMIUM TEXT HOVER ANIMATIONS
========================================================= */
/* =========================================================
GLOBAL
========================================================= */
.vn-shimla-page {
--vn-teal: #0F4C5C;
--vn-gold: #E8B86D;
--vn-cream: #F8F6F1;
--vn-green: #355C4A;
--vn-dark: #172B2F;
--vn-text: #344449;
--vn-white: #ffffff;
position: relative;
width: 100vw;
/*
Removes Elementor/container left-right positioning gap
and makes the design touch both browser edges.
*/
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
font-family: "Poppins", sans-serif;
color: var(--vn-text);
background: var(--vn-cream);
overflow: hidden;
}
/* RESET */
.vn-shimla-page *,
.vn-shimla-page *::before,
.vn-shimla-page *::after {
box-sizing: border-box;
}
.vn-shimla-page img {
display: block;
width: 100%;
}
.vn-shimla-page a {
text-decoration: none;
}
.vn-shimla-page h1,
.vn-shimla-page h2,
.vn-shimla-page h3,
.vn-shimla-page p {
margin-top: 0;
}
/* =========================================================
SECTIONS
========================================================= */
.vn-section {
padding: 110px 7%;
}
/* =========================================================
SMALL LABEL
========================================================= */
.vn-small-label {
position: relative;
display: inline-block;
padding-bottom: 8px;
margin-bottom: 20px;
color: var(--vn-gold);
font-size: 11px;
font-weight: 600;
letter-spacing: 3px;
cursor: default;
transition:
letter-spacing .45s ease,
transform .45s ease;
}
/* animated gold line */
.vn-small-label::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background: var(--vn-gold);
transition:
width .5s cubic-bezier(.22,1,.36,1);
}
.vn-small-label:hover {
letter-spacing: 4.5px;
transform: translateX(5px);
}
.vn-small-label:hover::after {
width: 100%;
}
/* =========================================================
COMMON HEADINGS
========================================================= */
.vn-section-heading h2,
.vn-intro-heading h2,
.vn-hidden-text h2,
.vn-food-content h2,
.vn-cta-content h2 {
margin-bottom: 0;
font-family: "Playfair Display", Georgia, serif;
font-weight: 500;
line-height: 1.08;
color: var(--vn-dark);
transition:
transform .55s cubic-bezier(.22,1,.36,1),
letter-spacing .5s ease;
}
/* Heading hover */
.vn-section-heading h2:hover,
.vn-intro-heading h2:hover,
.vn-hidden-text h2:hover,
.vn-food-content h2:hover {
transform: translateX(8px);
letter-spacing: .5px;
}
/* Gold italic text */
.vn-shimla-page em {
display: inline-block;
color: var(--vn-gold);
font-weight: 400;
font-style: italic;
transition:
transform .5s cubic-bezier(.22,1,.36,1),
letter-spacing .4s ease,
text-shadow .4s ease;
}
.vn-shimla-page h2:hover em {
transform: translateX(10px);
letter-spacing: 1px;
text-shadow:
0 7px 22px rgba(232,184,109,.25);
}
/* =========================================================
SECTION HEADING
========================================================= */
.vn-section-heading {
max-width: 760px;
margin: 0 auto 60px;
text-align: center;
}
.vn-section-heading h2 {
font-size: clamp(38px, 5vw, 68px);
}
.vn-section-heading p {
max-width: 600px;
margin: 22px auto 0;
color: #657276;
line-height: 1.8;
transition:
transform .45s ease,
color .35s ease;
}
.vn-section-heading p:hover {
transform: translateY(-4px);
color: var(--vn-teal);
}
/* =========================================================
HERO
========================================================= */
.vn-shimla-hero {
position: relative;
min-height: 88vh;
display: flex;
align-items: center;
padding: 100px 7%;
background:
url("https://images.unsplash.com/photo-1597074866923-dc0589150358?auto=format&fit=crop&w=2200&q=90")
center / cover no-repeat;
color: #fff;
overflow: hidden;
}
.vn-shimla-hero-overlay {
position: absolute;
inset: 0;
background:
linear-gradient(
90deg,
rgba(7,30,35,.80) 0%,
rgba(7,30,35,.48) 45%,
rgba(7,30,35,.10) 100%
);
}
/* HERO CONTENT */
.vn-shimla-hero-content {
position: relative;
z-index: 2;
max-width: 760px;
animation:
vnHeroReveal 1.1s cubic-bezier(.22,1,.36,1) both;
}
@keyframes vnHeroReveal {
from {
opacity: 0;
transform: translateY(45px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* eyebrow */
.vn-shimla-eyebrow {
display: inline-block;
margin-bottom: 20px;
color: var(--vn-gold);
font-size: 12px;
font-weight: 600;
letter-spacing: 4px;
transition:
letter-spacing .5s ease,
transform .45s ease;
}
.vn-shimla-eyebrow:hover {
letter-spacing: 6px;
transform: translateX(7px);
}
/* HERO TITLE */
.vn-shimla-hero h1 {
margin: 0;
color: #fff;
font-family: "Playfair Display", Georgia, serif;
font-size: clamp(70px, 11vw, 150px);
font-weight: 500;
line-height: .9;
transition:
transform .6s cubic-bezier(.22,1,.36,1),
letter-spacing .6s ease,
text-shadow .5s ease;
}
.vn-shimla-hero h1:hover {
transform: translateX(12px);
letter-spacing: 2px;
text-shadow:
0 12px 35px rgba(0,0,0,.35);
}
/* HERO TAGLINE */
.vn-shimla-hero-tagline {
margin: 25px 0 12px;
font-family: "Playfair Display", Georgia, serif;
font-size: clamp(24px, 3vw, 38px);
font-style: italic;
color: #fff;
transition:
transform .5s ease,
color .4s ease,
letter-spacing .4s ease;
}
.vn-shimla-hero-tagline:hover {
transform: translateX(9px);
color: var(--vn-gold);
letter-spacing: .7px;
}
/* HERO DESCRIPTION */
.vn-shimla-hero-text {
max-width: 570px;
margin-bottom: 35px;
color: rgba(255,255,255,.85);
font-size: 16px;
line-height: 1.8;
transition:
transform .5s ease,
color .4s ease;
}
.vn-shimla-hero-text:hover {
transform: translateX(6px);
color: #fff;
}
/* =========================================================
BUTTONS
========================================================= */
.vn-shimla-buttons {
display: flex;
gap: 14px;
flex-wrap: wrap;
}
.vn-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 15px;
min-height: 52px;
padding: 0 27px;
overflow: hidden;
font-size: 11px;
font-weight: 600;
letter-spacing: 1.5px;
transition:
transform .35s ease,
letter-spacing .35s ease;
}
.vn-btn span,
.vn-btn i {
position: relative;
z-index: 2;
}
.vn-btn i {
font-style: normal;
font-size: 17px;
transition:
transform .35s ease;
}
/* GOLD BUTTON */
.vn-btn-gold {
background: var(--vn-gold);
color: var(--vn-dark) !important;
}
/* shine */
.vn-btn-gold::before {
content: "";
position: absolute;
top: 0;
left: -120%;
width: 70%;
height: 100%;
background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.45),
transparent
);
transform: skewX(-20deg);
transition: left .65s ease;
}
.vn-btn-gold:hover::before {
left: 140%;
}
.vn-btn:hover {
transform: translateY(-4px);
letter-spacing: 2px;
}
.vn-btn:hover i {
transform: translateX(6px);
}
/* OUTLINE BUTTON */
.vn-btn-outline {
border: 1px solid rgba(255,255,255,.7);
color: #fff !important;
}
.vn-btn-outline:hover {
background: #fff;
color: var(--vn-dark) !important;
}
/* =========================================================
SCROLL
========================================================= */
.vn-scroll {
position: absolute;
right: 7%;
bottom: 35px;
display: flex;
align-items: center;
gap: 12px;
color: rgba(255,255,255,.7);
font-size: 9px;
letter-spacing: 2px;
}
.vn-scroll span {
display: block;
width: 40px;
height: 1px;
background: var(--vn-gold);
animation: vnScrollLine 2s infinite;
}
@keyframes vnScrollLine {
0%,100% {
width: 20px;
opacity: .5;
}
50% {
width: 50px;
opacity: 1;
}
}
/* =========================================================
INTRO
========================================================= */
.vn-shimla-intro {
background: var(--vn-cream);
}
.vn-intro-grid {
max-width: 1250px;
margin: auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
align-items: center;
}
.vn-intro-heading h2 {
font-size: clamp(45px, 6vw, 78px);
cursor: default;
}
/* paragraphs */
.vn-intro-content p {
margin-bottom: 20px;
color: #59686b;
line-height: 1.9;
transition:
transform .45s ease,
color .35s ease;
}
.vn-intro-content p:hover {
transform: translateX(9px);
color: var(--vn-teal);
}
/* =========================================================
FACTS
========================================================= */
.vn-facts {
display: grid;
grid-template-columns: repeat(3,1fr);
margin-top: 40px;
border-top: 1px solid #d9d6ce;
border-bottom: 1px solid #d9d6ce;
}
.vn-fact {
position: relative;
padding: 25px 15px;
border-right: 1px solid #d9d6ce;
overflow: hidden;
cursor: default;
}
.vn-fact:last-child {
border-right: 0;
}
.vn-fact::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: var(--vn-gold);
transition: width .5s ease;
}
.vn-fact:hover::after {
width: 100%;
}
.vn-fact strong {
display: block;
color: var(--vn-teal);
font-family: "Playfair Display", serif;
font-size: 22px;
transition:
transform .4s ease,
color .35s ease;
}
.vn-fact:hover strong {
transform: translateY(-5px);
color: var(--vn-gold);
}
.vn-fact span {
display: block;
margin-top: 5px;
font-size: 9px;
letter-spacing: 1.5px;
transition:
letter-spacing .4s ease,
color .3s ease;
}
.vn-fact:hover span {
letter-spacing: 3px;
color: var(--vn-teal);
}
/* =========================================================
PLACES
========================================================= */
.vn-shimla-places {
background: #fff;
}
.vn-place-grid {
max-width: 1250px;
margin: auto;
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 18px;
}
.vn-place-card {
position: relative;
min-height: 460px;
overflow: hidden;
cursor: pointer;
}
.vn-place-card img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition:
transform 1s cubic-bezier(.22,1,.36,1);
}
.vn-place-card:hover img {
transform: scale(1.07);
}
.vn-place-large {
min-height: 560px;
}
/* image overlay */
.vn-place-overlay {
position: absolute;
inset: 0;
background:
linear-gradient(
to top,
rgba(5,25,30,.88),
rgba(5,25,30,.04) 72%
);
transition:
background .5s ease;
}
.vn-place-card:hover .vn-place-overlay {
background:
linear-gradient(
to top,
rgba(5,25,30,.93),
rgba(5,25,30,.20) 75%
);
}
/* CARD CONTENT */
.vn-place-content {
position: absolute;
z-index: 2;
left: 35px;
right: 35px;
bottom: 30px;
color: #fff;
transition:
transform .6s cubic-bezier(.22,1,.36,1);
}
.vn-place-card:hover .vn-place-content {
transform: translateY(-14px);
}
/* NUMBER */
.vn-place-number {
display: inline-block;
color: var(--vn-gold);
font-size: 11px;
letter-spacing: 2px;
transition:
transform .4s ease,
letter-spacing .4s ease;
}
.vn-place-card:hover .vn-place-number {
transform: translateX(7px);
letter-spacing: 5px;
}
/* TITLE */
.vn-place-content h3 {
margin: 7px 0;
color: #fff;
font-family: "Playfair Display", serif;
font-size: 36px;
font-weight: 500;
transition:
transform .45s ease,
letter-spacing .4s ease,
color .35s ease;
}
.vn-place-card:hover .vn-place-content h3 {
transform: translateX(9px);
letter-spacing: 1px;
color: #fff;
}
/* DESCRIPTION */
.vn-place-content p {
max-width: 400px;
margin: 0 0 15px;
color: rgba(255,255,255,.8);
line-height: 1.6;
transition:
transform .45s ease,
color .35s ease;
}
.vn-place-card:hover .vn-place-content p {
transform: translateX(5px);
color: #fff;
}
/* LINK */
.vn-place-content a {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--vn-gold);
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
transition:
letter-spacing .4s ease;
}
.vn-place-content a b {
font-size: 15px;
font-weight: 400;
transition:
transform .4s ease;
}
.vn-place-content a:hover {
letter-spacing: 3px;
}
.vn-place-content a:hover b {
transform: translateX(7px);
}
/* =========================================================
HIDDEN SHIMLA
========================================================= */
.vn-hidden-shimla {
background: var(--vn-green);
color: #fff;
}
.vn-hidden-inner {
max-width: 1250px;
margin: auto;
display: grid;
grid-template-columns: .9fr 1.1fr;
gap: 100px;
align-items: center;
}
.vn-hidden-text h2 {
color: #fff;
font-size: clamp(45px,6vw,75px);
}
.vn-hidden-text p {
max-width: 500px;
margin: 25px 0;
color: rgba(255,255,255,.75);
line-height: 1.8;
transition:
transform .45s ease,
color .35s ease;
}
.vn-hidden-text p:hover {
transform: translateX(7px);
color: #fff;
}
/* hidden link */
.vn-text-link {
position: relative;
display: inline-flex;
align-items: center;
gap: 9px;
color: var(--vn-gold);
font-size: 11px;
font-weight: 600;
letter-spacing: 2px;
transition:
letter-spacing .4s ease;
}
.vn-text-link::after {
content: "";
position: absolute;
left: 0;
bottom: -7px;
width: 0;
height: 1px;
background: var(--vn-gold);
transition: width .45s ease;
}
.vn-text-link span {
transition:
transform .4s ease;
}
.vn-text-link:hover {
letter-spacing: 3px;
}
.vn-text-link:hover::after {
width: 100%;
}
.vn-text-link:hover span {
transform: translateX(7px);
}
/* MINI CARDS */
.vn-hidden-cards {
display: grid;
gap: 15px;
}
.vn-mini-card {
padding: 27px 30px;
border: 1px solid rgba(255,255,255,.18);
transition:
transform .5s cubic-bezier(.22,1,.36,1),
background .4s ease,
border-color .4s ease;
}
.vn-mini-card:hover {
background: rgba(255,255,255,.07);
border-color: rgba(232,184,109,.55);
transform: translateX(10px);
}
.vn-mini-card > span {
color: var(--vn-gold);
font-size: 10px;
transition:
letter-spacing .4s ease;
}
.vn-mini-card:hover > span {
letter-spacing: 4px;
}
.vn-mini-card h3 {
margin: 8px 0;
color: #fff;
font-family: "Playfair Display", serif;
font-size: 25px;
font-weight: 500;
transition:
transform .45s ease,
letter-spacing .4s ease;
}
.vn-mini-card:hover h3 {
transform: translateX(7px);
letter-spacing: .7px;
}
.vn-mini-card p {
margin: 0;
color: rgba(255,255,255,.65);
font-size: 13px;
transition:
color .35s ease,
transform .4s ease;
}
.vn-mini-card:hover p {
color: #fff;
transform: translateX(4px);
}
/* =========================================================
SEASONS
========================================================= */
.vn-seasons {
background: var(--vn-cream);
}
.vn-season-grid {
max-width: 1250px;
margin: auto;
display: grid;
grid-template-columns: repeat(4,1fr);
}
.vn-season {
padding: 35px;
border-right: 1px solid #d9d6ce;
transition:
background .4s ease,
transform .45s ease;
}
.vn-season:last-child {
border-right: 0;
}
.vn-season:hover {
background: rgba(232,184,109,.08);
transform: translateY(-6px);
}
.vn-season-number {
color: var(--vn-gold);
font-size: 11px;
letter-spacing: 2px;
transition:
letter-spacing .4s ease;
}
.vn-season:hover .vn-season-number {
letter-spacing: 5px;
}
.vn-season h3 {
margin: 18px 0 10px;
color: var(--vn-dark);
font-family: "Playfair Display", serif;
font-size: 30px;
font-weight: 500;
transition:
transform .4s ease,
color .35s ease;
}
.vn-season:hover h3 {
transform: translateX(7px);
color: var(--vn-teal);
}
.vn-season p {
margin: 0;
color: #687578;
font-size: 14px;
line-height: 1.7;
transition:
transform .4s ease;
}
.vn-season:hover p {
transform: translateX(4px);
}
/* =========================================================
FOOD
========================================================= */
.vn-food {
background: #fff;
}
.vn-food-grid {
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: .9fr 1.1fr;
gap: 90px;
align-items: center;
}
.vn-food-image {
height: 650px;
overflow: hidden;
}
.vn-food-image img {
height: 100%;
object-fit: cover;
transition:
transform 1s cubic-bezier(.22,1,.36,1);
}
.vn-food-image:hover img {
transform: scale(1.06);
}
.vn-food-content h2 {
font-size: clamp(40px,5vw,65px);
}
.vn-food-item {
display: flex;
gap: 25px;
padding: 23px 0;
border-bottom: 1px solid #ddd;
transition:
transform .45s ease,
padding-left .45s ease;
}
.vn-food-item:hover {
transform: translateX(7px);
padding-left: 7px;
}
.vn-food-item > span {
color: var(--vn-gold);
font-size: 11px;
transition:
transform .4s ease,
letter-spacing .4s ease;
}
.vn-food-item:hover > span {
transform: translateY(-3px);
letter-spacing: 2px;
}
.vn-food-item h3 {
margin: 0 0 5px;
font-family: "Playfair Display", serif;
font-size: 24px;
font-weight: 500;
transition:
color .35s ease,
letter-spacing .35s ease;
}
.vn-food-item:hover h3 {
color: var(--vn-teal);
letter-spacing: .5px;
}
.vn-food-item p {
margin: 0;
color: #687578;
font-size: 13px;
transition:
color .35s ease;
}
.vn-food-item:hover p {
color: var(--vn-dark);
}
/* =========================================================
ITINERARY
========================================================= */
.vn-itinerary {
background: var(--vn-cream);
}
.vn-timeline {
max-width: 900px;
margin: auto;
position: relative;
}
.vn-timeline::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 34px;
width: 1px;
background: #d5d0c5;
}
.vn-day {
position: relative;
display: grid;
grid-template-columns: 70px 1fr;
gap: 30px;
padding-bottom: 45px;
}
.vn-day:last-child {
padding-bottom: 0;
}
.vn-day-number {
position: relative;
z-index: 2;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--vn-gold);
background: var(--vn-cream);
color: var(--vn-gold);
font-family: "Playfair Display", serif;
font-size: 22px;
transition:
background .4s ease,
color .4s ease,
transform .45s ease;
}
.vn-day:hover .vn-day-number {
background: var(--vn-gold);
color: var(--vn-dark);
transform: scale(1.08);
}
.vn-day-content {
padding-top: 7px;
transition:
transform .45s ease;
}
.vn-day:hover .vn-day-content {
transform: translateX(8px);
}
.vn-day-content > span {
color: var(--vn-gold);
font-size: 10px;
letter-spacing: 2px;
transition:
letter-spacing .4s ease;
}
.vn-day:hover .vn-day-content > span {
letter-spacing: 4px;
}
.vn-day-content h3 {
margin: 7px 0;
color: var(--vn-dark);
font-family: "Playfair Display", serif;
font-size: 30px;
font-weight: 500;
transition:
color .35s ease,
letter-spacing .4s ease;
}
.vn-day:hover .vn-day-content h3 {
color: var(--vn-teal);
letter-spacing: .5px;
}
.vn-day-content p {
margin: 0;
color: #687578;
line-height: 1.7;
transition:
color .35s ease;
}
.vn-day:hover .vn-day-content p {
color: var(--vn-dark);
}
/* =========================================================
ESSENTIALS
========================================================= */
.vn-essentials {
background: #fff;
}
.vn-essential-grid {
max-width: 1100px;
margin: auto;
display: grid;
grid-template-columns: repeat(4,1fr);
}
.vn-essential-grid > div {
padding: 25px;
border-right: 1px solid #ddd;
transition:
background .4s ease,
transform .4s ease;
}
.vn-essential-grid > div:last-child {
border-right: 0;
}
.vn-essential-grid > div:hover {
background: var(--vn-cream);
transform: translateY(-5px);
}
.vn-essential-grid span {
color: var(--vn-gold);
font-size: 11px;
transition:
letter-spacing .4s ease;
}
.vn-essential-grid > div:hover span {
letter-spacing: 4px;
}
.vn-essential-grid h3 {
margin: 15px 0 8px;
font-family: "Playfair Display", serif;
font-size: 25px;
font-weight: 500;
transition:
transform .4s ease,
color .35s ease;
}
.vn-essential-grid > div:hover h3 {
transform: translateX(6px);
color: var(--vn-teal);
}
.vn-essential-grid p {
margin: 0;
color: #687578;
font-size: 13px;
line-height: 1.7;
transition:
transform .4s ease;
}
.vn-essential-grid > div:hover p {
transform: translateX(4px);
}
/* =========================================================
FINAL CTA
========================================================= */
.vn-shimla-cta {
position: relative;
min-height: 650px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background:
url("https://images.unsplash.com/photo-1605640840605-14ac1855827b?auto=format&fit=crop&w=2200&q=90")
center / cover no-repeat;
}
.vn-cta-overlay {
position: absolute;
inset: 0;
background: rgba(5,28,33,.62);
transition:
background .5s ease;
}
.vn-shimla-cta:hover .vn-cta-overlay {
background: rgba(5,28,33,.52);
}
.vn-cta-content {
position: relative;
z-index: 2;
max-width: 800px;
padding: 30px;
}
.vn-cta-content h2 {
color: #fff;
font-size: clamp(48px,7vw,85px);
transition:
transform .6s cubic-bezier(.22,1,.36,1);
}
.vn-cta-content:hover h2 {
transform: translateY(-7px);
}
.vn-cta-content p {
margin: 25px 0 35px;
color: rgba(255,255,255,.8);
font-size: 16px;
transition:
transform .45s ease,
color .35s ease;
}
.vn-cta-content:hover p {
transform: translateY(-4px);
color: #fff;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 900px) {
.vn-section {
padding: 80px 6%;
}
.vn-intro-grid,
.vn-hidden-inner,
.vn-food-grid {
grid-template-columns: 1fr;
gap: 50px;
}
.vn-place-grid {
grid-template-columns: 1fr;
}
.vn-season-grid {
grid-template-columns: repeat(2,1fr);
}
.vn-season {
border-bottom: 1px solid #d9d6ce;
}
.vn-essential-grid {
grid-template-columns: repeat(2,1fr);
}
.vn-essential-grid > div:nth-child(2) {
border-right: 0;
}
.vn-food-image {
height: 500px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 600px) {
.vn-section {
padding: 65px 5%;
}
/*
Keep full-width even on Elementor mobile.
*/
.vn-shimla-page {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.vn-shimla-hero {
min-height: 760px;
padding: 80px 6%;
}
.vn-shimla-hero h1 {
font-size: 72px;
}
.vn-shimla-hero-tagline {
font-size: 25px;
}
.vn-scroll {
display: none;
}
.vn-facts {
grid-template-columns: 1fr;
}
.vn-fact {
border-right: 0;
border-bottom: 1px solid #d9d6ce;
}
.vn-fact:last-child {
border-bottom: 0;
}
.vn-place-card,
.vn-place-large {
min-height: 430px;
}
.vn-season-grid,
.vn-essential-grid {
grid-template-columns: 1fr;
}
.vn-season,
.vn-essential-grid > div {
border-right: 0;
border-bottom: 1px solid #ddd;
}
.vn-season:last-child,
.vn-essential-grid > div:last-child {
border-bottom: 0;
}
.vn-food-image {
height: 400px;
}
.vn-day {
grid-template-columns: 55px 1fr;
gap: 20px;
}
.vn-timeline::before {
left: 27px;
}
.vn-day-number {
width: 55px;
height: 55px;
}
.vn-shimla-cta {
min-height: 550px;
}
}/* End custom CSS */