

.column-yes {
  background-color: #f0fdf4;
  border-left: 5px solid #01F49F;color:#030C38;
}

.column-no {
  background-color: #fef2f2;
  border-left: 5px solid #C73FAD;color: #030C38;
}


.button-cta {
  display: inline-block;
  background-color: #C73FAD;
  color: #fff !important; /* Force white text on the button */
  padding: 12px 20px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  margin-top: 15px; 
}













.price {font-size: 2em;}
.category {border-top: 1px solid #C73FAD; padding:10px 20px; width:100%; display: grid; grid-gap:10px;}
.category p {margin-bottom: 0px;}
.category:first-child {border-top: 0px;}
.panel-info .packagecontent, .fullpanel-info .packagecontent {padding:15px 0 10px 0; border-top:3px solid #C73FAD; display: grid; width:100%; height:100%;}
.even3cols {display:grid; grid-template-columns: 1fr; grid-gap:30px;}

.special.packagecontent {border-top:3px solid #ffe673;}

.fullpanel-info {display:grid;  background: linear-gradient(180deg, rgba(15, 26, 119, 1) 0%,  rgba(46, 60, 186, 1) 77%);
border: 2px solid #01F49F; box-shadow:0px 0px 15px rgba(1,244,159,0.9); border-radius: 13px;  overflow:hidden;}
  .fullpanel-info.dark {background: #081d47; background: linear-gradient(90deg, #160428 11%, #21226B 48%, #091F41 76%); border: 2px solid #ffe673;}
.fullpanel-info .packagecontent  {padding:30px 20px 20px 20px;}

.payimg {display:block;}
.payimg img {margin: 5px 10px 0 0; height:25px;}


.panel-info { position: relative; overflow: hidden; }

dt {font-weight: 600;}
dd {padding-bottom:15px;margin-left: 20px; color: #cdd6f4;}



.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);white-space: nowrap; }
.ribbon-wrapper {width: 150px; height: 150px; overflow: hidden; position: absolute; top: -10px; right: -10px;}


.ribbon { font-size: 14px; font-weight: bold; color: #030832; text-align: center; text-shadow: none; transform: rotate(45deg);
  -webkit-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px;top: 45px; width: 200px;
  background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%); box-shadow: 0 0 10px rgba(0, 255, 255, 0.6);}

.special.ribbon, .special.ribbon2 {background: linear-gradient(90deg, #b88a00 0%, #ffe552 100%); box-shadow: 0 0 15px rgba(255, 220, 0, 0.7);}
  
.next-step-box .cta-button { display: inline-block; margin-top: 15px; padding: 12px 25px; background: #01F49F; color: #030832;
  border-radius: 13px; text-decoration: none; font-weight: bold; transition: transform 0.2s ease;}
.next-step-box .cta-button:hover {transform: scale(1.05);}

.mobile-pricing-container {width: 100%; }

.ribbon-wrapper2 {width: 150px; height: 150px; overflow: hidden; position: absolute; top: 0px; right: 0px;}
.ribbon2 { font-size: 14px; font-weight: bold; color: #030832; text-align: center; text-shadow: none; transform: rotate(45deg);
  -webkit-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px;top: 35px; width: 200px;
  background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%); box-shadow: 0 0 10px rgba(0, 255, 255, 0.6);}


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

    @media (min-width: 1023px)
{
.pricing-tabs {display: none;}
.tab-content {display: block; animation: none;}
.even3cols {display: grid; grid-template-columns: 1fr 1fr 1fr; }
.fullpanel-info .buttonright {display: flex;}
.even3cols .panel-info {height: 100%; flex-direction:column !important; }
.even3cols .packagecontent {border-top:3px solid #C73FAD !important; border-left:0px solid #C73FAD !important;}
.special.packagecontent {border-top:3px solid #ffe673;}
.even3cols .packagecontent .category:last-child {margin-top: auto;}
dl { column-count: 2; column-gap: 40px;}
dd {  break-inside: avoid;  page-break-inside: avoid;  margin-bottom: 15px;}
}

@media (min-width: 600px)
{
.category p:empty:before { content: ' '; white-space: pre;}
.fullpanel-info {display:grid; grid-template-columns: 1fr 2fr;}
.fullpanel-info .packagecontent  {border-top:0px solid #C73FAD; border-left:3px solid #C73FAD;}
.fullpanel-info .special.packagecontent  {border-top:0px solid #C73FAD; border-left:3px solid #ffe673;}

.even3cols .panel-info {display:flex; flex-direction:row; }
.even3cols .panel-info .packagecontent {border-top:0px solid #C73FAD; border-left:3px solid #C73FAD;}
.even3cols .panel-info .special.packagecontent {border-top:0px solid #C73FAD; border-left:3px solid #ffe673;}
}
@media (min-width: 431px)
{


}
