/* Start custom CSS for html, class: .elementor-element-7bd9879 */.quote-generator {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 30px;
}

.quote-generator h2 {
font-size: 18px;
margin-bottom: 10px;
color: #0A1F44;
}

.quote-generator select {
font-size: 16px;
padding: 5px 10px;
border: 2px solid #0066FF;
border-radius: 5px;
background-color: #f2f2f2;
margin-bottom: 20px;
color: #0066FF;
background-color: #0A1F44;
text-shadow: 0px 0px 10px #0066FF;
}

.quote-generator select option {
color: #0066FF;
background-color: #0A1F44;
text-shadow: 0px 0px 10px #0066FF;
}

#generate-quote-btn {
font-size: 18px;
background-color: #0066FF;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
text-shadow: 0px 0px 10px #0066FF;
}

#generate-quote-btn:hover {
background-color: #0047B3;
}

#quote-container {
font-size: 18px;
color: #0A1F44;
margin-top: 30px;
text-align: center;
}

#motivation-quotes,
#travel-quotes {
display: none;
}

#motivation-quotes p,
#travel-quotes p {
font-size: 16px;
background-color: #00FF7F;
color: white;
padding: 5px 10px;
margin: 5px;
border-radius: 5px;
text-align: center;
box-shadow: 0px 0px 10px #00FF7F;
transition: transform 0.2s ease;
}

#motivation-quotes p:hover,
#travel-quotes p:hover {
transform: scale(1.1);
box-shadow: 0px 0px 15px #00FF7F;
}

#quote-container {
  background-color: #d7eff8;
  border: 1px solid #a7d7e8;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
}/* End custom CSS */