/** Shopify CDN: Minification failed

Line 13:16 Unexpected "*"
Line 17:17 Unexpected "{"
Line 17:26 Expected ":"
Line 17:33 Unexpected "{"

**/
/* ================================
   PACKAGE CARDS
   ================================ */

.pcards-section-* {
  width: 100%;
}

.pcards-section-{{ section.id }} {
  background: var(--pc-bg);
  overflow: hidden;
}

.pcards-container {
  max-width: var(--pc-max-width);
  margin: 0 auto;
  padding: 0 24px;
}

/*===============================
Header
================================*/

.pcards-header {
  text-align: center;
  margin-bottom: 60px;
}

.pcards-heading {
  margin: 0;
  color: var(--pc-heading);
  font-size: 48px;
  line-height: 1.1;
  font-weight: 600;
}

.pcards-description {
  max-width: 760px;
  margin: 18px auto 0;
  color: var(--pc-text);
  font-size: 18px;
  line-height: 1.7;
}

.pcards-description p:last-child {
  margin-bottom: 0;
}

/*===============================
Grid
================================*/

.pcards-grid {
  display: grid;
  grid-template-columns: var(--pc-desktop);
  gap: var(--pc-gap);
  align-items: stretch;
}

/*===============================
Card
================================*/

.pcards-card {
  position: relative;
  background: var(--card-bg);
  color: var(--card-text);
  border-radius: var(--pc-radius);
  overflow: hidden;
  transition: .35s ease;
  display: flex;
  height: 100%;
  box-shadow: 0 12px 35px rgba(0,0,0,.05);
}

.pcards-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 60px rgba(0,0,0,.12);
}

.pcards-card-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/*===============================
Icon
================================*/

.pcards-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--icon-bg);
  margin: 70px auto 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pcards-icon img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

/*===============================
Title
================================*/

.pcards-title {
  margin: 0;
  text-align: center;
  font-size: 42px;
  line-height: 1;
  color: #1d2c48;
  font-family: Georgia, serif;
  font-weight: 500;
}

.pcards-subtitle {
  margin-top: 18px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: 700;
}

/*===============================
Image
================================*/

.pcards-image {
  margin-top: 35px;
  overflow: hidden;
}

.pcards-image img {
  width: 100%;
  display: block;
  transition: .6s ease;
}

.pcards-card:hover .pcards-image img {
  transform: scale(1.05);
}

/*===============================
Description
================================*/

.pcards-text {
  padding: 32px 28px 10px;
  flex: 1;
}

.pcards-text p {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: inherit;
}

/*===============================
Button
================================*/

.pcards-btn-wrap {
  padding: 0 28px 32px;
}

.pcards-btn {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  min-height: 54px;
  border-radius: 50px;
  background: var(--btn-bg);
  color: var(--btn-text);
  font-size: 15px;
  font-weight: 700;
  transition: .3s ease;
}

.pcards-btn:hover {
  opacity: .9;
  transform: translateY(-2px);
}

/*===============================
Tablet
================================*/

@media screen and (max-width: 989px) {

  .pcards-grid {
    grid-template-columns: var(--pc-tablet);
  }

  .pcards-heading {
    font-size: 38px;
  }

  .pcards-title {
    font-size: 36px;
  }

}

/*===============================
Mobile
================================*/

@media screen and (max-width: 749px) {
  section.pcards-section-template--20880096165978__package_cards_4Rmy4B{
    padding-bottom: 50px !important;
  }

  .pcards-container {
    padding: 0 20px;
  }

  .pcards-header {
    margin-bottom: 35px;
  }

  .pcards-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .pcards-heading {
    font-size: 30px;
  }

  .pcards-description {
    font-size: 16px;
  }

  .pcards-icon {
    width: 64px;
    height: 64px;
    margin-top: 28px;
  }

  .pcards-icon img {
    width: 50px;
    height: 50px;
  }

  .pcards-title {
    font-size: 30px;
  }

  .pcards-subtitle {
    font-size: 12px;
    letter-spacing: 1.5px;
    margin-top: 14px;
  }

  .pcards-image {
    margin-top: 24px;
  }

  .pcards-text {
    padding: 24px 20px 10px;
  }

  .pcards-text p {
    font-size: 14px;
    line-height: 1.7;
  }

  .pcards-btn-wrap {
    padding: 0 20px 24px;
  }

  .pcards-btn {
    min-height: 50px;
    font-size: 16px;
  }

}

/*===============================
Large Screens
================================*/

@media screen and (min-width: 1600px) {

  .pcards-heading {
    font-size: 56px;
  }

  .pcards-title {
    font-size: 48px;
  }

}


/* highlighted css */

/* First Card */
.pcards-card:first-child{
  border: 2px solid #6C3BAA;
  box-shadow: 0 18px 45px rgba(108, 59, 170, 0.18);
}

/* Second Card */
.pcards-card:nth-child(2){
  border: 2px solid #C9A227;
  box-shadow: 0 18px 45px rgba(201, 162, 39, 0.18);
}
.pcards-badge{
  position:absolute;
  top: 13px;
  left: 50%;
  transform:translateX(-50%);
  min-width:160px;
  padding:9px 20px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  text-align:center;
  z-index:5;
}

.pcards-badge--purchased{
  background:linear-gradient(
    135deg,
    #6C3BAA,
    #8A5BD6,
    #6C3BAA
  );
  color:#fff;
  box-shadow:0 8px 20px rgba(108,59,170,.30);
}

.pcards-badge--popular{
  background:linear-gradient(
    135deg,
    #B88A14,
    #E2C15A,
    #B88A14
  );
  color:#111;
  box-shadow:0 8px 20px rgba(184,138,20,.30);
}