:root {
  --color-primary: #ffb09f;
  --color-secondary: #000000;
  --color-gradient-start: #E7BCAE;
  --color-gradient-stop: #E7BCAE;
  --color-gradient-start-secondary: #4fda91;
  --color-gradient-stop-secondary: #34dbc5;
}

body {
  font-family: 'Glacial Indifference', sans-serif;
  line-height: 1.5em;
  font-size: 18px;
  color: #808291;
}

.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
  font-family: 'Glacial Indifference', sans-serif;
  color: #0a0a0a;
}

.h1, h1 {
  font-weight: 400;
  line-height: 1.2em;
  font-size: 53px;
}

.h2, h2 {
  font-weight: 400;
  line-height: 1.2em;
  font-size: 48px;
}

.h3, h3 {
  font-weight: 400;
  line-height: 1.5;
  font-size: 30px;
}

.h4, h4 {
  font-weight: 400;
  line-height: 1.5;
  font-size: 24px;
}

.h5, h5 {
  font-weight: 400;
  line-height: 1.7;
  font-size: 21px;
}

.h6, h6 {
  font-weight: 400;
  line-height: 1.5;
  font-size: 17px;
  color: #a7a9b8;
}

.main-nav > li > a {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #181b31;
  text-transform: uppercase;
}

.btn-back {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background-color: white; /* Solid background to fix transparency */
  border: 2px solid #ffb09f; /* Your theme's accent color */
  color: #ffb09f;
  padding: 10px 20px;
  font-size: 16px;
  text-transform: none;
  font-weight: bold;
  text-decoration: none;
  border-radius: 30px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: subtle shadow */
  z-index: 1000; /* Ensure it stays on top of other elements */
}

.btn-back:hover {
  background-color: #ffb09f; /* Change background on hover */
  color: white;
}

.btn-back:focus {
  outline: none;
}
.secondary-title {
  font-size: 24px; /* Slightly smaller than the main h3 */
  font-weight: 400; /* Keep it light for a modern look */
  color: #333333; /* Neutral dark color for better readability */
  margin-top: 20px; /* Space between elements */
  border-left: 3px solid #d3d3d3; /* Subtle, lighter border */
  padding-left: 15px; /* Padding to add spacing after the border */
  letter-spacing: 0.5px; /* Small letter spacing for a refined feel */
  line-height: 1.4em; /* Better readability with increased line height */
}

.custom-img-style {
  max-width: 100%; /* Allow it to grow as large as its container */
  height: auto; /* Maintain the aspect ratio */
  width: auto; /* Ensure width grows naturally */
  min-width: 600px; /* Increase the minimum size for better proportion */
}
