.bv-is-promo-bar {

     background-color: #145865;
     width: 100%;
     height: 40px;
     color: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .bv-is-promo-bar p {
     margin-block-start: 1em !important;
     margin-block-end: 1em !important;

 }

 dl.variation {
     display: none;
 }

 .option-hidden {
     display: none;
 }

 /* Multi-Step Container */

 .multistep-product-options-container {
     position: relative;
     width: 100%;

     margin: 0 auto;
     margin-top: 20px;
     padding: 20px;

     font-family: 'Open Sans', sans-serif !important;
     overflow: hidden;
 }

 .progress-container {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
     justify-content: center;
 }

 .progress-bar {
     /* flex: 1; */
     height: 5px;
     background-color: #e0e0e0;
     margin: 0 10px !important;
     margin-bottom: 0 !important;

     width: 400px !important;
     display: block !important;
 }

 .progress-bar-inner {
     height: 100%;
     width: 0%;
     background: #145866;
     transition: width 2s cubic-bezier(.55, 0, .1, 1);
 }

 .back-step,
 .front-nav {
     margin-right: 40px;
     width: 10%;
 }

 /* Back Button */
 .back-step {
     background-color: transparent;
     border: none;
     color: #333;
     font-size: 16px;
     cursor: pointer;
 }

 button.back-step:focus {
     background: none;
     border-color: white !important;
     color: black;
     outline: none;
 }

 i.fa.fa-angle-left {
     padding-right: 10px;
 }

 button.back-step:hover {
     background: none;
     border-color: white !important;
     color: black;
     outline: none;
 }



 .steps {
     transition: transform 0.5s cubic-bezier(.55, 0, .1, 1);
     width: 100%;
     display: flex;
     align-items: flex-start;
 }


 .step {


     flex: 0 0 100%;
     width: 100%;
     opacity: 0;
     position: relative;

     transition: opacity 1s cubic-bezier(.55, 0, .1, 1);
 }

 a.edit-step:focus {
     border: none !important;
 }

 a.edit-step:active {
     color: #146866 !important;
 }

 a.edit-step:hover {
     background: transparent;
     color: #145866 !important;
     border: none;
 }

 a.edit-step {
     color: #14586690 !important;
     text-decoration: underline !important;
     cursor: pointer;
 }

 html,
 body {
     margin: 0;
     padding: 0;
     border: 0;
     background-color: #fff;
     font-family: 'Open Sans', sans-serif !important;
     color: #000;
     font-size: .95em;
     line-height: 1.5;
 }

 .option-card p {
     font-weight: 100;
     font-size: 0.95em !important;


     line-height: 1.3;
     /* flex-basis: 50%; */
 }

 .size-10 {
     font-size: small;
     font-weight: 100;
     /* color: gray; */
 }

 .option-card .discount {
     color: #145866;
     font-weight: 600;
 }

 .option-card {
     display: flex;
     position: relative;
     background-color: none;
     padding: 20px;
     border: 2px solid #145866;
     cursor: pointer;
     cursor: pointer;
     transition: background 0.5s cubic-bezier(.55, 0, .1, 1);
     flex: 0 1 22%;
     flex-direction: column;
     max-width: 22%;
     width: 100%;
     justify-content: center;
     align-content: center;
     border-radius: 20px !important;
     -webkit-border-radius:20px !important;
     max-width: calc((100% / 5) - 20px) !important;
     min-width: 300px !important;

 }

 .option-card:hover .notice {
     color: #ff8b81 !important;
 }

 .option-card:hover .color-gray {
     color: #ffffff78;
 }

 #ls-rx-fields a {
     color: #005a62;
     display: flex;
     align-items: center;
 }


 .option-card:hover {
     color: white;
     background: linear-gradient(313deg, #145866, #145866d1);
 }



 .option-card h3 {
     font-weight: 600 !important;
     font-size: 1.2rem;

     font-family: "Open Sans", Sans-serif !important;
     line-height: 1;
 }



 .option-card.selected::before {
     content: "\2713";
     position: absolute;
     top: -10px;
     right: -10px;
     width: 25px;
     height: 25px;
     background-color: #145865;
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px;
     font-weight: bold;
 }

 .step h2 {
     text-align: center;
     font-size: 1.6rem;
     font-weight: 600;
     padding-bottom: 15px;
 }


 .options-cards {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     /* margin-top: 40px; */
     justify-content: center;


     width: inherit;
 }

 .step.active {
     display: flex;
     opacity: 1;
     /* padding: 10px; */
     flex-direction: column;
     justify-content: center;
     align-items: center;
     position: relative !important;
     /* flex: 0 0 100%; */
     /* flex: 0 0 100%; */
     flex-wrap: wrap;
     align-content: center;
 }

 .review-selections li:last-child {
     border: none;
 }



 .selected {
     background-color: #145866;
     color: white;

 }

 .option-card img.tooltip {
     display: block;
     position: absolute;
     top: 12px;
     right: 12px;
     width: 20px;
     margin-right: 0;
 }
 .option-card:hover .tooltip {
    filter: invert(1) !important;
}

.option-card.selected .tooltip {
   filter: invert(1) !important;
}

 .ls-hdn-details {
     display: none;
 }

 .prescription-layout>p {
     text-align: center;
 }

 .discount,
 .price,
 p {
     display: block;
     margin: 5px 0;
     font-size: 1em !important;
 }

 .option-card .discount {
     color: #145866;
 }

 .color-gray {
     color: gray;
     font-weight: 400;
 }

 .d-flex {
     display: flex;

     align-items: center;
     gap: 10px;
 }

 .display-inline-block {
     display: inline-block;
     font-size: larger;
 }

 /* Review Step */
 .review-selections {
     list-style: none;
     padding: 0;
     padding-bottom: 30px;
 }

 .option-card:hover .discount {
     color: #9fd6e1;
 }

 .selected .discount {
     color: #9fd6e1;
 }

 .review-selections li {
     font-size: 1em;
     margin: 10px 0;
     padding: 10px;
     border-bottom: 1px solid #cccccc60
 }

 /* Add to Cart Button */
 .add-to-cart {
     padding: 10px 20px;
     background-color: #145866;
     color: white;
     border: none;
     border-radius: 3px;
     font-size: 1.1em;
     cursor: pointer;
     margin-top: 20px;
     transition: background-color 0.5s cubic-bezier(0.54, 0.03, 0, 0.97);
 }



 button#add-to-cart {
     min-width: 300px;
     position: sticky;
     bottom: 0;
     outline: none;
     border-radius: 50px;

     &:hover {
         background-color: #12ACC5;
     }
 }

 .add-to-cart:hover {
     background-color: #14586660;
 }

 button#add-to-cart:focus {
     background-color: #14586660;
     border: 1px solid #14586660;
 }

 .footer-contact-info {
     display: flex;
     justify-content: center;
     margin-top: 40px;
     width: 100%;
 }

 .text-center {
     text-align: center !important;
 }



 .ml-auto,
 .mx-auto {
     margin-left: auto !important;
     margin-right: auto !important;
 }

 .col-12 {
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
 }

 .magnification-layout {
     margin-top: 20px;
 }

 .magnification-layout .rx-select {
     max-width: 350px;
     margin: 0 auto;
 }

 *[id] {
     scroll-margin-top: 130px;
 }

 .copyTest .bonnieview-blocks {
     font-size: 15px;
 }



 .p-0 {
     padding: 0 !important;
 }

 .mb-4,
 .my-4 {
     margin-bottom: 1.5rem !important;
 }

 .bonnieview-blocks>div {
     padding: 0;
 }

 #bonnieview_product_magnification {
     padding: 2px 20px 2px 5px;
     height: 40px;
     width: 230px;
     font-size: 1.2em;
     border-color: #cfc8d8;
     border-radius: 6px;
     color: #444;

     &:focus {
         outline: none;
     }
 }

 .mb-3,
 .my-3 {
     margin-bottom: 1rem !important;
     margin-top: 1rem !important;

 }


 .pad-rt-20 {
     padding-right: 20px !important;
 }



 .autoAdvance #save-readers {
     display: block;
     max-width: 350px;
     margin: 0 auto;
 }

 a.btn-cta {
     border-radius: 4px !important;
 }

 .btn-cta.green {
     background: #005a62;
     padding: 15px 30px !important;
     border-radius: 50px !important;
     text-transform: capitalize;

     &:hover {
         background: #12ACC5;
     }
 }

 a:link,
 a:visited,
 a:active {
     font-weight: 400;
     color: #000;
     text-decoration: underline;
 }

 a.btn-cta,
 #menu-top-full #site-nav .menu-btn a,
 input.btn-cta {
     display: inline-block;
     padding: .5em 1.5em;
     text-decoration: none !important;
     font-family: inherit;
     cursor: pointer;
     background: #ab2317;
     border-radius: 0;
     line-height: normal;
     text-transform: uppercase;
     text-align: center;
     vertical-align: baseline;
     font-size: 120%;
     color: #fff !important;
     border-radius: 4px;
     font-weight: 600 !important;
 }

 .size-16 {
     font-size: 1.333em !important;
 }

 #content-main h2 {
     margin: 20px 0 0;
     padding: 0 0 10px;
     font-weight: 500;
 }

 .weight-bold {
     font-weight: 700 !important;
 }

 #ls-rx-fields {
     font-size: 1rem;
     margin-bottom: 0;
 }

 .form-container {
     margin: 30px auto;
     font-size: 1em;
 }

 #content-main {
     padding-bottom: 20px;
     line-height: 1.4;
 }

 .stacktable.small-only {
     display: none;
 }



 .form-container * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     text-decoration: none;
 }

 .stacktable {
     border-collapse: collapse;
 }

 #ls-rx-fields {
     font-size: 1rem;
     margin-bottom: 0;
 }

 #table-01 {
     margin: 0 auto;
     max-width: 900px;
 }

 .stacktable.large-only {
     display: table;
 }

 .table-minimal-small {
     margin: 15px 0;
     width: 100%;
 }

 table td,
 table th {
     padding: 15px;
     line-height: 1.5;
     vertical-align: top;
     border: none;
 }

 .table-minimal-small th {
     padding: 4px;
     text-align: center;
     vertical-align: middle;
     font-size: 13px;
     font-weight: 700;
     border: none;
     /* width: 300px; */
 }

 .form-container .select {
     background: #fff;
     border: 1px solid #cfc8d8;
     overflow: hidden;
     border-radius: 30px;
 }

 .form-container input:focus+.checkbox,
 .form-container .select>select {
     /* box-shadow: 0 0 5px 5px rgba(0, 0, 255, 1); */
     outline-color: transparent;
     outline-width: 2px;
     outline-style: dotted;
 }

 /* #ls-rx-fields select {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
 } */

 .form-container input,
 .form-container button,
 .form-container select,
 .form-container select optgroup,
 .form-container textarea {
     margin: 0;
     font-size: 1.2em;
     line-height: normal;
     font-style: normal;
     vertical-align: baseline;
     padding: 0 15px;
     accent-color: #005a62;
 }

 .form-container input[type="radio"] {
     transform: scale(1.2);
     /* Increase size proportionally */
 }

 .form-container .select>select:hover {
     /* border: 1px solid #ccc; */
 }

 .form-container .select>select:focus {
     /* border: 1px solid #ccc; */
 }

 select {
     /* border: 3px #fff solid !important; */
 }

 .form-container .select>select {
     background: #fff;
     margin: 0;
     border: 0;
     width: 100%;
     min-width: 85px;
     height: 46px;
     padding: 0;
     color: #000;
     position: relative;
     text-shadow: 0 1px white;
    padding-left: 10px;
     text-indent: .01px;
     text-overflow: clip;
     vertical-align: top;
     cursor: pointer;
     
 }

 .form-container .select:before,
 .form-container .select:after {
     top: 25%;
     width: 0;
     height: 0;
     right: 10px;
     border: 7px solid;
     pointer-events: none;
     border-color: #b4b4b4 transparent #fff;
 }

 .form-container .select:after {
     margin-top: 6px;
     border-top-style: solid;
     border-bottom: 0;
 }





 .ls-rx-fields thead:first-child tr:first-child td,
 .ls-rx-fields thead:first-child tr:first-child th {
     border-block-start: none;
 }

 .table-minimal-small td {
     padding: 4px;
     vertical-align: middle;
     background-color: #fff;
     text-align: left;
     font-size: 13px;
     border: none;
 }

 .form-container section {
     margin-bottom: 20px;
     position: relative;
     text-align: center;
     padding-bottom: 30px;
     border-bottom: 1px solid #ccc;
 }

 a:link,
 a:visited,
 a:active {
     font-weight: 400;
     color: #000;
     text-decoration: underline;
 }

 .decoration-underline {
     text-decoration: underline !important;
 }

 #ls-rx-fields>div {
     border-top: 1px solid var(--background-grey);
 }

 #ctl00_ContentPlaceHolderProductDisplay_AddRowPD {
     max-width: 900px;
     margin: 0 auto;
     padding-bottom: 0 !important;
 }

 .mt-3,
 .my-3 {
     margin-top: 1rem !important;
 }

 .d-block {
     display: block !important;
 }

 .pad-10 {
     padding: 10px !important;
 }

 .text-left {
     text-align: left !important;
 }

 .mr-3,
 .mx-3 {
     margin-right: 1rem !important;
 }

 #ls-rx-fields>div>div:not(.form-group) {
     padding: 10px 0;
 }

 .align-items-center {
     -ms-flex-align: center !important;
     align-items: center !important;
 }

 .flex-wrap {
     -ms-flex-wrap: wrap !important;
     flex-wrap: wrap !important;
 }

 .autoAdvance #ls-rx-input>section.text-center {
     display: block;
 }

 #ls-rx-input>section.text-center,
 .spacer-10 {
     display: block;
 }

 .d-none {
     display: none;
 }

 .reviewHeader {
     border-bottom: 1px solid #ccc;
     padding: 10px;
 }

 #review-section .reviewHeader {
     max-width: 400px;
     margin: 0 auto;
     padding: 10px;
     border-bottom: 1px solid #ccc !important;
     width: 100%;
 }

 .reviewHeader div {
     text-transform: capitalize;
 }

 #review-section {
     line-height: 1.5;
     width: inherit;
 }

 .justify-content-between {
     -ms-flex-pack: justify !important;
     justify-content: space-between !important;
 }

 .justify-content-center {
     -ms-flex-pack: justify !important;
     justify-content: center !important;
 }



 .reviewHeader a {
     text-decoration: underline;
     font-weight: 600;
 }

 .weight-bold {
     font-weight: 700 !important;
 }

 #review-section .reviewHeader:last-child {
     border-bottom: 0 !important;
 }

 .weight-normal {
     font-weight: 400 !important;
 }

 .decoration-strike {
     text-decoration: line-through !important;
 }

 #review-section .price-with-promo {
     padding-left: 5px;
     max-width: 350px;
 }

 .price-with-promo {
     font-size: 18px !important;
 }

 .display-inline-block {
     display: inline-block !important;
 }

 .ml-2,
 .mx-2 {
     margin-left: .5rem !important;
 }

 .woocommerce-page .woocommerce table tr td.product-name a {
     font-size: 19px;
     line-height: 22px;
     font-weight: 800;
 }

 .amount-label-header a,
 .showHidePrescription a {
     text-decoration: none;
 }

 #international-msg,
 .item-name {
     line-height: 1.5;
 }

 .item-name {
     font-size: 16px;
     font-weight: 600 !important;
 }

 .pkg-details.show+.lens-details {
     font-size: .9em;
     display: block;
     margin-left: 15px;
     opacity: 1;
     transition: font-size .25s, margin .25s, padding .25s, opacity .5s .25s;
 }

 .retail-price {
     text-decoration: line-through;
     color: #ccc;
 }

 .lens-details {
     margin-top: 20px;
 }

 .item-price-header,
 .retail-price-header,
 .item-price,
 .retail-price {
     text-align: right;
 }

 .price-holder>div {
     padding: 0 5px;
 }

 .price-holder>div:last-child {
     padding-right: 0;
 }

 .item-price {
     font-weight: 600;
 }

 .price-holder {
     display: flex;
     justify-content: space-between;
 }

 .pkg-details.show+.lens-details>div {
     padding: 5px 0;
 }

 .justify-content-between {
     -ms-flex-pack: justify !important;
     justify-content: space-between !important;
 }

 .weight-medium {
     font-weight: 600 !important;
 }

 .price-holder {
     display: flex;
     padding-left: 10px;
 }

 .pkg-details.show+.lens-details>div:last-child {
     padding-bottom: 10px;
 }

 .selected-rx-options {
     margin: 20px 0;
     padding: 15px;
     background: #fcfcfcf3;
     border: 1px solid #ddd;
 }

 .selected-rx-options h4 {
     margin-bottom: 10px;
 }

 .selected-rx-options ul {
     margin: 0;
     padding-left: 20px;
 }

 .selected-rx-options li {
     margin-bottom: 10px;
     list-style-type: none;
     font-size: 14px;
     line-height: 23px;
 }

 .single_add_to_cart_button.button.alt {
     background: transparent !important;
     color: black !important;
     text-decoration: underline !important;
     width: auto !important;
 }

 .single_add_to_cart_button.button.alt:hover {
     color: rgba(0, 0, 0, 0.685) !important;

 }

 table tbody>tr:nth-child(odd)>td,
 table tbody>tr:nth-child(odd)>th {
     /* background-color: hsla(0,0%,50.2%,.0705882353); */
 }

 table tbody>tr:nth-child(odd)>td,
 table tbody>tr:nth-child(odd)>th {
     background: none !important;
     width: 300px;
     outline: none;
 }

 table tbody tr:hover>td,
 table tbody tr:hover>th {
     background: none !important;
 }

 .btn-cta.green {
     background: #005a62;
     padding: 15px 30px !important;
     border-radius: 50px !important;

     &:hover {
         background: #12ACC5;
     }
 }

 table caption+thead tr:first-child td,
 table caption+thead tr:first-child th,
 table colgroup+thead tr:first-child td,
 table colgroup+thead tr:first-child th,
 table thead:first-child tr:first-child td,
 table thead:first-child tr:first-child th {
     border-block-start: none !important;
 }

 #ls-rx-input>section.text-center {
     display: flex !important;
     justify-content: center;
     flex-direction: column;
     gap: 20px;
     margin-top: 20px;
 }

 a#skip-rx {
     text-decoration: underline;
     cursor: pointer;
     color: #005a62;
 }

 #table-01 td.weight-bold {
     width: 100px !important;
 }

 .mb-0 {
     height: 50px;
 }

 .woocommerce .elementor-164 .elementor-element.elementor-element-7e49974 form.cart table.variations td.value select,
 .woocommerce .elementor-164 .elementor-element.elementor-element-7e49974 form.cart table.variations td.value:before {
     border-radius: 33px;
     border: 1px solid #ccc !important;
     padding-right: 10px !important;
 }

 #custom-modal {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: none;
     background-color: rgba(0, 0, 0, 0.7);
     z-index: 1000;
     opacity: 0;

     transition: transform 0.3s ease-out, opacity 0.3s ease-out;
     overflow: hidden;
     /* Prevent scrolling outside the modal */
 }

 #custom-modal.visible {
     display: block;
     opacity: 1;
     transform: scale(1) translateY(0);
 }

 .custom-modal-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
 }

 .custom-modal-content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background: white;
     padding: 20px;
     max-width: 700px;
     min-width: 400px;
     max-height: 450px;
     overflow-y: auto;
     border-radius: 8px;
 }


 .custom-modal-close {
     position: absolute;
     top: 10px;
     right: 10px;
     background: none;
     border: none;
     font-size: 24px;
     cursor: pointer;
 }

 /* Full-screen overlay (already included) */
 .custom-modal-overlay {
     background: rgba(0, 0, 0, 0.5);
 }

 /* Loading spinner */
 #modal-spinner {
     display: none;
     /* Hidden initially */
     position: absolute;
     top: 50%;
     left: 50%;

     width: 40px;
     height: 40px;
     border: 4px solid #ccc;
     border-top: 4px solid #0073e6;
     /* Blue top */
     border-radius: 50%;
     animation: spin 0.8s linear infinite;
 }

 .custom-modal-content .tooltipHeader {
     font-size: 1.2em;
     font-weight: 600;
 }

 .custom-modal-content ul {
     margin-top: 0;
     list-style-type: '\2013';
     padding-left: 8px;
 }

 .custom-modal-content ul li {
     margin: 1em 0;
     padding-left: 3px;
 }

 .background-green-2 {
     background-color: rgba(1, 129, 131, 0.2);
     padding: 12px;
 }

 .custom-modal-content .ls-hdn-details,
 .custom-modal-content #transition-package-holder {
     font-size: 15px;
     opacity: 1;
     padding: 30px;
     line-height: 1.5;
 }

 .ls-hdn-details,
 .hdn-package-details,
 #transition-package-holder {
     text-align: left;
     font-size: 0;
     margin: 0;
     opacity: 0;
     padding: 0;
     transition: opacity .25s, font-size .5s .25s, margin .5s .25s, padding .5s .25s;
 }

 @keyframes spin {
     from {
         transform: rotate(0deg);
     }

     to {
         transform: rotate(360deg);
     }
 }

 #popup-holder {
     margin: 0;
     padding: 20px 20px 0;
 }

 #popup-holder-inner {
     margin: 20px auto;
     width: 96%;
 }

 .transform-uppercase {
     text-transform: uppercase !important;
 }

 #popup-holder-inner h1 {
     margin: 0 0 15px;
     font-size: 26px;
     font-weight: normal;
     color: #333;
 }

 button#close-modal {
     color: black;
     font-size: 20px;
 }

 button#close-modal:hover {
     background: none;
 }

 button#close-modal:focus {
     background: none;
     border: 0;
     outline: 0;
 }

 .custom-modal-content {
     transform: scale(0.2) translate(-200px, 10px);
     opacity: 0;

     transition: transform 0.5s cubic-bezier(0.57, 0.01, 0, 0.96), opacity 0.3s ease-out;
     /* transform-origin: left; */
 }

 .custom-modal-content.visible {
     transform: scale(1) translate(-50%, -50%);

     opacity: 1;
     /* transform: translate(-50%, -50%); */
 }

 .p-5 {
     padding: 3rem !important;
 }

 .pt-0,
 .py-0 {
     padding-top: 0 !important;
 }

 .pb-3,
 .py-3 {
     padding-bottom: 1rem !important;
 }

 .weight-medium {
     font-weight: 600 !important;
 }

 .size-15 {
     font-size: 1.25em !important;
 }

 .mb-2,
 .my-2 {
     margin-bottom: .5rem !important;
 }

 .mt-2,
 .my-2 {
     margin-top: .5rem !important;
 }

 .ls-recommended:after {
     content: "Recommended";
     display: block;
     margin-top: 1px;
 }

 .ls-recommended {
     background-color: rgb(51, 51, 51);
     color: #fff;
     font-weight: bold;
     font-size: .9rem;
     text-align: center;
     text-transform: uppercase;
     width: 162px;
     margin-left: -81px;
     position: absolute;
     top: -11px;
     left: 50%;
     border-radius: 5px;
     box-shadow: 1px 3px 14px 0px #00000038;
 }

 .pkg-pill span {
     background: #e7f5f5;
     padding: 5px 10px;
     color: var(--color-green);
     color: #017779;
     border-radius: 5px;
     white-space: nowrap;
     margin: 2px 5px 7px 0;
 }

 .pkg-pill {
     display: flex;
     flex-wrap: wrap;
 }

 .notice {
     color: #ab2317 !important;
     text-shadow: 0 0 black;
 }


 @media screen and (max-width: 992px) {
    *[id] {
        scroll-margin-top: 96px;
    }
}

