.elementor-6459 .elementor-element.elementor-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;}.elementor-6459 .elementor-element.elementor-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;}.elementor-6459 .elementor-element.elementor-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;}.elementor-6459 .elementor-element.elementor-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;}.elementor-6459 .elementor-element.elementor-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;}.elementor-6459 .elementor-element.elementor-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;}.elementor-6459 .elementor-element.elementor-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;}.elementor-6459 .elementor-element.elementor-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;}.elementor-6459 .elementor-element.elementor-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;}.elementor-6459 .elementor-element.elementor-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;}.elementor-6459 .elementor-element.elementor-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;}.elementor-6459 .elementor-element.elementor-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;}/* Start custom CSS for html, class: .elementor-element-762403a *//* General Styles for Ramayana Introduction Section */
.ramayana-intro-section {
    background-color: #f9fafb;
    padding: 40px 15px;
    font-family: 'Segoe UI', sans-serif;
    color: #333;
    text-align: center;
}

/* Container for Responsive Layout */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Intro Text */
.intro-text {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #555;
    margin-bottom: 25px;
}

/* Details Text */
.details-text {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #555;
    margin-bottom: 25px;
}

/* Subtext Styling */
.subtext {
    font-size: 1rem;
    color: #777;
    max-width: 800px;
    margin: 0 auto;
}

/* Mobile Responsiveness */
@media screen and (max-width: 768px) {
    .intro-text,
    .details-text {
        font-size: 1rem;
    }
    
    .subtext {
        font-size: 0.9rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ee2620 *//* Table of Contents Styling */
.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;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c747b6 *//* Styles for Sites at Northern and Eastern Regions */
.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;
}

/* Image Style for Adam's Bridge */
.adams-bridge-image {
    width: 100%;
    max-width: 768px;
    margin: 20px 0;
    display: block;
    border-radius: 8px;
}

/* Mobile Responsiveness */
@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%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0be99a8 *//* General Styles for Ramayana Regions */
.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;
}

/* Image Style */
.sigiriya-image,
.ravana-cave-image,
.sita-kotuwa-image {
    width: 100%;
    max-width: 768px;
    margin: 20px 0;
    display: block;
    border-radius: 8px;
}

/* Mobile Responsiveness */
@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%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2bfd29 *//* Styles for Sites in Hill Country */
.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;
}

/* Image Style for Ravana Cave */
.ravana-cave-image,
.sigiriya-image {
    width: 100%;
    max-width: 768px;
    margin: 20px 0;
    display: block;
    border-radius: 8px;
}

/* Mobile Responsiveness */
@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%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59be87e *//* Styles for Sites at the Southern Coastal Region */
.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;
}

/* Image Style for Rumassala Hill */
.rumassala-image {
    width: 100%;
    max-width: 768px;
    margin: 20px 0;
    display: block;
    border-radius: 8px;
}

/* Mobile Responsiveness */
@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%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-60678ca *//* Styles for Sites in Western and Northwest Regions */
.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;
}

/* Image Style for Munneshwaram Temple */
.munneshwaram-image {
    width: 100%;
    max-width: 768px;
    margin: 20px 0;
    display: block;
    border-radius: 8px;
}

/* Mobile Responsiveness */
@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%;
    }
}/* End custom CSS */