/* ---------- MAIN PRICING CONTAINER ---------- */
.pricing-section {
  padding:60px 0;
  background:#fff;
}

/* ---------- PRICING BOX ---------- */
.pricing-box {
  background:#e69f26;
  border-radius:12px;
  padding:30px 25px;
  text-align:center;
  border:2px solid #d48a1f;
  box-shadow:0px 5px 20px rgba(0,0,0,0.08);
  height:100%;
  transition:.3s;
  color:#fff;
  position:relative;
  display:flex;
  flex-direction:column;
}
.pricing-box:hover {
  transform:translateY(-6px);
  box-shadow:0px 10px 25px rgba(0,0,0,0.15);
}

.pricing-box img.icon-main {
  width:65px;
  margin-bottom:15px;
  filter: drop-shadow(0px 4px 10px rgba(0,0,0,0.2));
}

.pricing-box h3 {
  font-size:30px;
  font-weight:800;
  margin:10px 0;
}
.pricing-box h5 {
  font-size:18px;
  font-weight:600;
  margin-bottom:25px;
}

/* ---------- FEATURE ROW ---------- */
.feature-line {
  background:rgba(255,255,255,0.14);
  padding:10px;
  margin-bottom:8px;
  border-radius:6px;
  font-size:14px;
  text-align:left;
  display:flex;
  align-items:center;
  gap:10px;
}
.feature-line img {
  width:20px;
  height:20px;
}

/* ---------- BUTTON ---------- */
.pricing-btn {
  background:#ffffff;
  color:#e69f26;
  padding:12px 25px;
  font-size:16px;
  border-radius:6px;
  text-decoration:none;
  font-weight:600;
  transition:.3s;
  margin-top:auto;
}
.pricing-btn:hover {
  background:#000;
  color:#fff;
}

/* ---------- BADGE ---------- */
.popular-badge {
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  background:#000;
  color:#fff;
  padding:6px 22px;
  border-radius:20px;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* ---------- NOTICE ---------- */
.notice-box {
  background:#fff7e6;
  border-radius:12px;
  padding:25px 30px;
  max-width:900px;
  margin:auto;
  margin-top:35px;
  box-shadow:0 5px 15px rgba(0,0,0,0.08);
  border-left:5px solid #c0882f;
}
.notice-title {
  font-size:18px;
  font-weight:700;
  color:#c0882f;
}
.notice-text {
  font-size:15px;
  line-height:24px;
  color:#444;
  margin-top:12px;
}

/* ---------- RESPONSIVE FIX ---------- */
@media(max-width:768px){
  .pricing-box{
    margin-bottom:20px;
  }
}


/* ======== ANIMATIONS ======== */

/* Fade-in entrance */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp .9s ease forwards;
}
.fade-in:nth-child(2){ animation-delay:.15s; }
.fade-in:nth-child(3){ animation-delay:.30s; }
.fade-in:nth-child(4){ animation-delay:.45s; }

@keyframes fadeInUp{
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Button subtle pulse */
.pricing-btn {
  animation: pulseAnim 2.5s infinite ease-in-out;
}
@keyframes pulseAnim{
  0%,100%{ transform:scale(1); }
  50%{ transform:scale(1.05); }
}

/* Hover glow effect */
.pricing-box:hover {
  box-shadow:0 15px 35px rgba(0,0,0,0.2);
  border-color:#fff;
}

/* Payment icons container */
.payment-icons{
  margin-top:15px;
  display:flex;
  justify-content:center;
  gap:10px;
  opacity:.85;
}
.payment-icons img{
  width:38px;
  filter:grayscale(10%);
}
.payment-icons img:hover{
  filter:none;
  transform:scale(1.1);
  transition:.25s;
}


/* Center Contact Section Styling */
.contact-box {
  max-width:750px;
  margin:auto;
  padding:30px;
  background:#fffdf5;
  border-radius:14px;
  border:2px solid #e6c98b;
  box-shadow:0 8px 30px rgba(0,0,0,0.08);
  transition:.35s;
}

/* Glow hover */
.contact-box:hover {
  box-shadow:0 15px 45px rgba(0,0,0,0.15), 0 0 12px #d7a346;
  transform:translateY(-4px);
}

/* Text style */
.contact-box h2 {
  font-weight:700;
  color:#c0882f;
}

/* Button enhancements */
.btn-enhanced {
  padding:12px 30px;
  font-weight:600;
  border-radius:6px;
  transition:.3s;
  font-size:16px;
}

/* Glow on hover */
.btn-enhanced:hover {
  transform:scale(1.08);
  box-shadow:0px 6px 18px rgba(0,0,0,0.18), 0 0 10px rgba(255,215,0,0.6);
}

/* Breathing animation */
.breathe {
  animation: breatheAnim 2.8s infinite ease-in-out;
}

@keyframes breatheAnim {
  0%,100% { transform:scale(1); }
  50% { transform:scale(1.04); }
}

/* Make buttons full-width on mobile */
@media (max-width:768px){
  .btn-enhanced {
    width:100%;
    margin-bottom:12px;
  }
}