.title-banner-wrapper{overflow:hidden;width:100%}.title-banner{position:relative;display:grid;place-items:center;min-height:380px;padding:130px 24px;text-align:center;box-sizing:border-box;background-image:linear-gradient(rgba(30,18,12,.65),rgba(20,12,8,.8)),url("../images/welcome/Cross(1).jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.title-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(201,164,92,.18),transparent 70%);pointer-events:none;z-index:1}.title-banner .container-fluid{position:relative;z-index:2;max-width:1200px;margin:0 auto}.title-banner h1{color:#fff;font-family:'Trajan Pro',serif;font-size:clamp(26px, 3.8vw, 40px);font-weight:600;text-transform:uppercase;margin:0;line-height:1.3;text-shadow:0 10px 30px rgba(0,0,0,.5);display:inline-flex;align-items:center;justify-content:center;gap:20px;position:relative}.title-banner h1 .gold-text,.title-banner h1 span{background:0 0!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#ffffff!important;background-clip:unset!important;color:#fff!important}.title-banner h1::after,.title-banner h1::before{content:"";display:inline-block;width:38px;height:38px;flex-shrink:0}@keyframes holyGlow{0%{transform:scale(1);filter:drop-shadow(0 0 4px rgba(201, 164, 92, .4))}100%{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(201, 164, 92, .8))}}@media (max-width:991px){.title-banner{min-height:320px;padding:100px 20px;background-attachment:scroll}.title-banner h1{gap:15px}.title-banner h1::after,.title-banner h1::before{width:30px;height:30px}}@media (max-width:768px){.title-banner h1{display:flex;flex-direction:column;gap:12px}.title-banner h1::after{display:none}}.banner-btn-group{margin-top:24px;display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;z-index:5}

/* Animated Banner Buttons */
.banner-btn-group a,
.banner-btn-group .cus-btn,
.banner-btn-group .btn,
.hero-banner .btn,
.btn {
  padding: 10px 20px;
  margin: 10px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 600;
  background-color: #b88626;
  color: white !important;
  animation: pulse 1.5s infinite;
}

.banner-btn-group .cus-btn::before,
.banner-btn-group .cus-btn::after,
.hero-banner .cus-btn::before,
.hero-banner .cus-btn::after {
  display: none !important;
}

.btn-pulse {
  background-color: #b88626 !important;
  color: white !important;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.btn-wobble {
  background-color: #e74c3c;
  color: white !important;
}

.btn-wobble:hover {
  animation: wobble 0.8s;
}

@keyframes wobble {
  0%, 100% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
}

.btn-border-reveal {
  background-color: transparent;
  color: #9b59b6 !important;
  border: 2px solid #9b59b6 !important;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.btn-border-reveal::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #9b59b6;
  transition: width 0.3s ease;
  z-index: -1;
}

.btn-border-reveal:hover::after {
  width: 100%;
}

.btn-border-reveal:hover {
  color: white !important;
}

.btn-rotate-3d {
  background-color: #f39c12;
  color: white !important;
  perspective: 300px;
  transform-style: preserve-3d;
}

.btn-rotate-3d:hover {
  animation: rotate3d 0.7s;
}

@keyframes rotate3d {
  0% { transform: rotateX(0deg); }
  50% { transform: rotateX(180deg); }
  100% { transform: rotateX(360deg); }
}