/* ===================================================
   PRICING SECTION
=================================================== */

.pricing-section{

  padding:100px 0;

  background:
    linear-gradient(
      180deg,
      #000,
      #120008
    );

  position:relative;

  overflow:hidden;

}

/* HEADING */

.pricing-heading{

  text-align:center;

  max-width:750px;

  margin:
    0 auto 70px;

}

.pricing-tag{

  display:inline-block;

  padding:12px 24px;

  border-radius:50px;

  background:
    rgba(255,255,255,0.05);

  border:
    1px solid rgba(255,0,120,0.2);

  color:#ff2e7a;

  font-size:13px;

  letter-spacing:3px;

  text-transform:uppercase;

  margin-bottom:25px;

}

.pricing-heading h2{

  font-size:54px;

  color:#fff;

  margin-bottom:20px;

}

.pricing-heading p{

  color:#aaa;

  font-size:18px;

  line-height:1.8;

}

/* GRID */

.pricing-grid{

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:30px;

  align-items:center;

}

/* CARD */

.price-card{

  position:relative;

  padding:45px 35px;

  border-radius:30px;

  background:
    rgba(255,255,255,0.04);

  backdrop-filter:blur(20px);

  border:
    1px solid rgba(255,255,255,0.08);

  transition:0.4s ease;

  overflow:hidden;

}

/* GLOW */

.price-card::before{

  content:"";

  position:absolute;

  inset:0;

  background:
    radial-gradient(
      circle at top right,
      rgba(255,0,120,0.12),
      transparent 45%
    );

  pointer-events:none;

}

/* HOVER */

.price-card:hover{

  transform:
    translateY(-12px);

  border-color:
    rgba(255,0,120,0.3);

  box-shadow:
    0 0 50px rgba(255,0,120,0.18);

}

/* FEATURED */

.price-card.featured{

  transform:scale(1.05);

  border:
    1px solid rgba(255,0,120,0.4);

  box-shadow:
    0 0 60px rgba(255,0,120,0.2);

}

/* POPULAR */

.popular-tag{

  position:absolute;

  top:20px;
  right:20px;

  padding:8px 16px;

  border-radius:40px;

  background:
    linear-gradient(
      45deg,
      #ff2e7a,
      #ff0066
    );

  color:#fff;

  font-size:12px;

}

/* BADGE */

.price-badge{

  display:inline-block;

  padding:10px 22px;

  border-radius:40px;

  background:
    rgba(255,255,255,0.05);

  border:
    1px solid rgba(255,255,255,0.1);

  color:#ffcc00;

  margin-bottom:30px;

}

/* TEXT */

.price-card h3{

  color:#aaa;

  font-size:16px;

  margin-bottom:12px;

}

.price{

  font-size:58px;

  font-weight:700;

  line-height:1;

  margin-bottom:35px;

  background:
    linear-gradient(
      45deg,
      #ff2e7a,
      #ffcc00
    );

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

}

/* FEATURES */

.price-features{

  list-style:none;

  margin-bottom:35px;

}

.price-features li{

  color:#ccc;

  margin-bottom:16px;

  font-size:15px;

}

/* BUTTON */

.price-card .wa-btn{

  width:100%;

  display:flex;

  align-items:center;
  justify-content:center;

  padding:16px;

  border-radius:50px;

  background:
    linear-gradient(
      45deg,
      #25D366,
      #128C7E
    );

  color:#fff;

  font-weight:600;

  transition:0.3s ease;

}

.price-card .wa-btn:hover{

  transform:
    translateY(-3px);

}

/* MOBILE */

@media(max-width:992px){

  .pricing-grid{

    grid-template-columns:1fr;

  }

}

@media(max-width:768px){

  .pricing-heading h2{

    font-size:38px;

  }

  .price{

    font-size:46px;

  }

  .price-card.featured{

    transform:none;

  }

}
/* ===================================================
   PRICING CONTENT SECTION
=================================================== */

