.elms-6459 .elms-element.elms-element-1cec494{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-6459 .elms-element.elms-element-eb9d81f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-6459 .elms-element.elms-element-528f86a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-6459 .elms-element.elms-element-6c70afe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-6459 .elms-element.elms-element-2e5bc2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-6459 .elms-element.elms-element-f210da1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-6459 .elms-element.elms-element-4ef7db1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-6459 .elms-element.elms-element-1dfa971{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-6459 .elms-element.elms-element-2af974e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-6459 .elms-element.elms-element-6f142d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-6459 .elms-element.elms-element-4bab233{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-6459 .elms-element.elms-element-2977b78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}
.ramayana-intro-section {
background-color: #f9fafb;
padding: 40px 15px;
font-family: 'Segoe UI', sans-serif;
color: #333;
text-align: center;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.intro-text {
font-size: 1.1rem;
line-height: 1.6;
color: #555;
margin-bottom: 25px;
}
.details-text {
font-size: 1.1rem;
line-height: 1.7;
color: #555;
margin-bottom: 25px;
}
.subtext {
font-size: 1rem;
color: #777;
max-width: 800px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.intro-text,
.details-text {
font-size: 1rem;
}
.subtext {
font-size: 0.9rem;
}
}
.table-of-contents {
background-color: #f0f8fa;
padding: 20px;
margin-bottom: 40px;
border-radius: 8px;
}
.table-of-contents .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
h2 {
font-size: 1.8rem;
color: #006994;
font-weight: 700;
margin-bottom: 20px;
}
.toc-list {
list-style-type: none;
padding: 0;
}
.toc-list li {
margin: 10px 0;
}
.toc-list a {
font-size: 1.1rem;
color: #0077b6;
text-decoration: none;
}
.toc-list a:hover {
text-decoration: underline;
}
.ramayana-regions {
background-color: #f9fafb;
padding: 40px 15px;
font-family: 'Segoe UI', sans-serif;
color: #333;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
h2 {
font-size: 2rem;
font-weight: 700;
color: #006994;
margin-bottom: 25px;
}
.region-description,
.mannar-info,
.koneswaram-temple,
.nagapooshani-temple-description,
.kanniya-hot-spring-description,
.vilundri-description {
font-size: 1.1rem;
line-height: 1.7;
color: #555;
margin-bottom: 25px;
}
.region-description a,
.koneswaram-temple a,
.nagapooshani-temple-description a,
.kanniya-hot-spring-description a,
.vilundri-description a {
color: #0077b6;
text-decoration: none;
}
.region-description a:hover,
.koneswaram-temple a:hover,
.nagapooshani-temple-description a:hover,
.kanniya-hot-spring-description a:hover,
.vilundri-description a:hover {
text-decoration: underline;
}
.adams-bridge-image {
width: 100%;
max-width: 768px;
margin: 20px 0;
display: block;
border-radius: 8px;
}
@media screen and (max-width: 768px) {
h2 {
font-size: 1.6rem;
}
.region-description,
.mannar-info,
.koneswaram-temple,
.nagapooshani-temple-description,
.kanniya-hot-spring-description,
.vilundri-description {
font-size: 1rem;
}
.adams-bridge-image {
max-width: 100%;
}
}
.ramayana-regions {
background-color: #f9fafb;
padding: 40px 15px;
font-family: 'Segoe UI', sans-serif;
color: #333;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
h2 {
font-size: 2rem;
font-weight: 700;
color: #006994;
margin-bottom: 25px;
}
.region-description,
.sigiriya-info,
.thotupola-kanda,
.sigiriya-remnants,
.sita-kotuwa-description,
.yudaganawa-description,
.dunuwila-description {
font-size: 1.1rem;
line-height: 1.7;
color: #555;
margin-bottom: 25px;
}
.region-description a,
.sita-kotuwa-description a,
.yudaganawa-description a,
.dunuwila-description a {
color: #0077b6;
text-decoration: none;
}
.region-description a:hover,
.sita-kotuwa-description a:hover,
.yudaganawa-description a:hover,
.dunuwila-description a:hover {
text-decoration: underline;
}
.sigiriya-image,
.ravana-cave-image,
.sita-kotuwa-image {
width: 100%;
max-width: 768px;
margin: 20px 0;
display: block;
border-radius: 8px;
}
@media screen and (max-width: 768px) {
h2 {
font-size: 1.6rem;
}
.region-description,
.sigiriya-info,
.thotupola-kanda,
.sigiriya-remnants,
.sita-kotuwa-description,
.yudaganawa-description,
.dunuwila-description {
font-size: 1rem;
}
.sigiriya-image,
.ravana-cave-image,
.sita-kotuwa-image {
max-width: 100%;
}
}
.ramayana-regions {
background-color: #f9fafb;
padding: 40px 15px;
font-family: 'Segoe UI', sans-serif;
color: #333;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
h2 {
font-size: 2rem;
font-weight: 700;
color: #006994;
margin-bottom: 25px;
}
.region-description,
.nuwara-eliya-info,
.hakgala-botanical-garden,
.nuwara-eliya-visit,
.seetha-amman-temple,
.ravana-waterfalls,
.ravana-caves-info,
.divurumpola-description,
.chariot-path-description,
.streepura-cave-description {
font-size: 1.1rem;
line-height: 1.7;
color: #555;
margin-bottom: 25px;
}
.region-description a,
.koneswaram-temple a,
.nagapooshani-temple-description a,
.kanniya-hot-spring-description a,
.chariot-path-description a,
.streepura-cave-description a {
color: #0077b6;
text-decoration: none;
}
.region-description a:hover,
.koneswaram-temple a:hover,
.nagapooshani-temple-description a:hover,
.kanniya-hot-spring-description a:hover,
.chariot-path-description a:hover,
.streepura-cave-description a:hover {
text-decoration: underline;
}
.ravana-cave-image,
.sigiriya-image {
width: 100%;
max-width: 768px;
margin: 20px 0;
display: block;
border-radius: 8px;
}
@media screen and (max-width: 768px) {
h2 {
font-size: 1.6rem;
}
.region-description,
.nuwara-eliya-info,
.hakgala-botanical-garden,
.nuwara-eliya-visit,
.seetha-amman-temple,
.ravana-waterfalls,
.ravana-caves-info,
.divurumpola-description,
.chariot-path-description,
.streepura-cave-description {
font-size: 1rem;
}
.ravana-cave-image,
.sigiriya-image {
max-width: 100%;
}
}
.ramayana-regions {
background-color: #f9fafb;
padding: 40px 15px;
font-family: 'Segoe UI', sans-serif;
color: #333;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
h2 {
font-size: 2rem;
font-weight: 700;
color: #006994;
margin-bottom: 25px;
}
.rumassala-description,
.seenigama-devalaya-description,
.ussangoda-description,
.more-sites-description {
font-size: 1.1rem;
line-height: 1.7;
color: #555;
margin-bottom: 25px;
}
.rumassala-description a,
.seenigama-devalaya-description a {
color: #0077b6;
text-decoration: none;
}
.rumassala-description a:hover,
.seenigama-devalaya-description a:hover {
text-decoration: underline;
}
.rumassala-image {
width: 100%;
max-width: 768px;
margin: 20px 0;
display: block;
border-radius: 8px;
}
@media screen and (max-width: 768px) {
h2 {
font-size: 1.6rem;
}
.rumassala-description,
.seenigama-devalaya-description,
.ussangoda-description,
.more-sites-description {
font-size: 1rem;
}
.rumassala-image {
max-width: 100%;
}
}
.ramayana-regions {
background-color: #f9fafb;
padding: 40px 15px;
font-family: 'Segoe UI', sans-serif;
color: #333;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
h2 {
font-size: 2rem;
font-weight: 700;
color: #006994;
margin-bottom: 25px;
}
.region-description,
.colombo-description,
.manavari-temple-description,
.chilaw-description,
.munneshwaram-temple-description,
.dolukanda-description,
.seethawaka-description,
.panchamuga-anjaneyar-description {
font-size: 1.1rem;
line-height: 1.7;
color: #555;
margin-bottom: 25px;
}
.region-description a,
.koneswaram-temple a,
.munneshwaram-temple-description a,
.dolukanda-description a,
.seethawaka-description a,
.panchamuga-anjaneyar-description a {
color: #0077b6;
text-decoration: none;
}
.region-description a:hover,
.koneswaram-temple a:hover,
.munneshwaram-temple-description a:hover,
.dolukanda-description a:hover,
.seethawaka-description a:hover,
.panchamuga-anjaneyar-description a:hover {
text-decoration: underline;
}
.munneshwaram-image {
width: 100%;
max-width: 768px;
margin: 20px 0;
display: block;
border-radius: 8px;
}
@media screen and (max-width: 768px) {
h2 {
font-size: 1.6rem;
}
.region-description,
.colombo-description,
.manavari-temple-description,
.chilaw-description,
.munneshwaram-temple-description,
.dolukanda-description,
.seethawaka-description,
.panchamuga-anjaneyar-description {
font-size: 1rem;
}
.munneshwaram-image {
max-width: 100%;
}
}