@import url("https://use.fontawesome.com/releases/v5.15.0/css/all.css");

 .try a {
     background-color: var(--secondary-color);
 }

 .ready button {
     background-color: var(--secondary-color);
 }

 tbody tr th {
     position: sticky !important;
     left: 0 !important;
     top: 0;
 }

 .offerColor {
     color: red
 }

 .checkColor {
     color: rgb(0, 208, 0)
 }

 .marginBottom {
     margin-bottom: 10px
 }

 thead tr th:first-child {
     position: sticky !important;
     left: 0 !important;
     top: 0;
 }

 thead {
     color: rgba(0, 0, 0, .54);
     font-size: 22px;
 }

 thead tr th {
     text-align: center;
 }

 tfoot tr th {
     text-align: center;
 }

 tbody {
     color: rgba(0, 0, 0, .87);
     font-size: 14px;
 }

 td {
     text-align: center;
 }

 th {
     text-align: left;
 }

 .table-active {
     font-size: 22px;
 }

 .table .popular {
     font-size: 18px;
     color: white;
     position: relative;
     padding-top: 5%;
     margin-top: -40px;
     padding-bottom: 5px;
     background-color: var(--secondary-color);
     z-index: 0;
 }

 .table .popularTab {
     padding: 0 !important;
     /* margin: 0.7rem 0.7rem !important; */
 }

 .table .popularText {
     margin: 11px 0.7rem !important;
 }

 .table-responsive .space {
     padding-top: 4%;
     /* box-shadow:none; */
     background-color: #fff;
 }

 .trasparen-text {
     opacity: 0;
 }

 .free {
     font-size: 18px;
     font-weight: 400 !important;
     margin-bottom: 0%
 }