.pricing-content-section{

   padding:100px 0;

   background:
      linear-gradient(
         180deg,
         #120008,
         #000
      );

   position:relative;

   overflow:hidden;

}

/* WRAP */

.pricing-content-wrap{

   display:grid;

   grid-template-columns:
      1.1fr 0.9fr;

   gap:70px;

   align-items:start;

}

/* ===================================================
   LEFT CONTENT
=================================================== */

.pricing-content .section-tag{

   display:inline-block;

   padding:12px 24px;

   border-radius:50px;

   background:
      rgba(255,255,255,0.05);

   border:
      1px solid rgba(255,0,120,0.2);

   color:#ff2e7a;

   font-size:13px;

   letter-spacing:4px;

   text-transform:uppercase;

   margin-bottom:30px;

}

.pricing-content h2{

   font-size:44px;

   line-height:1.15;

   color:#fff;

   margin-bottom:35px;

   font-weight:700;

}

.pricing-content p{

   color:#aaa;

   font-size:18px;

   line-height:1.9;

   margin-bottom:28px;

   max-width:850px;

}

/* LINKS */

.pricing-content a{

   color:#ff2e7a;

   transition:0.3s;

}

.pricing-content a:hover{

   color:#ffcc00;

}

/* ===================================================
   RIGHT SIDE
=================================================== */

.pricing-links-area{

   display:flex;

   flex-direction:column;

   gap:30px;

}

/* ===================================================
   FEATURED CARD
=================================================== */

.pricing-featured-card{

   position:relative;

   padding:40px;

   border-radius:32px;

   overflow:hidden;

   background:
      linear-gradient(
         135deg,
         rgba(255,0,120,0.12),
         rgba(255,255,255,0.03)
      );

   backdrop-filter:blur(20px);

   border:
      1px solid rgba(255,0,120,0.25);

   transition:0.4s ease;

}

.pricing-featured-card:hover{

   transform:
      translateY(-8px);

   box-shadow:
      0 0 45px rgba(255,0,120,0.2);

}

/* TAG */

.featured-tag{

   display:inline-block;

   padding:10px 18px;

   border-radius:40px;

   background:
      rgba(255,255,255,0.08);

   border:
      1px solid rgba(255,255,255,0.08);

   color:#ffcc00;

   font-size:12px;

   margin-bottom:25px;

}

/* TITLE */

.pricing-featured-card h3{

   font-size:30px;

   line-height:1.3;

   color:#fff;

   margin-bottom:20px;

}

/* TEXT */

.pricing-featured-card p{

   color:#bbb;

   line-height:1.8;

   font-size:15px;

   max-width:500px;

}

/* ARROW */

.featured-arrow{

   position:absolute;

   right:35px;
   bottom:25px;

   font-size:42px;

   color:#ff2e7a;

   transition:0.3s;

}

.pricing-featured-card:hover .featured-arrow{

   transform:
      translateX(6px);

}

/* ===================================================
   SMALL CARDS GRID
=================================================== */

.pricing-link-boxes{

   display:grid;

   grid-template-columns:
      repeat(2,1fr);

   gap:22px;

}

/* CARD */

.pricing-link-card{

   position:relative;

   padding:35px 28px;

   border-radius:26px;

   overflow:hidden;

   min-height:220px;

   background:
      rgba(255,255,255,0.04);

   backdrop-filter:blur(18px);

   border:
      1px solid rgba(255,255,255,0.08);

   transition:0.4s ease;

}

.pricing-link-card:hover{

   transform:
      translateY(-8px);

   border-color:
      rgba(255,0,120,0.3);

   box-shadow:
      0 0 35px rgba(255,0,120,0.15);

}

/* ICON */

.pricing-link-card i{

   font-size:32px;

   color:#ff2e7a;

   margin-bottom:22px;

}

/* TITLE */

.pricing-link-card h4{

   color:#fff;

   font-size:24px;

   line-height:1.4;

   margin-bottom:15px;

}

