.elementor-4100 .elementor-element.elementor-element-3ac9a00{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4100 .elementor-element.elementor-element-8697f75{--display:flex;--margin-top:16px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;}@media(max-width:767px){.elementor-4100 .elementor-element.elementor-element-3ac9a00{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4100 .elementor-element.elementor-element-8697f75{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4100 .elementor-element.elementor-element-bd11ab3 > .elementor-widget-container{margin:12px 12px 12px 12px;}}@media(min-width:768px){.elementor-4100 .elementor-element.elementor-element-3ac9a00{--width:1400px;}}/* Start custom CSS for html, class: .elementor-element-bd11ab3 */.saving-calc .header-section {
     background: #FFFFFF;
     border-radius: 20px;
     padding: 2.5rem;
     margin-bottom: 2rem;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
     text-align: center !important;
 }

 .saving-calc h1 {
     font-size: 2.75rem;
     font-weight: 900;
     color: #1A1A1A;
     margin-bottom: 0.5rem;
     letter-spacing: -0.02em;
 }

 .saving-calc .highlight-text {
     color: #2B7FFF;
 }

 .saving-calc .subtitle {
     font-size: 1.25rem;
     color: #6B7280;
     font-weight: 400;
 }

 .saving-calc .input-section {
     background: #FFFFFF;
     border-radius: 20px;
     padding: 2.5rem;
     margin-bottom: 2rem;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
     border: 1px solid #E5E7EB;
 }

 .saving-calc .section-title {
     font-size: 1.75rem;
     font-weight: 700;
     color: #1A1A1A;
     margin-bottom: 2rem;
     padding-bottom: 1rem;
     border-bottom: 3px solid #2B7FFF;
 }

 .saving-calc .input-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     gap: 1.5rem;
     margin-bottom: 2rem;
 }

 .saving-calc .form-group {
     display: flex;
     flex-direction: column;
 }

 .saving-calc label {
     font-weight: 600;
     color: #1A1A1A;
     margin-bottom: 0.5rem;
     font-size: 0.95rem;
 }

 .saving-calc .input-wrapper {
     position: relative;
 }

 .saving-calc .currency-symbol {
     position: absolute;
     left: 1rem;
     top: 50%;
     transform: translateY(-50%);
     color: #6B7280;
     font-weight: 600;
     font-size: 1.125rem;
 }

 .saving-calc input[type="number"] {
     width: 100%;
     padding: 1rem 1rem 1rem 2.5rem;
     border: 2px solid #E5E7EB;
     border-radius: 12px;
     font-size: 1.125rem;
     font-family: 'Inter', sans-serif;
     transition: all 0.3s ease;
     background: #F9FAFB;
     font-weight: 500;
 }

 .saving-calc input[type="number"]:focus {
     outline: none;
     border-color: #2B7FFF;
     box-shadow: 0 0 0 4px #E8F4FF;
     background: #FFFFFF;
 }

 .saving-calc select {
     width: 100%;
     padding: 1rem;
     border: 2px solid #E5E7EB;
     border-radius: 12px;
     font-size: 1rem;
     font-family: 'Inter', sans-serif;
     transition: all 0.3s ease;
     background: #F9FAFB;
     font-weight: 500;
     cursor: pointer;
 }

 .saving-calc select:focus {
     outline: none;
     border-color: #2B7FFF;
     box-shadow: 0 0 0 4px #E8F4FF;
     background: #FFFFFF;
 }

 .saving-calc .cta-button {
     width: 100%;
     padding: 1.5rem;
     background: #2B7FFF;
     color: white;
     border: none;
     border-radius: 12px;
     font-size: 1.25rem;
     font-weight: 700;
     cursor: pointer;
     transition: all 0.3s ease;
     box-shadow: 0 4px 12px rgba(43, 127, 255, 0.1);
     margin-top: 1rem;
 }

 .saving-calc .cta-button:hover {
     background: #1E5FD9;
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgba(43, 127, 255, 0.1);
 }

 .saving-calc .cta-button:active {
     transform: translateY(0);
 }

 .saving-calc .results-container {
     display: none;
     animation: slideUp 0.6s ease-out;
 }

 @keyframes slideUp {
     from {
         opacity: 0;
         transform: translateY(30px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .saving-calc .hero-savings {
     background: linear-gradient(135deg, #10B981 0%, #059669 100%);
     color: white;
     border-radius: 20px;
     padding: 3rem;
     margin-bottom: 2rem;
     box-shadow: 0 12px 32px rgba(16, 185, 129, 0.3);
     text-align: center;
 }

 .saving-calc .hero-savings .label {
     font-size: 1.25rem;
     opacity: 0.95;
     font-weight: 500;
     margin-bottom: 1rem;
 }

 .saving-calc .hero-savings .amount {
     font-size: 4rem;
     font-weight: 900;
     margin: 1rem 0;
     letter-spacing: -0.02em;
     text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }

 .saving-calc .hero-savings .subtext {
     font-size: 1.5rem;
     opacity: 0.95;
     font-weight: 600;
 }

 .saving-calc .comparison-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 2rem;
     margin-bottom: 2rem;
 }

 .saving-calc .comparison-card {
     background: #FFFFFF;
     border-radius: 20px;
     padding: 2rem;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
     border: 2px solid #E5E7EB;
     transition: all 0.3s ease;
 }

 .saving-calc .comparison-card.with-nri {
     border-color: #10B981;
 }

 .saving-calc .comparison-card.without-nri {
     border-color: #F59E0B;
 }

 .saving-calc .comparison-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
 }

 .saving-calc .card-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 1.5rem;
     padding-bottom: 1rem;
     border-bottom: 2px solid #E5E7EB;
         background: transparent;
    padding-left: 0;
 }

 .saving-calc .card-header h3 {
     font-size: 1.5rem;
     font-weight: 700;
 }

 .saving-calc .badge {
     padding: 0.5rem 1rem;
     border-radius: 20px;
     font-size: 0.875rem;
     font-weight: 700;
 }

 .saving-calc .badge.success {
     background: #10B981;
     color: white;
 }

 .saving-calc .badge.warning {
     background: #F59E0B;
     color: white;
 }

 .saving-calc .breakdown-item {
     display: flex;
     justify-content: space-between;
     padding: 1rem 0;
     border-bottom: 1px solid #E5E7EB;
 }

 .saving-calc .breakdown-item:last-child {
     border-bottom: none;
 }

 .saving-calc .breakdown-label {
     color: #6B7280;
     font-weight: 500;
     font-size: 0.95rem;
 }

 .saving-calc .breakdown-value {
     font-weight: 700;
     font-size: 1.1rem;
     color: #1A1A1A;
 }

 .saving-calc .breakdown-value.negative {
     color: #DC2626;
 }

 .saving-calc .breakdown-value.positive {
     color: #10B981;
 }

 .saving-calc .total-section {
     background: #F9FAFB;
     padding: 1.5rem;
     border-radius: 12px;
     margin-top: 1.5rem;
 }

 .saving-calc .total-section .label {
     font-size: 1rem;
     color: #6B7280;
     font-weight: 600;
 }

 .saving-calc .total-section .amount {
     font-size: 2rem;
     font-weight: 800;
     color: #1A1A1A;
     margin-top: 0.5rem;
 }

 .saving-calc .savings-highlights {
     background: #FFFFFF;
     border-radius: 20px;
     padding: 2rem;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
     border: 1px solid #E5E7EB;
 }

 .saving-calc .highlight-item {
     display: flex;
     align-items: flex-start;
     padding: 1rem;
     margin-bottom: 1rem;
     background: #E8F4FF;
     border-radius: 12px;
     border-left: 4px solid #2B7FFF;
 }

 .saving-calc .highlight-item:last-child {
     margin-bottom: 0;
 }

 .saving-calc .highlight-icon {
     font-size: 1.5rem;
     margin-right: 1rem;
 }

 .saving-calc .highlight-content h4 {
     font-weight: 700;
     color: #1A1A1A;
     margin-bottom: 0.25rem;
 }

 .saving-calc .highlight-content p {
     color: #6B7280;
     font-size: 0.95rem;
 }

 .saving-calc .enquire-section {
     text-align: center;
     margin-top: 2rem;
     padding: 2rem;
     background: #E8F4FF;
     border-radius: 16px;
 }

 .saving-calc .enquire-section h3 {
     font-size: 1.75rem;
     font-weight: 700;
     color: #1A1A1A;
     margin-bottom: 1rem;
 }

 .saving-calc .enquire-section p {
     color: #6B7280;
     font-size: 1.125rem;
     margin-bottom: 1.5rem;
 }

 .saving-calc .enquire-button {
     display: inline-block;
     padding: 1.25rem 3rem;
     background: #2B7FFF;
     color: white;
     border: none;
     border-radius: 12px;
     font-size: 1.125rem;
     font-weight: 700;
     cursor: pointer;
     transition: all 0.3s ease;
     box-shadow: 0 4px 12px rgba(43, 127, 255, 0.1);
     text-decoration: none;
 }

 .saving-calc .enquire-button:hover {
     background: #1E5FD9;
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgba(43, 127, 255, 0.1);
 }

 .saving-calc .footer-info {
     text-align: center;
     margin-top: 3rem;
     padding-top: 2rem;
     border-top: 1px solid #E5E7EB;
     color: #6B7280;
     font-size: 0.875rem;
 }

 @media (max-width: 968px) {
     .saving-calc h1 {
         font-size: 2rem !important;
         text-align: center !important;
     }

     .saving-calc .comparison-grid {
         grid-template-columns: 1fr;
     }

     .saving-calc .hero-savings .amount {
         font-size: 3rem;
     }

     .saving-calc .input-grid {
         grid-template-columns: 1fr;
     }
 }

 @media (max-width:767px) {
     .saving-calc .header-section {
         padding: 0;
         box-shadow: none;
     }

     .saving-calc .input-section {
         padding: 0;
         box-shadow: none;
         border: 0;
     }

     .saving-calc .hero-savings .amount {
         font-size: 2rem;
     }

     .saving-calc .breakdown-item {
         flex-direction: column;
     }

     .saving-calc .comparison-card.with-nri, .saving-calc .comparison-card.without-nri, .saving-calc .savings-highlights {
         border: none;
         padding: 0;
         box-shadow: none;
     }

 }/* End custom CSS */