.tax-note{
    text-align: center; 
    padding: 0px;
    margin: 0px 36px;
    color: rgb(158, 152, 152);
}

 @media (max-width:1247px) {
     .free {
         font-size: 16px;
         /* margin-bottom: 6%; */
     }
 }

 @media (max-width:1244px) {
     .table .popular {
         padding-top: 7%;
         font-size: 17px;
     }
 }

 @media (max-width:1187px) {

     .table .popular {
         padding-top: 8%;
         font-size: 16px;
     }
 }

 @media (max-width:1129px) {

     .table .popular {
         padding-top: 9.5%;
         font-size: 15px;
     }
 }

 @media (max-width:1122px) {

     .table .popular {
         padding-top: 9%;
         /* padding-bottom: 8%; */
         font-size: 15px;
     }
 }

 @media (max-width:1008px) {

     .table .popular {
         padding-top: 10.5%;
         font-size: 14px;
     }
 }

 @media (max-width:955px) {

     .table .popular {
         padding-top: 12%;
         font-size: 13px;
     }
 }

 @media (max-width:759px) {

     .table .popular {
         margin-top: -31px;
         padding-top: 5%;
         font-size: 13px;
     }
 }

 .table>:not(caption)>*>* {
     padding: 11px 0.7rem !important;
     background-color: var(--light-font-color) !important;
 }

 .table .freee {
     padding: 0.7rem 2rem !important;
 }

 .feature-table {
     margin: 2% 0%;
     width: 80%;
     /* box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%); */
 }

 .plan-testimonial-container {
     margin: 5% 0%;
 }

 .pricing-container {
     background-color: #f2f8f9;
     line-height: 1.7;
     height: 50vh;
     padding-top: 10%;
 }

 .plan-feature-comparison-container {
     margin: 3% 0% 0%;
 }

 .feature-header {
     color: var(--secondary-color);
     padding-bottom: 10px;
     text-align: center;
 }

 .feature-text {
     font-weight: 400;
     cursor: pointer;
 }

 .signup-btn {
     background-color: var(--primary-color) !important;
     color: var(--light-font-color) !important;
     transition: all .2s !important;
 }

 .bottom-margin {
     margin: 20px 0;
 }

 .signup-btn:hover {
     /* transform: scale(1.05); */
     transform: translate(0, -7%);
 }

 .feature-name {
     text-align: left;
     font-size: 16px;
     font-weight: 500;
 }

 h6 {
     font-weight: 400;
 }

 .flex-row {
     flex-direction: row;
     display: flex;
     margin: 5%;
 }

 .flex-end {
     place-content: stretch flex-end;
     align-items: stretch;
     flex-direction: row;
     display: flex;
     flex: 1 1 100%;
     max-width: 60%;
 }

 .flex-half {
     flex: 1 1 100%;
     max-width: 40%;
 }


 .annual-price {
     color: #6E6E6E;
 }

 .price {
     font-weight: 900;
     padding-top: 5%;
     font-size: 30px;
 }

 .header {
     color: var(--primary-color);
     font-size: 30px;
     color: var(--primary-color);
     font-weight: bolder;
     text-transform: uppercase;
     font-family: sans-serif;
 }

 .plan-title {
     color: var(--primary-color);
     padding: 10px;
     font-weight: bold;
 }

 .plan-header {
     color: #6e6e6e;
     padding: 5px 15px;
     font-weight: bold;
 }

 .plan-subHeader {
     font-size: 18px;
     word-spacing: 3px;
     padding: 5px 15px;
 }

 .plan-list-container {
     margin: -2% 2%;
     flex-flow: row wrap;
     display: flex;
     place-content: center;
     align-items: center;
 }

 .plan-card {
     flex-basis: calc(22%);
     position: relative;
     max-width: calc(17.5%);
     margin-right: 3%;
     min-height: auto;
     background-color: #fafafa;
     border-radius: 10px;
     box-shadow: 0 0.0625em 0.0625em rgb(0 0 0 / 25%), 0 0.125em 0.5em rgb(0 0 0 / 25%), inset 0 0 0 1px hsl(0deg 0% 100% / 10%);
 }

 @media (min-width: 1122px) {
     .plan-card:last-child {
         margin-right: 0%;
     }

 }


 .price-card-title {
     color: var(--primary-color);
     font-size: 30px;
     font-weight: 500;
     text-transform: uppercase;
 }

 @media (max-width: 1122px) and (min-width: 759px) {
     .plan-card {
         max-width: 27%;
         margin: 3%;
         flex: 1 1 40%;
         min-height: auto;
     }

     .plan-card .header {
         font-size: 22px;
     }

     .plan-card .price {
         font-size: 22px;
     }

     .feature-table {
         width: 90%;
     }
 }

 @media (max-width: 759px) {
     .plan-card {
         max-width: 100%;
         min-height: auto;
         margin: 3% 6%;
         flex: 1 1 100%;
     }

     .bottom-margin {
         margin-bottom: 20px;
         width: 90%;
         padding: 3% 1% !important;
         font-size: 16px !important;
         /* margin: 0 5%; */
     }

     .free {
         font-size: 20px;
         /* margin-bottom: 2% */
     }

     .price {
         font-weight: 600;
         padding-top: 5%;
         font-size: 30px;
     }

     .feature-name {
         font-size: 20px;
     }

     .annual-price {
         font-size: large;
     }

     .text-end {
         font-size: 20px;
     }

     .header {
         font-size: 30px;
     }

     .feature-table {
         width: 90%;
     }

     .table-responsive .space {
         padding-top: 15%;
         /* box-shadow:none; */
         background-color: #fff;
     }

     .plan-list-container {
         margin-top: -2%;
     }
 }

 .plan-card .pricing-badge {
     position: absolute;
     top: 0;
     z-index: 0;
     right: 0;
     width: 100%;
     display: block;
     font-size: 15px;
     padding: 0;
     overflow: hidden;
     height: 100px;
 }

 .pricing-badge .badge {
     float: right;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     right: -67px;
     top: 25px;
     position: relative;
     text-align: center;
     width: 200px;
     font-size: 13px;
     margin: 0;
     padding: 7px 10px;
     font-weight: 500;
     color: var(--light-font-color);
     background: var(--secondary-color);
 }

 @media (max-width:987px) {
     .shadow-box .shadow2 {
         box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
         padding: 0.7rem 0.7rem !important;
         height: 100%;
     }

     .shadow-box .remove {
         padding: 0 !important
     }
 }

 .shadow-box .remove2 {
     color: #6E6E6E;
 }

 .table-bordered>:not(caption)>*>* {
     border-width: 1px 1px !important;
 }

 .table>:not(:last-child)>:last-child>* {
     border-bottom-color: inherit !important;
 }

 .price-pack {
     font-size: 15px;
     color: rgb(158, 152, 152);
 }

 .price-name {
     font-size: 12px;
     color: rgb(158, 152, 152);
 }

 .removemp {
     margin: 0 !important;
     padding: 0 !important;
 }

 .plan-description {
     color: #000000;
     font-size: 18px;
     width: 220px;
     margin-bottom: 20px;
 }

 .plan-heading {
     font-size: 25px;
     font-weight: bold;
     padding-top: 5%;

 }

 .plans-details {
     border-radius: 15px;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     padding: 25px 30px 5px 30px;
     position: relative;
 }

 .plans-section {
     gap: 35px !important;
 }

 .plan-border {
     border-radius: 40px !important;
     border: 2px solid #ffffff !important;
     padding: 11px 18px !important;
     background-color: #015374 !important;
     color: white !important;
     font-weight: 800 !important;
 }

 .plan-list-outer {
     margin-bottom: 2rem;
     padding: 0 !important;
 }

 #monthly,
 #yearly {
     font-weight: bold !important;
     margin: 10px !important;
 }

 .popularRibbon {
     position: absolute;
     margin: 0;
     width: 282px;
     height: 40px;
     left: -1px;
     top: -20px;
     font-size: 22px;
     font-weight: 600;
     border-radius: 15px 15px 0 0;
     background: #ff881d;
     color: #ffffff;
     box-shadow: inset 0px 5px 4px -4px #ecddd461;
 }

 .popularRibbon-border {
     border: 1px solid #ff881d;
 }

 .extraFeatures-img {
     height: 100px;
     width: 100px;
 }

 .extraFeatures-card {
     width: 280px;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
 }

 .extraFeatures-title {
     font-size: 16px;
     font-weight: bold;
 }

 .extraFeatures-description {
     font-size: 14px;
 }

 .plans-details:first-child .plan-description {

     margin-bottom: 60px;
 }

 .plan-feature-comparison-container {
     -webkit-user-select: none;
     -webkit-touch-callout: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .seek-more-heading {
     font-size: 2.5rem;
     font-weight: bold;
 }

 .seek-more-image-text {
     font-size: 1.5rem;
     font-weight: bold;
 }

 .seek-more-image {
     height: 80px;
     width: 80px;
     object-fit: cover;
 }

 .seek-more-section {
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
 }

 .list-items i {
     font-size: 16px;
     color: green;
     font-weight: bold !important;
     margin-right: 7px;
 }

 .marquee4 {
     /* height: 30rem !important; */
 }

 .custom-accordion,
 .accordion-item {
     background-color: #000000 !important;
     color: #ffffff !important;
     transition: all 0.3s ease-in-out;
 }

 .custom-accordion .accordion-button:not(.collapsed)::after {
     transform: none !important;
     font-size: 25px !important;
     font-weight: bolder !important;
     margin-top: -17px !important;
     margin-right: 2rem;
     font-family: "Font Awesome 5 Free";
     content: '' !important;
 }

 .custom-accordion .accordion-button::after {
     font-family: "Font Awesome 5 Free";
     font-size: 25px !important;
     font-weight: bolder !important;
     margin-top: -17px !important;
     content: '' !important;
     margin-right: 2rem;

 }

 .faq-banner-question {
     color: #ffffff !important;
 }

 #queries-container button {
     background-color: #000000 !important;
     color: #ffffff !important;
 }

 .accordion-button:not(.collapsed) {
     color: #000000 !important;
     background-color: white !important;
     box-shadow: none !important;
 }


 .accordion-item {
     margin-bottom: 0 !important;
     padding-bottom: 3rem;
 }

 .accordion-body:last-child {
     margin-bottom: 0 !important;
 }

 #tryZenbasket div div h1 {
     font-size: 2rem;
 }

 #tryZenbasket div div h3 {
     font-size: 1.5rem;
 }

 .plan-subHeader i:nth-child(2),
 .plan-subHeader i:nth-child(3) {
     margin-left: 15px;
 }


 @media only screen and (max-width: 891px) {
     .seek-more-section {
         display: flex;
         flex-direction: column !important;
     }

     .seek-more-list {
         width: auto !important;
     }

     .seek-more-img-section {
         width: auto !important;
     }

     .text-sm {
         font-size: medium;
     }
 }