/* TEXT */

.pricing-link-card p{

   color:#aaa;

   font-size:14px;

   line-height:1.8;

}

/* ARROW */

.pricing-link-card::after{

   content:"→";

   position:absolute;

   right:25px;
   bottom:20px;

   font-size:24px;

   color:#ff2e7a;

   transition:0.3s;

}

.pricing-link-card:hover::after{

   transform:
      translateX(5px);

}

/* ===================================================
   MOBILE
=================================================== */

@media(max-width:992px){

   .pricing-content-wrap{

      grid-template-columns:1fr;

   }

}

@media(max-width:768px){

   .pricing-content h2{

      font-size:30px;

   }

   .pricing-content p{

      font-size:16px;

   }

   .pricing-featured-card{

      padding:32px 25px;

   }

   .pricing-featured-card h3{

      font-size:28px;

   }

   .pricing-link-boxes{

      grid-template-columns:1fr;

   }

   .pricing-link-card{

      min-height:auto;

   }

}
.pricing-mini-highlight{

   margin-top:35px;

   display:flex;
   flex-wrap:wrap;
   gap:10px;

   color:#ffcc00;

   font-size:14px;

   line-height:1.8;

}
/* ===================================================
   LUXURY INCLUDES SECTION
=================================================== */

.luxury-includes-section{

   padding:100px 0;

   background:
      linear-gradient(
         180deg,
         #000,
         #120008
      );

   position:relative;

   overflow:hidden;

}

/* HEADING */

.luxury-heading{

   text-align:center;

   max-width:760px;

   margin:
      0 auto 70px;

}

.luxury-heading h2{

   font-size:58px;

   line-height:1.2;

   color:#fff;

   margin:
      25px 0 20px;

}

.luxury-heading p{

   color:#aaa;

   font-size:18px;

   line-height:1.8;

}

/* GRID */

.luxury-grid{

   display:grid;

   grid-template-columns:
      repeat(3,1fr);

   gap:30px;

}

/* CARD */

.luxury-card{

   position:relative;

   padding:40px 35px;

   border-radius:30px;

   overflow:hidden;

   background:
      rgba(255,255,255,0.04);

   backdrop-filter:blur(18px);

   border:
      1px solid rgba(255,255,255,0.08);

   transition:0.4s ease;

}

/* GLOW */

.luxury-card::before{

   content:"";

   position:absolute;

   inset:0;

   background:
      radial-gradient(
         circle at top right,
         rgba(255,0,120,0.12),
         transparent 45%
      );

   pointer-events:none;

}

/* HOVER */

.luxury-card:hover{

   transform:
      translateY(-10px);

   border-color:
      rgba(255,0,120,0.3);

   box-shadow:
      0 0 40px rgba(255,0,120,0.15);

}

/* ICON */

.luxury-icon{

   width:72px;
   height:72px;

   border-radius:50%;

   display:flex;
   align-items:center;
   justify-content:center;

   margin-bottom:28px;

   background:
      linear-gradient(
         45deg,
         #ff2e7a,
         #ff0066
      );

   box-shadow:
      0 0 25px rgba(255,0,120,0.3);

}

.luxury-icon i{

   color:#fff;

   font-size:28px;

}

/* TITLE */

.luxury-card h3{

   color:#fff;

   font-size:28px;

   line-height:1.4;

   margin-bottom:18px;

}

/* TEXT */

.luxury-card p{

   color:#aaa;

   font-size:15px;

   line-height:1.9;

}

/* MOBILE */

@media(max-width:992px){

   .luxury-grid{

      grid-template-columns:
         repeat(2,1fr);

   }

}

@media(max-width:768px){

   .luxury-heading h2{

      font-size:38px;

   }

   .luxury-heading p{

      font-size:16px;

   }

   .luxury-grid{

      grid-template-columns:1fr;

   }

   .luxury-card{

      padding:35px 28px;

   }

   .luxury-card h3{

      font-size:24px;

   }

}