{# TOGGLE #}
.package-toggle {margin:28px auto;font-weight:600;position:relative;display:grid;grid-template-columns:1fr 1fr;width:330px;max-width:100%;padding:4px;border:0;border-radius:50px;background:#FFF;cursor:pointer;overflow:hidden;}
.toggle-label {position:relative;z-index:2;padding:10px 20px;text-align:center;white-space:nowrap;transition:color .25s ease;}
@media (max-width:575px) {
  .package-toggle {font-size:15px;width:auto;}
  .toggle-label {padding:10px;white-space:normal;}
}

.toggle-bg {position:absolute;z-index:1;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:50px;background:#E1197A;transition:transform .3s ease,background-color .3s ease;}

.package-toggle[aria-checked="false"] .toggle-label:nth-of-type(2) {color:#FFF;}
.package-toggle[aria-checked="true"] .toggle-label:nth-of-type(3) {color:#FFF;}

.package-toggle[aria-checked="true"] .toggle-bg {transform:translateX(100%);background:#5459a6;}


{# Background Toggle #}
.grad-bg > div[id$="-2"] {opacity:0;transition:opacity .2s ease;}
.grad-bg > div[id$="-2"].core-ai-active {opacity:1!important;}



#pkg-intro {display:grid;}
.price-switch {display:inline-grid;}

#pkg-intro > span,
.price-switch > span {grid-area:1 / 1;transition:opacity .3s ease,visibility .3s ease;}

.pricing-packages.core-active .core {opacity:1;visibility:visible;}
.pricing-packages.core-active .core-ai {opacity:0;visibility:hidden;}

.pricing-packages.core-ai-active .core {opacity:0;visibility:hidden;}
.pricing-packages.core-ai-active .core-ai {opacity:1;visibility:visible;}



.pricing-packages .core,
.pricing-packages .core-ai {grid-area:1 / 1;transition:opacity .3s ease,visibility .3s ease;}

.pricing-packages.core-active .core {opacity:1;visibility:visible;}
.pricing-packages.core-active .core-ai {opacity:0;visibility:hidden;}

.pricing-packages.core-ai-active .core {opacity:0;visibility:hidden;}
.pricing-packages.core-ai-active .core-ai {opacity:1;visibility:visible;}


.pricing-packages .grad-bg {transition:filter 0.2s ease-out;}
.pricing-packages.core-active .grad-bg {filter: saturate(0.5);}
.pricing-packages.core-ai-active .grad-bg > div {filter: saturate(1);}





{# CARDS #}
.package-levels {grid-template-rows:repeat(7, auto);}
@media (min-width:850px) and (max-width:1079px) {
  .package-levels {grid-template-columns:repeat(3, 1fr);}
  .enterprise {grid-column: 1 / -1;}
}
@media (min-width:768px) and (max-width:849px) {
  .package-levels {grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:767px) {
  #pricing-packages .module-inner .package-levels {gap:30px;}
}

.package-level {background-color:#FFF;gap:0;grid-template-rows:subgrid;grid-row:span 7;border:2px solid #FFF;overflow:visible;}

.package-level * {line-height:1.5;font-size:16px;}

.pkg-name h3 {line-height:1;font-size:28px;}
.pkg-name {position:relative;}
.pkg-name:after {
  content:'';top:0px;right:0px;width:28px;height:28px;position:absolute;background-repeat:no-repeat;background-size:contain;
}
.starter .pkg-name:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23E1197A' d='M3.11,20.89c-.47-.47-.7-1.03-.7-1.69v-4.8c0-.66.23-1.23.7-1.69s1.04-.7,1.7-.7,1.23.24,1.69.7.7,1.03.7,1.69v4.8c0,.66-.24,1.22-.7,1.69s-1.03.7-1.69.7-1.22-.23-1.7-.7Z'/%3E%3Cpath fill='%23E1197A30' d='M10.31,20.89c-.47-.47-.7-1.03-.7-1.69v-8.4c0-.66.23-1.22.7-1.7s1.03-.7,1.69-.7,1.22.23,1.69.7.7,1.04.7,1.7v8.4c0,.66-.23,1.22-.7,1.69s-1.03.7-1.69.7-1.22-.23-1.69-.7Z'/%3E%3Cpath fill='%23E1197A30' d='M19.2,21.6c-.66,0-1.23-.23-1.7-.7s-.7-1.03-.7-1.69V4.8c0-.66.24-1.22.7-1.7s1.04-.7,1.7-.7,1.22.23,1.69.7.7,1.04.7,1.7v14.4c0,.66-.23,1.22-.7,1.69s-1.03.7-1.69.7Z'/%3E%3C/svg%3E");}
.growth .pkg-name:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%235459a6' d='M3.11,20.89c-.47-.47-.7-1.03-.7-1.69v-4.8c0-.66.23-1.23.7-1.69s1.04-.7,1.7-.7,1.23.24,1.69.7.7,1.03.7,1.69v4.8c0,.66-.24,1.22-.7,1.69s-1.03.7-1.69.7-1.22-.23-1.7-.7Z'/%3E%3Cpath fill='%235459a6' d='M10.31,20.89c-.47-.47-.7-1.03-.7-1.69v-8.4c0-.66.23-1.22.7-1.7s1.03-.7,1.69-.7,1.22.23,1.69.7.7,1.04.7,1.7v8.4c0,.66-.23,1.22-.7,1.69s-1.03.7-1.69.7-1.22-.23-1.69-.7Z'/%3E%3Cpath fill='%235459a630' d='M19.2,21.6c-.66,0-1.23-.23-1.7-.7s-.7-1.03-.7-1.69V4.8c0-.66.24-1.22.7-1.7s1.04-.7,1.7-.7,1.22.23,1.69.7.7,1.04.7,1.7v14.4c0,.66-.23,1.22-.7,1.69s-1.03.7-1.69.7Z'/%3E%3C/svg%3E");}
.pro .pkg-name:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2320837B' d='M3.11,20.89c-.47-.47-.7-1.03-.7-1.69v-4.8c0-.66.23-1.23.7-1.69s1.04-.7,1.7-.7,1.23.24,1.69.7.7,1.03.7,1.69v4.8c0,.66-.24,1.22-.7,1.69s-1.03.7-1.69.7-1.22-.23-1.7-.7Z'/%3E%3Cpath fill='%2320837B' d='M10.31,20.89c-.47-.47-.7-1.03-.7-1.69v-8.4c0-.66.23-1.22.7-1.7s1.03-.7,1.69-.7,1.22.23,1.69.7.7,1.04.7,1.7v8.4c0,.66-.23,1.22-.7,1.69s-1.03.7-1.69.7-1.22-.23-1.69-.7Z'/%3E%3Cpath fill='%2320837B' d='M19.2,21.6c-.66,0-1.23-.23-1.7-.7s-.7-1.03-.7-1.69V4.8c0-.66.24-1.22.7-1.7s1.04-.7,1.7-.7,1.22.23,1.69.7.7,1.04.7,1.7v14.4c0,.66-.23,1.22-.7,1.69s-1.03.7-1.69.7Z'/%3E%3C/svg%3E");}
.enterprise .pkg-name:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M0,20.4V3.6C0,2.94.24,2.38.71,1.9s1.03-.7,1.69-.7h7.2c.66,0,1.23.23,1.69.7s.7,1.03.7,1.7v2.4h9.6c.66,0,1.22.23,1.69.7s.7,1.03.7,1.69v12c0,.66-.23,1.22-.7,1.69-.47.47-1.03.7-1.69.7H2.4c-.66,0-1.23-.24-1.69-.7C.24,21.62,0,21.06,0,20.4ZM2.4,20.4h2.4v-2.4h-2.4v2.4ZM2.4,15.6h2.4v-2.4h-2.4v2.4ZM2.4,10.8h2.4v-2.4h-2.4v2.4ZM2.4,6h2.4v-2.4h-2.4v2.4ZM7.2,20.4h2.4v-2.4h-2.4v2.4ZM7.2,15.6h2.4v-2.4h-2.4v2.4ZM7.2,10.8h2.4v-2.4h-2.4v2.4ZM7.2,6h2.4v-2.4h-2.4v2.4ZM12,20.4h9.6v-12h-9.6v2.4h2.4v2.4h-2.4v2.4h2.4v2.4h-2.4v2.4ZM16.8,13.2v-2.4h2.4v2.4h-2.4ZM16.8,18v-2.4h2.4v2.4h-2.4Z'/%3E%3C/svg%3E");}

.pkg-price {padding-top:6px;padding-bottom:10px;}
.pkg-price .price {font-size:30px}

.pkg-uc p a.SecondaryCTA {font-size:14px;letter-spacing:-0.01em}

.pkg-hdl {padding:12px 0;border-top:2px solid #eae8e6;border-bottom:2px solid #eae8e6;}
.pkg-hdl ul {list-style:none;margin-left:0;margin-top:0;}
.pkg-hdl ul li + li {margin-top:0;}
.pkg-main {padding:12px 0 24px 0;}
.pkg-main ul {margin-top:0px}
.pkg-main ul li {font-size:14px;}
.pkg-main ul li + li {margin-top:6px;}

.pkg-cta a.PrimaryCTA {width:100%;}


.package-level.most-popular {border-color:#5459a6;}
.package-level.most-popular:before {
  content:'MOST POPULAR';position:absolute;top:-12px;left:calc(var(--space) - 6px);color:#FFF;font-weight:600;font-size:14px;line-height:1;background-color:#5459a6;border-radius:20px;padding:4px 12px 5px 12px;
}
.package-level .SecondaryCTA:after {height:10px;width:10px;margin-left:3px;}