.elms-40949 .elms-element.elms-element-1071281{--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-40949 .elms-element.elms-element-5c7c7bc{--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-40949 .elms-element.elms-element-d5d940e{--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-40949 .elms-element.elms-element-f5b2c59{--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-40949 .elms-element.elms-element-e1e4308{--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-40949 .elms-element.elms-element-04544ac{--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-40949 .elms-element.elms-element-9e53b04{--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-40949 .elms-element.elms-element-e152732{--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-40949 .elms-element.elms-element-2e34e5e{--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-40949 .elms-element.elms-element-62afbb1{--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-40949 .elms-element.elms-element-1027be0{--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-40949 .elms-element.elms-element-cd501dc{--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-40949 .elms-element.elms-element-1bb05d8{--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-40949 .elms-element.elms-element-ad3545b{--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-40949 .elms-element.elms-element-b133a35{--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-40949 .elms-element.elms-element-1ce0678{--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-40949 .elms-element.elms-element-baa1452{--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;}#beaches {
max-width: 700px;
margin: 40px auto;
padding: 20px 25px;
font-family: 'Poppins', sans-serif;
color: #222;
}
#beaches h2 {
font-size: 2rem;
color: #004080;
font-weight: 600;
margin-bottom: 25px;
text-align: center;
}
#beaches .intro {
font-size: 1.15rem;
margin-bottom: 30px;
text-align: center;
line-height: 1.6;
color: #444;
}
.beaches-cards {
display: flex;
flex-direction: column;
gap: 30px;
}
.beach-card {
background: #fff;
border-radius: 15px;
box-shadow: 0 8px 24px rgba(0, 64, 128, 0.12);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: pointer;
}
.beach-card:hover {
transform: translateY(-6px);
box-shadow: 0 16px 40px rgba(0, 64, 128, 0.2);
}
.beach-card img {
width: 100%;
height: 220px;
object-fit: cover;
border-bottom: 4px solid #0077b6;
transition: filter 0.3s ease;
}
.beach-card:hover img {
filter: brightness(0.9);
}
.text-content {
padding: 20px 25px 28px 25px;
}
.text-content h3 {
color: #004080;
font-weight: 600;
font-size: 1.4rem;
margin-bottom: 14px;
}
.text-content p {
color: #333;
font-size: 1.05rem;
line-height: 1.55;
}
.highlight {
color: #0077b6;
font-weight: 600;
}
#mountains {
max-width: 700px;
margin: 40px auto;
padding: 20px 25px;
font-family: 'Poppins', sans-serif;
color: #222;
}
#mountains h2 {
font-size: 2rem;
color: #004080;
font-weight: 600;
margin-bottom: 25px;
text-align: center;
}
#mountains .intro {
font-size: 1.15rem;
margin-bottom: 30px;
text-align: center;
line-height: 1.6;
color: #444;
}
.mountain-cards {
display: flex;
flex-direction: column;
gap: 30px;
}
.mountain-card {
background: #fff;
border-radius: 15px;
box-shadow: 0 8px 24px rgba(0, 64, 128, 0.12);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: pointer;
}
.mountain-card:hover {
transform: translateY(-6px);
box-shadow: 0 16px 40px rgba(0, 64, 128, 0.2);
}
.mountain-card img {
width: 100%;
height: 220px;
object-fit: cover;
border-bottom: 4px solid #0077b6;
transition: filter 0.3s ease;
}
.mountain-card:hover img {
filter: brightness(0.9);
}
.mountain-card .text-content {
padding: 20px 25px 28px 25px;
}
.mountain-card .text-content h3 {
color: #004080;
font-weight: 600;
font-size: 1.4rem;
margin-bottom: 14px;
}
.mountain-card .text-content p {
color: #333;
font-size: 1.05rem;
line-height: 1.55;
}
.features-card {
max-width: 900px;
margin: 40px auto;
background: #fff;
padding: 30px 35px;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0, 64, 128, 0.08);
font-family: 'Poppins', sans-serif;
color: #222;
}
.features-card h3 {
font-size: 1.8rem;
color: #004080;
font-weight: 600;
margin-bottom: 25px;
text-align: center;
}
.features-card ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.features-card li {
margin-bottom: 20px;
font-size: 1.05rem;
line-height: 1.6;
color: #333;
}
.features-card li strong {
display: block;
color: #0077b6;
font-weight: 600;
margin-bottom: 6px;
}
.features-card li em {
font-style: italic;
color: #005f8c;
}
.features-card li:hover {
background-color: #f0f8ff;
border-radius: 8px;
padding: 10px 12px;
transition: background-color 0.3s ease;
}
#travel-tips {
max-width: 700px;
margin: 40px auto;
padding: 25px 30px;
font-family: 'Poppins', sans-serif;
color: #222;
background: #f9faff;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(0, 64, 128, 0.08);
}
#travel-tips h2 {
font-size: 2rem;
color: #003366;
font-weight: 700;
margin-bottom: 30px;
text-align: center;
letter-spacing: 0.03em;
}
#travel-tips .intro {
font-size: 1.15rem;
color: #444;
text-align: center;
max-width: 600px;
margin: 0 auto 35px auto;
line-height: 1.6;
font-weight: 400;
font-style: normal;
}
.tips-cards {
display: flex;
flex-direction: column;
gap: 28px;
}
.tip-card {
background: #ffffff;
border-left: 6px solid #0077b6;
border-radius: 10px;
padding: 20px 25px 25px 25px;
box-shadow: 0 6px 18px rgba(0, 64, 128, 0.1);
transition: box-shadow 0.3s ease, transform 0.3s ease;
cursor: default;
}
.tip-card:hover {
box-shadow: 0 12px 36px rgba(0, 64, 128, 0.2);
transform: translateY(-5px);
}
.tip-card h3 {
font-size: 1.3rem;
color: #004080;
font-weight: 600;
margin-bottom: 12px;
}
.tip-card p {
font-size: 1rem;
color: #333;
line-height: 1.55;
}
.tip-card strong {
color: #005a99;
font-weight: 700;
}
.tip-card em {
font-style: italic;
color: #0066cc;
}
#tourist-facilities {
max-width: 1000px;
margin: 60px auto;
padding: 30px;
border-left: 6px solid #0080c0;
border-radius: 12px;
font-family: 'Poppins', sans-serif;
color: #1a2a3a;
box-shadow: 0 8px 20px rgba(0, 128, 192, 0.1);
}
#tourist-facilities h2 {
font-size: 2rem;
text-align: center;
color: #006699;
margin-bottom: 40px;
}
.facility-list {
display: flex;
flex-direction: column;
gap: 30px;
}
.facility-card {
background: #ffffff;
border-radius: 10px;
padding: 20px 25px;
box-shadow: 0 4px 10px rgba(0, 128, 192, 0.08);
transition: all 0.3s ease;
border-left: 4px solid #00aaff;
}
.facility-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 20px rgba(0, 128, 192, 0.15);
}
.facility-card h3 {
font-size: 1.3rem;
color: #00557f;
margin-bottom: 15px;
}
.facility-card ul {
list-style: disc;
padding-left: 20px;
color: #333;
line-height: 1.6;
}
.facility-card ul li {
margin-bottom: 8px;
}
@media (max-width: 768px) {
#tourist-facilities {
padding: 20px;
}
.facility-card {
padding: 15px;
}
#tourist-facilities h2 {
font-size: 1.6rem;
}
}