.elementor-7 .elementor-element.elementor-element-f3adc4a{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-f3adc4a{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-a9790cd */.iptv-pricing-section {
  padding: 60px 20px;
  background: linear-gradient(145deg, #f9f9f9, #fff);
  font-family: 'Segoe UI', sans-serif;
}

.pricing-container {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.pricing-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  max-width: 320px;
  padding: 30px 20px;
  text-align: center;
  flex: 1 1 300px;
}

.pricing-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.pricing-card h3 {
  font-size: 1.6em;
  margin-bottom: 10px;
  color: #111;
}

.pricing-card .price {
  font-size: 2em;
  color: #1e88e5;
  margin-bottom: 20px;
}

.pricing-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}

.pricing-card ul li {
  margin-bottom: 10px;
  color: #444;
  font-size: 0.95em;
}

.pricing-btn {
  display: inline-block;
  background: #1e88e5;
  color: #fff;
  padding: 12px 30px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
}

.pricing-btn:hover {
  background: #fff;
}

.popular {
  border: 2px solid #1e88e5;
  position: relative;
}

.popular::before {
  content: "Popular";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: #1e88e5;
  color: white;
  padding: 5px 15px;
  font-size: 0.8em;
  border-radius: 50px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}/* End custom CSS */