:root {
    --main-bg-color1: #ff6d03;
    --main-bg-color2: #ff6d03;
    --main-color: #000000;
    --main-color1:#ff6d03;
}

body {
   font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
      background-color: #f8f9fa;
  transition: background 0.8s ease;
}
h1, h2, h3, h4, h5, h6, p{
    margin: 0;
    padding: 0;
}
ul, ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
a{
    color: inherit;
    text-decoration: none;
}
a:hover, a:focus{
    color: inherit;
    text-decoration: none;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
button:focus {
    outline: 0;
    box-shadow: none;
}

.font_40{
  font-size: 40px;
}

.font_16{
  font-size: 16px;
}

.font_18{
      font-size: 18px;
}

.font_500{
    font-weight: 500;
}

.font_600{
    font-weight: 600;
}



.btn-warning {
    width: 200px;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 5px;
}

.section-bg {
    transition: background 0.8s ease;
    min-height: 100vh;
    background: url(..//images/history.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.section-bg:before {
    content: "";
    position: absolute;
    background: #000000c4;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.home_history_banner {
    position: relative;
    z-index: 9;
    padding: 40px 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}


.adventure_start {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
}

.book_websters_sec {
    width: 100%;
}


.book_websters_sec .book_item {
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.35), rgb(0 0 0 / 50%));
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
.book_item .webster {
    height: 170px;
    object-fit: contain;
    width: auto;
    margin-bottom: 20px;
}

.webster {
  transition: all 0.6s ease;
}

.plain-webster {
  width: 160px;
}

.dim {
    opacity: 0.55;
    filter: blur(2px);
}



.glow {
  opacity: 1;
  filter: none;
  transform: scale(1.15);
 text-shadow: 0 0 30px rgba(255,215,0,0.9);
 filter: drop-shadow(0 0 12px rgba(0, 255, 255, 0.9))
          drop-shadow(0 0 25px rgba(0, 255, 255, 0.7));
  transform: scale(1.05);
    animation: glowPulse 1.5s infinite;
 
}

.bg-default {  background: url(..//images/history.jpg); }
.bg-lost-tomb {  background: url(..//images/tomb.png); }
.bg-midnight {background: url(..//images/nightrider.png); }
.bg-plymouth { background: url(..//images/plymouth.png); }
.bg-emperor { background: url(..//images/Emperor.png);}


@keyframes glowPulse {
  0% { filter: drop-shadow(0 0 8px #ffffff); }
  50% { filter: drop-shadow(0 0 20px #ffffff); }
  100% { filter: drop-shadow(0 0 8px #ffffff); }
}