.form-check-label {
     color: #adb5bd;
}
 .form-check-input:checked {
     background-color: #007bff;
     border-color: #007bff;
}
 .ms-3 {
     color: #6c757d;
     font-size: 0.9rem;
}
 .emoji-pIUmdj1c {
     color: #ffc107;
}
 .card {
     background-color: #161b22;
     border: 1px solid #1c252e;
     border-radius: 0
     ;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
     transition: transform 0.3s ease-in-out;
}
 .card-header {
     padding: 0;
}
 .card:hover {
     
}
 .card-title {
     color: #fff;
     font-size: 1.75rem;
     font-weight: bold;
     margin-bottom: 15px;
}
 .card-subtitle {
     color: #fff;
     font-size: 3rem;
     font-weight: bold;
     margin-bottom: 10px;
     line-height: 1;
}
 .card-subtitle small {
     font-size: .8rem;
     font-weight: normal;
     color: #aaaa;
     margin-left: -4px;
}
 .card-text.small.text-muted {
     color: #6c757d !important;
     margin-bottom: 20px;
}
 .alert-info {
     background-color: rgba(0, 123, 255, 0.15);
     border-color: rgba(0, 123, 255, 0.3);
     color: #007bff;
     padding: 0.6rem 1.1rem;
     border-radius: 6px;
     margin-bottom: 25px;
     font-size: 0.9rem;
}
 .alert strong {
     font-weight: bold;
     color: #fff;
}
 .btn-primary {
     background-color: #007bff;
     border-color: #007bff;
     border-radius: 8px;
     font-weight: bold;
     padding: 0.8rem 2rem;
     font-size: 1.1rem;
}
 .btn-primary:hover {
     background-color: #0056b3;
     border-color: #0056b3;
}
 .list-unstyled {
     padding-left: 0;
     margin-top: 20px;
}
 .list-unstyled li {
     margin-bottom: 10px;
     display: flex;
     align-items: center;
     font-size: 0.95rem;
}
 .bi-check-circle-fill {
     font-size: 1rem;
     color: #28a745;
     margin-right: 8px;
}
 .row-cols-md-3 > * {
     padding-left: 15px;
     padding-right: 15px;
}
 .card {
     padding: 14px;
}
 @media (max-width: 1200px) {
     .featured-boxes > .col-md-2 > .card {
         padding: 0px;
         padding-top: 14px;
         padding-bottom:14px;
    }
     .card-body > .card-title {
         padding:0px;
    }
    /* Select everything inside .card-body except .card-title */
     .card-body > :not(.card-title) {
         padding-left:2px;
         padding-right:2px;
    }
}
 .card-body {
     padding: 0;
}
.pricing-plan-item > .card > * {
     text-align: center;
}
 .card ul {
     text-align: left;
     margin-left: auto;
     margin-right: auto;
     width: fit-content;
}
 .card ul li {
     width: 100%;
}
 .col {
     display: flex;
}
 .h-100 {
     flex-grow: 1;
}
 .small-text-muted {
     font-size: 0.85rem;
}
 .d-flex.justify-content-center.align-items-center.mt-3 {
     margin-bottom: 40px;
}
 .col-md-12.text-center.mb-4 {
     padding-bottom: 25px;
     border-bottom: 1px solid #1c252e;
     margin-bottom: 40px;
}
 .card-body > p.small.text-muted > a {
     color: #007bff;
     text-decoration: none;
}
 .card-body > p.small.text-muted > a:hover {
     text-decoration: underline;
}
 .card {
     background: linear-gradient(180deg, #161b22 0%, #0b1015 50%, #161b22 100%);
}
 .row-cols-md-3 > .col:nth-child(2) .card, .row-cols-md-3 > .col:nth-child(3) .card {
     border-left: 1px solid #2c3a48;
}
 .row-cols-md-3 > .col:first-child .card {
     border-left: none;
}
 .row-cols-md-3 > .col:last-child .card {
     border-left: 1px solid #2c3a48;
}
 .card-header > p {
     font-size: .8rem;
     opacity: .7;
}
 .plan-details-condensed {
     position: relative;
     display: inline-block;
     cursor: help;
}
 .plan-details-condensed::after {
     content: attr(data-tooltip);
     visibility: hidden;
     opacity: 0;
     position: absolute;
     background-color: rgba(0, 0, 0, 0.9);
     color: #fff;
     text-align: center;
     border-radius: 6px;
     padding: 8px 12px;
     font-size: 0.85rem;
     white-space: nowrap;
     z-index: 9999;
     transition: opacity 0.3s ease-in-out;
     top: 80%;
     left: 50%;
     transform: translateX(-50%);
}
 .plan-details-condensed::before {
     content: '';
     visibility: hidden;
     opacity: 0;
     position: absolute;
     bottom: 140%;
     left: 50%;
     transform: translateX(-50%);
     border-width: 6px;
     border-style: solid;
     border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
     z-index: 9999;
     transition: opacity 0.3s ease-in-out;
}
 .plan-details-condensed:hover::after, .plan-details-condensed:hover::before {
     visibility: visible;
     opacity: 1;
}
 .card-header > h5 {
     font-size: 2.25rem;
}
 .tooltip2 {
     position: relative;
     display: inline-block;
     cursor: pointer;
}
 .tooltip2::after {
     content: attr(data-tooltip);
     visibility: hidden;
     opacity: 0;
     position: absolute;
     background-color: rgba(0, 0, 0, 0.9);
     color: #fff;
     text-align: center;
     border-radius: 6px;
     padding: 8px 12px;
     font-size: 0.85rem;
     white-space: nowrap;
     z-index: 9999;
     transition: opacity 0.3s ease-in-out;
     bottom: 125%;
     left: 50%;
     transform: translateX(-50%);
}
 .tooltip2::before {
     content: '';
     visibility: hidden;
     opacity: 0;
     position: absolute;
     bottom: 115%;
     left: 50%;
     transform: translateX(-50%);
     border-width: 6px;
     border-style: solid;
     border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
     z-index: 9999;
     transition: opacity 0.3s ease-in-out;
}
 .tooltip2:hover::after, .tooltip2:hover::before {
     visibility: visible;
     opacity: 1;
}
 .pricing-details {
     min-height: 80px;
     align-content:flex-start;
     margin: 0 !important;
     padding: 0 !important;
}
 .pricing-tabs {
     margin: 20px auto;
}
 .tab-buttons {
     display: flex;
     justify-content: center;
     margin-bottom: 20px;
}
 .tab-input {
     display: none;
}
 .tab-label {
     padding: 10px 20px;
     margin: 0 5px;
     cursor: pointer;
     background-color: #333;
     color: #fff;
     border-radius: 5px;
     transition: background-color 0.3s ease;
}
 .tab-input:checked + .tab-label {
     background-color: #007bff;
     color: #fff;
}
 .mw-list-container {
     list-style: none;
     padding: 0;
}
 .mw-list-item {
     position: relative;
     cursor: pointer;
     display: inline-block;
     margin-bottom: 5px;
}
 .mw-list-item:last-child {
     border-bottom: none;
}
 .mw-popup-info {
     position: absolute;
     z-index: 10;
     bottom: 100%;
     left: 50%;
     transform: translateX(-42%);
     background-color: #1B212F;
     color: white;
     border-radius: 14px;
     padding-top: -3px;
     padding-left: 4px;
     padding-right: 4px;
     padding-bottom: 0;
     margin-bottom: 0px;
     font-size: 12.6px;
     width: 205px;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
     text-align: center;
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
}


.mw-popup-info p {
     margin-top: 8px;
     margin-bottom: 8px;
}

 .mw-popup-info img {
     max-width: 100%;
     height: auto;
     margin-bottom: 10px;
}
 .mw-popup-info h4 {
     color: white;
     margin-top: 0;
     margin-bottom: 5px;
}
 .mw-list-item:hover .mw-popup-info {
     opacity: 1;
     visibility: visible;
     transition: opacity 0.3s ease-in-out 0.5s, visibility 0.3s ease-in-out 0.14s;
}
 .card {
     position: relative;
     z-index: 1;
     transition: transform 0.18s cubic-bezier(.4, 2, .6, 1), box-shadow 0.18s, z-index 0s;
}
 .card:hover { /* POSSIBLY TARGETING TOO MANY  */
    /* z-index: 10;
     transform: translateY(-6px) scale(1.015);
     box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.18);*/
}
 #pricing-scroll-viewport {
     overflow-x: hidden;
     overflow-y: hidden;
     width: 100%;
     position: relative;
}
 #pricing-grid {
     display: flex;
     overflow-x: auto;
    /* Makes this element scrollable */
     overflow-y: none;
    /* Hide the scrollbar produced by this element */
     padding-bottom: 20px;
     margin-bottom: -20px;
     padding-left: 1rem;
     padding-right: 1rem;
    ;
    /* VERY IMPORTANT: Disable scroll-snap if it's enabled by another class */
     scroll-snap-type: none;
}
 .pricing-plan-item {
     min-width: 285px;
     padding-left: 0.25rem;
     padding-right: 0.25rem;
}
 .card-header-community {
     background-color: none;
}
 .card-header-ew-lite {
     background-color: #00A8A8;
}
 .card-header-standard {
     background-color: #3185FC;
}
 .card-header-order-flow {
     background-color: #4CAF50;
}
 .card-header-pro {
     background-color: #FF5F5F;
}
 .card-header-ultimate {
     background-color: #6A4C93;
}
/* Custom Modal Styles */
 .checkout-modal-content {
     background-color: #1e2329;
     color: #f8f9fa;
     border: 1px solid #343a40;
     border-radius: 12px;
}
 .modal-header {
     border-bottom: 1px solid #343a40;
     padding: 1.25rem 1.5rem;
}
 .modal-title {
     font-weight: 600;
     font-size: 1.25rem;
}
 .modal-body {
     padding-left: 2.5rem;
     padding-right: 2.5rem;
     padding-bottom: 2.5rem;
}
 .modal-footer {
     border-top: 1px solid #343a40;
     padding: 1rem 1.5rem;
     background-color: rgba(0, 0, 0, 0.1);
}
 h6 {
     color: #ced4da;
     font-weight: 500;
}
/* Plan Selector Styles */
 .plan-selector {
     display: flex;
     flex-direction: column;
     gap: 1rem;
}
 .plan-option {
     display: flex;
     align-items: center;
     padding: 1rem 1.25rem;
     border: 2px solid #343a40;
     border-radius: 8px;
     cursor: pointer;
     transition: all 0.2s ease-in-out;
}
 .plan-option:hover {
     border-color: #0d6efd;
     background-color: rgba(13, 110, 253, 0.1);
}
 .plan-option input[type="radio"] {
     -webkit-appearance: none;
     appearance: none;
     background-color: transparent;
     margin: 0;
     font: inherit;
     color: #495057;
     width: 1.25em;
     height: 1.25em;
     border: 0.15em solid #495057;
     border-radius: 50%;
     transform: translateY(-0.075em);
     display: grid;
     place-content: center;
     flex-shrink: 0;
}
 .plan-option input[type="radio"]::before {
     content: "";
     width: 0.65em;
     height: 0.65em;
     border-radius: 50%;
     transform: scale(0);
     transition: 120ms transform ease-in-out;
     box-shadow: inset 1em 1em #0d6efd;
}
 .plan-option input[type="radio"]:checked {
     border-color: #0d6efd;
}
 .plan-option input[type="radio"]:checked::before {
     transform: scale(1);
}
/* Add border to the parent when selected */
 .plan-option.selected {
     border-color: #0d6efd;
     background-color: rgba(13, 110, 253, 0.05);
}
 .plan-details {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
     margin-left: 1rem;
}
 .plan-title {
     font-weight: 500;
     color: #e9ecef;
}
 .plan-price {
     font-weight: 600;
     font-size: 1.1rem;
     color: #fff;
}
 .plan-price .text-muted {
     font-weight: 400;
     font-size: 0.9rem;
     color: #adb5bd !important;
}
/* Order Summary Styles */
 .order-summary {
     background-color: #161a1f;
     padding: 1.5rem;
     border-radius: 8px;
     border: 1px solid #343a40;
     height: 100%;
}
 .summary-item {
     display: flex;
     justify-content: space-between;
     margin-bottom: 0.75rem;
     font-size: 0.95rem;
     color: #ced4da;
}
 .summary-item.total-item {
     font-size: 1.2rem;
     font-weight: 600;
     color: #fff;
     margin-top: 1.5rem;
     padding-top: 1rem;
     border-top: 1px solid #343a40;
}
 .secure-checkout-info {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 0.5rem;
     margin-top: 1.5rem;
     font-size: 0.9rem;
     color: #6c757d;
}
 .secure-checkout-info svg {
     color: #28a745;
}
.proceed-btn {
     padding: 0.8rem 1.5rem;
     font-size: 1.1rem;
     font-weight: 600;
     border-radius: 8px;
}
 .price-container {
     display: flex;
     align-items: center;
     gap: 0.5rem;
}
 .card-subtitle {
     display: block;
     align-items: center;
     gap: 0.5rem;
     font-weight: bold;
     color: white;
}
 .original-price.strikethrough {
     position: relative;
     color: #adb5bd;
     font-size: 1.25rem;
     text-decoration: none;
}
 .original-price.strikethrough::before {
     content: '';
     position: absolute;
     top: 50%;
     left: -5%;
     width: 110%;
     height: 0.1em;
     background-color: red;
     opacity: 0.7;
     border-radius: 0.1em;
     transform: rotate(-15deg);
     display: block;
}
 .sale-price {
     color: white;
     font-weight: bold;
     font-size: 2.5rem;
}
 .per-month {
     font-size: 1rem;
     color: white;
     margin-left: .25rem;
}
 .decimal {
     font-size: .79em;
     margin-left: -1px;
     margin-right: 4px;
}
 .plan-details {
     align-items: center;
}
 .plan-price {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
}
 .price-wrapper {
     display: flex;
     align-items: center;
     gap: 0.5rem;
}

/* Plan price on page */
span.sale-price {
     font-size: 2.3rem;
     font-weight: 700;
     color: #fff;
     line-height: 1;
}
/* Plan price in modal */
.plan-price > div > .sale-price {
     font-size: 1.45rem;
    
}

 span .original-price {
     font-size: .8rem !important;
     font-weight: 400;
     color: #777;
     text-decoration: line-through;
     text-decoration-color: #f44336;
     text-decoration-thickness: 1px;
}

.plan-price > div > .original-price {
     font-size: 1rem;
     
}
 .plan-term {
     font-size: 0.75rem;
     color: #888;
     letter-spacing: 0.5px;
}
 .mw-info {
     transition: opacity 0.2s linear, visibility 0.2s linear;
     opacity: 1;
     visibility: visible;
}
 .pts-switch:hover ~ .mw-info {
     opacity: 0;
     visibility: hidden;
}
 .pts-switch {
     display: inline-block;
}
 .tooltip-arrow {
     display: none !important;
}

.rounded-bottom {
     border-bottom-left-radius: 12px !important;
     border-bottom-right-radius: 12px !important;
}