@media (max-width: 768px) {
     dl.variation {
         display: none;
     }
 }

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

    .option-card {

        min-width: 100% !important;
    }
}

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

    .progress-container {
        /* position: absolute; */
        display: flex;
        margin-bottom: 20px;
        flex-direction: column;
        align-items: flex-start;
        /* width: 800px; */
        margin-left: -30px;
    }

    .options-cards {
        display: flex;
        /* flex-wrap: wrap; */
        /* gap: 20px; */
        /* margin-top: 40px; */
        /* justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        flex-direction: column; */
    }

     .option-card {
       /* display: flex;
        position: relative;
        background-color: none;
        padding: 20px;
        border: 2px solid #06161a;
        cursor: pointer;
        cursor: pointer;
        transition: background 0.5s cubic-bezier(.55, 0, .1, 1);
        flex: 0;
        flex-direction: column;
        max-width: 100%;
        width: 100%;
        justify-content: center;
        align-content: center;
        align-content: flex-start;*/
        min-width: 100% !important;
        border-radius: 10px;
    } 
    .stacktable.large-only {
        display: none !important;
    }

    .stacktable.small-only {
        display: table !important;
    }
}

 @media screen and (max-width : 1024px) and (min-width: 425px) {

    .option-card {
        flex: 0 1 30%;
        max-width: 100%;
        /* flex-wrap: wrap !important; */
    }

    .options-cards {
        width: inherit;

        flex-wrap: wrap !important;
    }

    .stacktable.small-only {
        display: table;
    }

    .table-01 {
        display: none;
    }
}

.form-container select[readonly] {
    background-color: #e9ecef;
    pointer-events: none;
}