/* Container & Base Typography */
 .container.pricing-container {
     padding: 140px 0px 40px 0px;
 }

 .pricing-main-title {
     color: #0D152D;
     text-align: center;
     font-family: Inter;
     font-size: 32px;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
     margin-bottom: 10px;
     /* 44.8px */
 }

 .mb-4,
 .my-4 {
     margin-bottom: 30px !important;
 }

 .pricing-sub-title {
     color: #575F70;
     text-align: center;
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     /* 22.4px */
     margin: 0;
 }

 /* Tab Switcher */
 .pricing-tabs-wrapper {
     display: flex;
     justify-content: center;
 }

 .pricing-tabs {
     display: inline-flex;
     padding: 4px;
     border-radius: 30px;
     gap: 4px;
     flex-wrap: wrap;
     justify-content: center;
 }

 .tab-btn {
     border-radius: 100px;
     border: 1px solid #E1E5E9;
     background: #FFF;
     padding: 8px 25px;
     border-radius: 20px;
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     color: #687182;
     cursor: pointer;
     transition: all 0.25s ease;
 }

 .tab-btn.active {
     background: #0A1737;
     color: #ffffff;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

 /* Pricing Grid Layout */
 .pricing-cards-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
     align-items: stretch;
     margin-bottom: 60px;
 }

 .card-item {
     border-radius: 16px;
     border: 1px solid #E9EDF5;
     background: rgba(17, 100, 255, 0.04);
     padding: 30px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     border: 1px solid #e5e7eb;
     transition: transform 0.2s ease;
 }



 /* .card-item.featured-card {
     color: #ffffff;
     border-color: #2563eb;
     box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.3);
 } */


 .card-item {
     transition:
         transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
         background-color 0.35s ease,
         box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1);
 }

 .card-item:hover,
 .card-item.active {
     transform: translateY(-12px);
     background: #16234c;
     box-shadow: 0 18px 40px rgba(37, 99, 235, 0.18);
 }

 .card-item:hover .card-badge,
 .card-item.active .card-badge,

 .card-item:hover .card-desc,
 .card-item.active .card-desc,

 .card-item:hover .price-title,
 .card-item.active .price-title,

 .card-item:hover .price-unit-wrapper,
 .card-item.active .price-unit-wrapper,

 .card-item:hover .price-unit-wrapper span,
 .card-item.active .price-unit-wrapper span {
     color: #fff;
 }

 .card-item:hover .screens-dropdown,
 .card-item.active .screens-dropdown {
     background: #ffffff2e;
     border: 1px solid rgb(255 255 255 / 60%);
     color: #fff;
 }

 .card-badge {
     color: #16234c;

     /* Body Bold */
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
     /* 22.4px */
     margin-bottom: 10px;
 }

 .card-item:hover .card-badge {
     color: #fff;
 }

 .card-item:hover .card-desc {
     color: rgba(255, 255, 255, 0.85);
 }

 .card-item:hover .tag-pill {
     background-color: #fff;
     color: #16234c;
 }

 .card-item:hover .price-title {
     color: #fff;
 }

 .card-item:hover .price-unit-wrapper {
     color: #fff;
 }

 .card-item:hover .price-unit-wrapper .screens-dropdown {
     background: transparent;
     border: 1px solid rgb(255 255 255 / 60%);
     color: #ffffff;
 }


 .card-desc {
     color: #575F70;
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     /* 22.4px */
     margin-bottom: 25px;
 }



 .tag-pill {
     display: inline-block;
     padding: 4px 10px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     margin-bottom: 8px;
     border-radius: 22px;
     background: #98A7CA;
     color: #FFF;
     font-family: Inter;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 100%;
     /* 14px */
 }

 /* .light-card .tag-pill {
     background: #cbd5e1;
     color: #334155;
 }

 .featured-card .tag-pill {
     background: #cbd5e1;
     color: #334155;
 } */

 .price-title {
     color: #0D152D;
     font-family: Inter;
     font-size: 36px;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
 }

 .price-unit {
     color: #575F70;
     font-family: Inter;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     /* 19.6px */
     margin-bottom: 24px;
 }

 /* .featured-card .price-unit {
     color: #64748b;
 }

 .light-card .price-unit {
     color: #64748b;
 } */

 .btn-card {
     width: 100%;
     padding: 10px;
     border-radius: 8px;
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
     text-align: center;
     transition: opacity 0.2s;
     border: 1px solid transparent;
 }





 /* Feature/Details Table */
 .explore-title {
     color: #0D152D;
     text-align: center;
     font-family: Inter;
     font-size: 32px;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
     /* 44.8px */
     margin-bottom: 10px;
 }

 .explore-subtitle {
     color: #575F70;
     text-align: center;
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     /* 22.4px */
 }

 .features-table-card {
     border: 1px solid #e2e8f0;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
 }

 .table-header {
     padding: 12px 20px;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.5px;
     text-align: left;
 }

 .blue-light-bg {
     color: #1164FF;
     background: rgba(17, 100, 255, 0.10);

     /* Body Bold */
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
     /* 22.4px */
 }

 .blue-dark-bg {
     background: #2563eb;
     color: #ffffff;
     font-size: 16px;
 }

 .table-rows-list {
     display: flex;
     flex-direction: column;
 }

 .table-row-item {
     padding: 14px 20px;
     font-size: 13px;
     text-align: left;
     border-bottom: 1px solid #f1f5f9;
 }

 .table-row-item:last-child {
     border-bottom: none;
 }

 .features-col .table-row-item {
     color: #202020;
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     background-color: white;
     border-right: 1px solid #E9EDF5;
     border: none;
     /* 22.4px */
 }

 #detailsList .table-row-item:nth-child(odd) {
     background-color: #FFFFFF;
 }

 #detailsList .table-row-item:nth-child(even) {
     background-color: #F7F8FC;
 }

 .details-col .table-row-item {
     color: #575F70;
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     /* 19.6px */
 }

 /* Mobile Responsive */
 @media (max-width: 991px) {
     .pricing-cards-grid {
         grid-template-columns: 1fr;
     }

     .pricing-main-title {
         font-size: 24px;
     }

     /* .features-table-card .row {
         display: flex;
         flex-direction: column;
     } */
 }

 /* Pricing Unit & Dropdown Styling */
 .price-unit-wrapper {
     display: flex;
     align-items: center;
     gap: 6px;
     font-size: 13px;
     margin-bottom: 24px;
     flex-wrap: wrap;
 }

 .featured-card .price-unit-wrapper {
     color: #64748b;
 }

 .light-card .price-unit-wrapper {
     color: #64748b;
 }

 /* Custom Styled Select Dropdown */
 .screens-dropdown {
     background: transparent;
     border: 1px solid rgb(85 82 82 / 60%);
     color: #272626;
     padding: 2px 8px;
     border-radius: 6px;
     font-size: 13px;
     font-weight: 600;
     cursor: pointer;
     outline: none;
 }

 .screens-dropdown option {
     background-color: #1e293b;
     color: #ffffff;
 }

 .light-card .screens-dropdown {
     border-color: #cbd5e1;
     color: #1e293b;
 }

 .light-card .screens-dropdown option {
     background-color: #ffffff;
     color: #1e293b;
 }

 .banking-demo-section {
     background: url(https://www.zigram.tech/wp-content/uploads/2025/04/Regtech-bg-scaled.webp) center center / cover no-repeat;
     padding: 80px 0;
 }

 .banking-demo-wrapper {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 70px;
 }

 .banking-demo-content {
     width: 52%;
     color: #fff;
 }

 span.section-tag {
     color: #36F;
     font-family: Inter;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: 1.8px;
     text-transform: uppercase;
 }

 .banking-demo-content h2 {
     color: #fff;
     font-family: Inter;
     font-size: 36px;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
     letter-spacing: -0.36px;
     margin-top: 10px;
     margin-bottom: 20px;
 }

 .banking-demo-content p {
     color: #ffffff;
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     margin-bottom: 40px;
     opacity: 0.8;
 }

 .banking-list {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .banking-demo-content {
     width: 52%;
     color: #fff;
 }

 .banking-demo-form {
     width: 48%;
     flex-shrink: 0;
 }

 @media (max-width: 768px) {
     .form-container {
         padding: 20px 20px 20px 20px !important;
     }
 }

 .loader {
     width: 18px;
     height: 18px;
     border: 2px solid rgba(255, 255, 255, 0.4);
     border-top: 2px solid #fff;
     border-radius: 50%;
     animation: spin 0.7s linear infinite;
     display: none;
 }

 @keyframes spin {
     to {
         transform: rotate(360deg);
     }
 }

 /* When loading */
 .submit-btn.loading .loader {
     display: inline-block;
 }

 .submit-btn.loading {
     opacity: 0.8;
     pointer-events: none;
 }

 .form-row {
     display: flex;
     gap: 15px;
 }

 .form-row .half {
     flex: 1;
 }

 @media (max-width:768px) {
     .form-row {
         flex-direction: column;
         gap: 0;
     }
 }

 .form-row {
     display: flex;
     gap: 15px;
     width: 98%;
 }

 .form-group select {
     color: #575F70;
     width: 98%;
 }

 .select-wrapper {
     position: relative;
 }

 .select-wrapper select {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     padding-right: 40px;
 }

 .select-wrapper .caret {
     position: absolute;
     top: 50%;
     right: 15px;
     transform: translateY(-50%);
     pointer-events: none;
     color: #666;
 }

 .select-wrapper .select-icon {
     position: absolute;
     top: 50%;
     right: 25px;
     transform: translateY(-50%);
     pointer-events: none;
     color: #666;
     font-size: 16px;
 }

 @media (max-width: 768px) {

     p#tab-solution-desc {
         color: #575F70;
         text-align: left !important;
         font-family: Inter;
         font-size: 15px;
         padding: 0px 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 140%;
         margin: 0;
         margin: 0 auto 26px;
         max-width: 785px;
     }
 }

 @media (max-width: 768px) {

     .submit-btn {
         width: 100% !important;
     }

     .form-group select {
         color: #575F70;
         width: 98% !important;
     }

     .form-row {
         display: flex;
         width: 100% !important;
     }

     .select-wrapper {
         position: relative;
         width: 102% !important;
     }
 }

 .submit-btn {
     width: 98%;
 }

 .form-container {
     background: #ffffff;
     padding: 25px 10px 0px 25px;
     border-radius: 6px;
     max-width: 720px;
     width: 100%;
 }

 @media (min-width: 768px) {
     .form-container h2 {
         color: #0E204E;
         font-family: Inter;
         font-size: 26px;
         font-style: normal;
         font-weight: 600;
         line-height: normal;
         letter-spacing: -0.6px;
         margin-bottom: 10px;
     }
 }

 @media (min-width: 768px) {
     .form-container p {
         color: #383C47;
         margin-bottom: 16px;
         font-size: 16px;
         font-weight: 400;
     }
 }

 #contactForm,
 #eventContactForm {
     gap: 6px !important;
     display: flex;
     flex-wrap: wrap;
 }

 @media (min-width: 768px) {

     #eventContactForm .form-group:nth-child(1),
     #eventContactForm .form-group:nth-child(2) {
         width: calc(100% - 13px);
     }
 }

 .form-group label {
     font-size: 14px;
     font-weight: 400;
     color: #575F70;
     margin-bottom: 6px;
     display: block;
 }

 .form-group input,
 .form-group select {
     padding: 10px 10px;
     border-radius: 4px;
     border: 1px solid #CED4DA;
     background-color: #F5F8FA;
     font-size: 15px;
     transition: all 0.3s ease;
 }

 @media (min-width: 768px) {

     #contactForm .form-group:has(#email),
     #contactForm .form-group:has(#companyName),
     #eventContactForm .form-group:has(#eventEmail),
     #eventContactForm .form-group:has(#eventCompanyName) {
         width: calc(50% - 10px);
     }
 }

 .form-row {
     display: flex;
     width: 98%;
     gap: 0px !important;
     margin-bottom: 14px;
     margin-left: 0px;
 }

 #eventContactForm .form-group {
     width: 100%;
 }

 .select-wrapper {
     position: relative;
 }

 .form-group select {
     color: #575F70;
     width: 98%;
 }

 .select-wrapper .select-icon {
     position: absolute;
     top: 50%;
     right: 25px;
     transform: translateY(-50%);
     pointer-events: none;
     color: #666;
     font-size: 16px;
 }

 .consent {
     font-size: 14px;
     color: #6c757d;
 }

 .consent label {
     display: flex;
     align-items: flex-start;
     gap: 0px;
     font-size: 12px;
     color: #575F70;
 }

 .consent input[type="checkbox"] {
     margin-right: 8px;
     transform: scale(1.1);
 }

 .consent-label input {
     margin-top: 4px;
 }

 .submit-btn {
     width: 98%;
     background: #14213d;
     color: #ffffff;
     border: none;
     padding: 14px;
     font-size: 16px;
     font-weight: 600;
     border-radius: 6px;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .loader {
     width: 18px;
     height: 18px;
     border: 2px solid rgba(255, 255, 255, 0.4);
     border-top: 2px solid #fff;
     border-radius: 50%;
     animation: spin 0.7s linear infinite;
     display: none;
 }

 .privacy {
     width: 100%;
     display: flex;
     justify-content: center;
     font-size: 13px;
     color: #6c757d;
     margin-top: 10px;
 }

 .privacy p {
     width: 100%;
     display: flex;
     justify-content: center;
     font-size: 13px;
     color: #575F70;
     margin-bottom: 25px;
 }

 a.privacy_policy {
     margin-left: 3px;
     color: #0e204e;
     font-weight: 400;
     text-decoration: none;
 }

 .confirmation-screen {
     display: none;
     background: #ffffff;
     padding: 80px 20px;
     text-align: center;
     border-radius: 10px;
 }

 .confirmation-box {
     max-width: 500px;
     margin: 0 auto;
 }

 .check-icon {
     width: 80px;
     height: 80px;
     background: #162a52;
     color: #fff;
     font-size: 40px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 25px auto;
 }

 .confirmation-box h3 {
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 15px;
     color: #162a52;
 }

 .confirmation-box p {
     font-size: 16px;
     color: #4a5876;
     line-height: 1.6;
 }

 .form-group input,
 .form-group select {
     width: 100%;
 }

 .banking-list li img {
     width: 20px;
     height: 20px;
     flex-shrink: 0;
     margin-right: 2px;
 }

 .banking-list {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .banking-list li {
     position: relative;
     margin-bottom: 18px;
     color: rgba(255, 255, 255, 0.75);
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
 }

 .zigram-why-us {
     background-color: #F8F8F8;
     padding: 100px 0px;
     /* Match the subtle light background */
 }

 .zigram-why-us .section-heading {
     font-size: clamp(1.75rem, 2.5vw, 2.25rem);
     font-weight: 700;
     color: #0D152D;
     line-height: 1.25;
 }

 .zigram-why-us .section-subtext {
     font-size: 0.95rem;
     line-height: 1.5;
     color: #575F70;
     max-width: 320px;
 }

 .zigram-why-us .feature-icon {
     width: 44px;
     height: 44px;
     flex-shrink: 0;
     object-fit: contain;
 }

 .zigram-why-us .feature-title {
     font-size: 1rem;
     font-weight: 600;
     color: #0D152D;
     margin-bottom: 0.35rem;
 }

 .zigram-why-us .feature-text {
     font-size: 0.875rem;
     line-height: 1.5;
     color: #575F70;
     margin-bottom: 0;
 }

 .faq-section {
     padding: 60px 5%;
     font-family: 'Inter', sans-serif;
 }

 .faq-container {
     max-width: 800px;
     margin: 0 auto;
 }

 .faq-header {
     text-align: center;
     margin-bottom: 30px;
 }

 .faq-header h2 {
     color: #0D152D;
     text-align: center;
     font-size: 32px;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
     margin-bottom: 10px;
 }

 .faq-header p {
     color: #575f70;
     text-align: center;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     max-width: 550px;
     margin: 0 auto 31px auto;
 }

 .accordion-item {
     background-color: #F5F8FA;
     border-radius: 4px;
     border-bottom: 1px solid #E6E6E6;
     margin-bottom: 10px;
     overflow: hidden;
     transition: all 0.3s ease;
 }

 .accordion-header {
     padding: 14px 10px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
     user-select: none;
 }

 .accordion-header span {
     color: #35435E;
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
 }

 .toggle-icon {
     width: 32px;
     height: 32px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .toggle-icon img {
     width: 24px;
     height: 24px;
     object-fit: contain;
 }

 .accordion-content {
     padding: 0 20px 20px 20px;
     display: none;
 }

 .accordion-content p {
     margin: 0;
     color: #2E4374;
     line-height: 1.6;
     font-size: 16px;
 }

 @media (max-width: 767px) {
     .banking-demo-section {
         padding: 60px 16px;
     }

     .banking-demo-wrapper {
         gap: 20px;
         flex-direction: column;
     }

     span.section-tag {
         font-size: 14px !important;
     }

     .banking-demo-content h2 {
         font-size: 24px;
     }

     .banking-demo-content p {
         margin-bottom: 25px;
         opacity: 60%;
     }

     .banking-list li {
         margin-bottom: 10px;
         display: flex;
         align-items: flex-start;
     }

     .form-container h2 {
         color: #0E204E;
         font-family: Inter;
         font-size: 24px;
         font-style: normal;
         font-weight: 600;
         line-height: normal;
         letter-spacing: -0.52px;
     }

     .form-container p {
         color: #383C47;
         font-family: Inter;
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 140%;
     }

     .privacy p {
         display: block !important;
         text-align: center;
         font-size: 11px !important;
     }

     .pricing-main-title {
         text-align: left;
     }
 }

 @media (max-width: 991px) {

     .banking-demo-content,
     .banking-demo-form {
         width: 100%;
     }
 }

 /* Mobile Specific CSS (Bina HTML Badle) */
 @media (max-width: 767px) {

     /* Pricing Tabs Container ko Dropdown Border Dena */
     .pricing-tabs {
         position: relative;
         display: flex;
         flex-direction: column;
         background: #ffffff;
         border: 1px solid #e5e7eb;
         border-radius: 8px;
         padding: 0;
         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
         overflow: hidden;
     }

     /* Dropdown Chevron Arrow Icon Add Karna */
     .pricing-tabs::after {
         content: "";
         position: absolute;
         right: 16px;
         top: 18px;
         width: 10px;
         height: 10px;
         border-right: 2px solid #6b7280;
         border-bottom: 2px solid #6b7280;
         transform: rotate(45deg);
         pointer-events: none;
         transition: transform 0.2s ease;
     }

     .pricing-tabs.is-open::after {
         transform: rotate(-135deg);
         top: 22px;
     }

     /* Default me sirf Active Tab Button dikhega (Dropdown Input ki tarah) */
     .pricing-tabs .tab-btn {
         display: none;
         width: 100%;
         text-align: left;
         padding: 12px 40px 12px 16px;
         background: transparent;
         border: none;
         border-radius: 0;
         color: #111827;
         font-size: 15px;
         font-weight: 500;
     }

     .pricing-tabs .tab-btn.active {
         display: block;
         background: #ffffff;
         color: #111827;
         box-shadow: none;
     }

     /* Menu Open hone par saare buttons list ki tarah dikhenge */
     .pricing-tabs.is-open .tab-btn {
         display: block;
         border-bottom: 1px solid #f3f4f6;
     }

     .pricing-tabs.is-open .tab-btn:last-child {
         border-bottom: none;
     }

     .pricing-tabs.is-open .tab-btn.active {
         background: #f8fafc;
         font-weight: 600;
     }

     .pricing-sub-title {
         text-align: left;
     }

     .card-badge {
         font-size: 14px;
     }

     .card-desc {
         font-size: 14px;
     }

     .tag-pill {
         font-size: 12px;
     }

     .price-title {
         font-size: 26px;

     }

     .price-unit-wrapper {
         margin-bottom: 0px;
     }

     .explore-title {
         text-align: left;
         font-size: 24px;
     }

     .explore-subtitle {
         text-align: left;
     }
 }

 h2.section-heading-mob.mb-3 {
     display: none;
 }

 button.btn-card {
     border-radius: 6px;
     border: 1px solid #16234c;
     background: #FFF;
     color: #16234c;
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
 }