.elementor-34851 .elementor-element.elementor-element-fb3ab5a{--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-34851 .elementor-element.elementor-element-3ade493{color:#000000;}.elementor-34851 .elementor-element.elementor-element-9aa4caf{--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-34851 .elementor-element.elementor-element-8c657b1{--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-34851 .elementor-element.elementor-element-528b06f{--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-34851 .elementor-element.elementor-element-640d50f{--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-34851 .elementor-element.elementor-element-1996a0c{--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-34851 .elementor-element.elementor-element-070ce84{--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-34851 .elementor-element.elementor-element-b0c3e46{--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-992c99c */.restaurant-types-container {
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Arial', sans-serif;
}

.restaurant-types-container h2 {
  text-align: center;
  color: #003366; /* Dark Blue color for h2 */
  font-size: 28px;
  margin-bottom: 30px;
  background-color: #ffffff; /* White background for h2 */
  padding: 10px;
  border-radius: 8px;
}

.restaurant-type-box {
  background-color: #ffffff; /* White background for each box */
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  color: #000000; /* Black text color */
}

.restaurant-type-box h3 {
  color: #1C09E0; /* Vibrant Blue color for h3 */
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: bold;
}

.restaurant-type-box p {
  font-size: 16px;
  line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef85c4c *//* Applying background color to the entire page */
.page-background {
  background-color: #f0f8fa; /* Light blue background color for the whole page */
  margin: 0;
  padding: 0;
  font-family: 'Arial', sans-serif;
  color: #000000; /* Set text color to black for the whole page */
}

/* Styling for the feature container */
.restaurant-features-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
}

/* Main Heading */
.restaurant-features-container h2 {
  text-align: center;
  color: #003366; /* Dark Blue text color for the main heading */
  font-size: 28px;
  margin-bottom: 30px;
}

/* Feature Box Styling */
.feature-box {
  background-color: #ffffff; /* White background for each feature box */
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Optional shadow for each box */
  color: #000000; /* Black text color for content inside feature boxes */
}

/* Feature Heading Styling */
.feature-box h3 {
  color: #1C09E0; /* Vibrant Blue for Headings */
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: bold;
}

/* Paragraph Styling */
.feature-box p {
  font-size: 16px;
  line-height: 1.6;
  color: #000000; /* Black text color for paragraphs */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fee1480 */.popular-dishes-container {
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Arial', sans-serif;
}

.popular-dishes-container h2 {
  text-align: center;
  color: #003366; /* Dark Blue color for h2 */
  font-size: 28px;
  margin-bottom: 30px;
}

.dish-box {
  background-color: #ffffff; /* White background for each dish box */
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  color: #000000; /* Black text color */
}

.dish-box h3 {
  color: #1C09E0; /* Vibrant Blue color for h3 */
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: bold;
}

.dish-box p {
  font-size: 16px;
  line-height: 1.6;
}

.dish-image {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 15px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6179ee */.dining-tips-container {
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Arial', sans-serif;
}

.dining-tips-container h2 {
  text-align: center;
  color: #003366; /* Dark Blue color for h2 */
  font-size: 28px;
  margin-bottom: 30px;
}

.tip-box {
  background-color: #ffffff; /* White background for each tip box */
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  color: #000000; /* Black text color */
}

.tip-box h3 {
  color: #1C09E0; /* Vibrant Blue color for h3 */
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: bold;
}

.tip-box p {
  font-size: 16px;
  line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e70d656 */.hikkaduwa-weather-location-container {
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Arial', sans-serif;
}

.hikkaduwa-weather-location-container h2 {
  text-align: center;
  color: #003366; /* Dark Blue color for h2 */
  font-size: 28px;
  margin-bottom: 30px;
}

.weather-box, .location-box {
  background-color: #ffffff; /* White background for each box */
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  color: #000000; /* Black text color */
}

.weather-box h3, .location-box h3 {
  color: #1C09E0; /* Vibrant Blue color for h3 */
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: bold;
}

.weather-box p, .location-box p {
  font-size: 16px;
  line-height: 1.6;
}

.weather-box ul, .location-box ul {
  list-style-type: disc;
  margin-left: 20px;
}

.weather-box ul li, .location-box ul li {
  font-size: 16px;
  line-height: 1.8;
}/* End custom CSS */