/*********************pricing page css ****************/

 .pricing .subtitle {
     text-align: center;
     color: #532773;
     margin-bottom: 40px;
 }

 .pricing-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 25px;
 }

 .pricing .card {
     background: white;
     border-radius: 16px;
     padding: 30px;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
     position: relative;
     transition: 0.3s;
 }

 .pricing .card:hover {
     transform: translateY(-6px);
 }

 .pricing .popular {
     border: 2px solid #532773;
 }

 .pricing .badge {
     position: absolute;
     top: -12px;
     right: 20px;
     background: #532773;
     color: white;
     padding: 6px 14px;
     font-size: 12px;
     border-radius: 20px;
 }

 .pricing .plan-name {
     font-size: 24px;
     font-weight: 600;
     display: inline-block;
     margin-top: 0px !important;
     color: #000 !important;
 }

 .pricing .price {
     font-size: 48px;
     font-weight: 600;
     margin: 15px 0;
     color: #532773;
 }

 .pricing ul.price-table {
     list-style: none;
     padding: 0;
 }

 .pricing ul.price-table {
     margin-top: 20px;
     margin-bottom: 35px;
 }

 .pricing ul.price-table li {
     padding: 10px 0;
 }

 .table-section {
     margin-top: 30px;
 }

 .pricing table {
     width: 100%;
     border-collapse: collapse;
     background: white;
     border-radius: 12px;
     overflow: hidden;
 }

 .pricing th,
 td {
     padding: 15px;
     text-align: center;
     border-bottom: 1px solid #e2e8f0;
 }

 .pricing th {
     background: #532773;
     color: white;
 }

 .price-amount {
     margin-right: 0;
 }

 .duration {
     font-size: 16px;
     margin-left: -14px;
     color: #363636;
     font-weight: 400;
 }

 #monthlyBtn {
     cursor: pointer;
 }

 #annualBtn {
     cursor: pointer;
 }


 @media screen and (max-width: 767px) {
     .quote_1 p {
         text-align: center !important;
     }
 }

 @media (min-width:768px) and (max-width:991px) {}

 @media (min-width:992px) and (max-width:1200px) {}