.elementor-80446 .elementor-element.elementor-element-61d40d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-block-start:75px;--padding-block-end:75px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-80446 .elementor-element.elementor-element-61d40d9:not(.elementor-motion-effects-element-type-background), .elementor-80446 .elementor-element.elementor-element-61d40d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2065920 );}.elementor-80446 .elementor-element.elementor-element-61d40d9, .elementor-80446 .elementor-element.elementor-element-61d40d9::before{--border-transition:0.3s;}.elementor-80446 .elementor-element.elementor-element-371eedf .elementor-heading-title{color:#FFFFFF;font-family:"Gilroy", Sans-serif;font-size:29px;font-weight:600;}.elementor-80446 .elementor-element.elementor-element-371eedf > .elementor-widget-container{padding:0px 0px 0px 21px;}.elementor-80446 .elementor-element.elementor-element-c191ca0{--display:flex;--background-transition:0.3s;}.elementor-80446 .elementor-element.elementor-element-d27d46a > .elementor-widget-container{padding:0px 200px 0px 0px;}.elementor-80446 .elementor-element.elementor-element-d27d46a.elementor-element{--align-self:flex-start;}.elementor-80446 .elementor-element.elementor-element-4b11edb{--display:flex;--background-transition:0.3s;}@media(max-width:767px){.elementor-80446 .elementor-element.elementor-element-61d40d9{--padding-block-start:20px;--padding-block-end:20px;--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-80446 .elementor-element.elementor-element-371eedf{text-align:center;}.elementor-80446 .elementor-element.elementor-element-371eedf .elementor-heading-title{font-size:20px;}.elementor-80446 .elementor-element.elementor-element-d27d46a > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-75cc1fc */* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', sans-serif;
        }
        
        .page-id-80446 body {
            text-wrap: balance;
            line-height: 1.6;
            background-color: #EBE8E5 !important;
            padding: 24px;
        }
        
        .page-id-80446 .container {
            max-width: 1200px !important;
            margin: 0 auto !important;
            display: grid !important;
            gap: 24px !important;
        }
        
        @media (min-width: 1024px) {
            .container {
                grid-template-columns: 1fr 1fr !important;
            }
        }
        
        .page-id-80446 .card {
            background: white;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            border-radius: 12px;
            padding: 24px;
        }
        
        .page-id-80446 .title {
            font-family: 'Comfortaa', sans-serif;
            font-weight: 700;
            font-size: 1.875rem;
            color: #1A4F65;
            margin-bottom: 8px;
        }
        
       .page-id-80446 .subtitle {
            color: #4E4151;
            margin-bottom: 24px;
        }
        
       .page-id-80446 .debt-card {
            border: 1px solid #EBE8E5;
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 24px;
        }
        
        .page-id-80446 .debt-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 16px;
        }
        
        .page-id-80446 .debt-title {
            font-family: 'Comfortaa', sans-serif;
            font-weight: 700;
            font-size: 1.125rem;
            color: #1A4F65;
        }
        
        .page-id-80446 .remove-debt {
            background: none;
            border: none;
            color: #FB6F4A;
            padding: 8px;
            border-radius: 8px;
            cursor: pointer;
            transition: background-color 0.2s;
        }
        
        .page-id-80446 .remove-debt:hover {
            background-color: rgba(251, 111, 74, 0.1);
        }
        
        .page-id-80446 .form-group {
            margin-bottom: 16px;
        }
        
        .page-id-80446 .label {
            display: block;
            font-weight: 500;
            color: #4E4151;
            margin-bottom: 8px;
        }
        
       .page-id-80446 .input-wrapper {
            position: relative;
        }
        
       .page-id-80446 .input {
            width: 100%;
            padding: 12px 16px;
            background-color: #EBE8E5;
            border-radius: 8px;
            border: 2px solid #1A4F65;
            transition: border-color 0.2s;
            font-family: 'Inter', sans-serif;
        }
        
       .page-id-80446 .input:focus {
            outline: none;
            border-color: #1A4F65;
        }
        
       .page-id-80446 .input.error {
            border-color: #FB6F4A;
        }
        
        .page-id-80446 .input-prefix {
            position: absolute;
            left: 12px;
            top: 12px;
            color: #817384;
        }
        
       .page-id-80446 .input-suffix {
            position: absolute;
            right: 12px;
            top: 12px;
            color: #817384;
        }
        
       .page-id-80446 .input-with-prefix {
            padding-left: 32px;
        }
        
       .page-id-80446 .error-message {
            color: #FB6F4A;
            font-size: 0.875rem;
            margin-top: 4px;
        }
        
       .page-id-80446 .select {
            width: 100%;
            padding: 12px 16px;
            background-color: #EBE8E5;
            border-radius: 8px;
            border: 2px solid #1A4F65;
            font-family: 'Inter', sans-serif;
        }
        
       .page-id-80446 .calculation-type {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            margin-top: 12px;
        }
        
      .page-id-80446  .calc-button {
            padding: 12px;
            border-radius: 8px;
            border: 2px solid #817384;
            background: white;
            color: #4E4151;
            font-weight: 500;
            font-size: 0.875rem;
            cursor: pointer;
            transition: all 0.2s;
            font-family: 'Inter', sans-serif;
        }
        
       .page-id-80446 .calc-button:hover {
            border-color: #1A4F65;
        }
        
       .page-id-80446 .calc-button.active {
            border-color: #1A4F65;
            background-color: #1A4F65;
            color: white;
        }
        
       .page-id-80446 .add-debt-btn {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            background-color: #EBE8E5;
            color: #1A4F65;
            border-radius: 8px;
            padding: 12px 16px;
            font-weight: 500;
            border: 2px dashed #817384;
            cursor: pointer;
            transition: background-color 0.2s;
            font-family: 'Inter', sans-serif;
            margin-bottom: 24px;
        }
        
       .page-id-80446 .add-debt-btn:hover {
            background-color: #ddd8d3;
        }
        
        .page-id-80446 .calculate-btn {
            width: 100%;
            background-color: #F9B741;
            color: #1A4F65;
            border-radius: 50px;
            padding: 12px 32px;
            font-weight: 700;
            border: none;
            cursor: pointer;
            transition: background-color 0.2s;
            font-family: 'Inter', sans-serif;
            font-size: 1rem;
            margin-bottom: 16px;
        }
        
       .page-id-80446 .calculate-btn:hover {
            background-color: #f5b02e;
            color: #fff !important;
        }
        
       .page-id-80446 .calculate-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
        
       .page-id-80446 .disclaimer {
            font-size: 0.75rem;
            color: #817384;
            line-height: 1.5;
        }
        
       .page-id-80446 .empty-state {
            background-color: #EBE8E5;
            border-radius: 12px;
            padding: 32px;
            text-align: center;
            border: 2px dashed #817384;
        }
        
       .page-id-80446 .empty-icon {
            width: 64px;
            height: 64px;
            background-color: rgba(129, 115, 132, 0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 16px;
        }
        
       .page-id-80446 .empty-title {
            font-family: 'Comfortaa', sans-serif;
            font-weight: 700;
            font-size: 1.25rem;
            color: #1A4F65;
            margin-bottom: 8px;
        }
        
       .page-id-80446 .empty-text {
            color: #817384;
        }
        
       .page-id-80446 .results-title {
            font-family: 'Comfortaa', sans-serif;
            font-weight: 700;
            font-size: 1.25rem;
            color: #1A4F65;
            margin-bottom: 16px;
        }
        
       .page-id-80446 .summary-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            margin-bottom: 24px;
        }
        
        .page-id-80446 .summary-card {
            background-color: #EBE8E5;
            border-radius: 12px;
            padding: 16px;
        }
        
       .page-id-80446 .summary-header {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
        }
        
        .page-id-80446 .summary-label {
            color: #4E4151;
            font-size: 0.875rem;
            font-weight: 500;
        }
        
        .page-id-80446 .summary-value {
            font-weight: 700;
            font-size: 1.5rem;
            color: #1A4F65;
        }
        
       .page-id-80446 .summary-value.large {
            font-size: 1.125rem;
        }
        
       .page-id-80446 .total-card {
            background-color: rgba(135, 166, 148, 0.1);
            border-radius: 12px;
            padding: 16px;
            border: 1px solid rgba(135, 166, 148, 0.3);
        }
        
       .page-id-80446 .total-title {
            font-family: 'Comfortaa', sans-serif;
            font-weight: 700;
            font-size: 1.125rem;
            color: #1A4F65;
            margin-bottom: 8px;
        }
        
       .page-id-80446 .total-text {
            color: #4E4151;
            font-size: 0.875rem;
        }
        
       .page-id-80446 .individual-title {
            font-family: 'Comfortaa', sans-serif;
            font-weight: 700;
            font-size: 1.125rem;
            color: #1A4F65;
            margin-bottom: 16px;
        }
        
       .page-id-80446 .debt-result {
            border: 1px solid #EBE8E5;
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 16px;
        }
        
       .page-id-80446 .debt-result-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
        }
        
       .page-id-80446 .debt-result-title {
            font-family: 'Comfortaa', sans-serif;
            font-weight: 700;
            font-size: 1.125rem;
            color: #1A4F65;
        }
        
       .page-id-80446 .debt-result-summary {
            color: #4E4151;
            font-size: 0.875rem;
        }
        
       .page-id-80446 .debt-details {
            margin-top: 16px;
        }
        
       .page-id-80446 .detail-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            margin-bottom: 16px;
        }
        
       .page-id-80446 .detail-card {
            background-color: #EBE8E5;
            border-radius: 8px;
            padding: 12px;
        }
        
        .page-id-80446 .detail-label {
            color: #4E4151;
            font-size: 0.75rem;
            font-weight: 500;
        }
        
        .page-id-80446 .detail-value {
            font-weight: 700;
            color: #1A4F65;
        }
        
       .page-id-80446 .schedule-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
        }
        
       .page-id-80446 .schedule-title {
            font-weight: 500;
            color: #4E4151;
        }
        
       .page-id-80446 .view-all-btn {
            color: #1A4F65;
            font-size: 0.875rem;
            font-weight: 500;
            background: none;
            border: none;
            cursor: pointer;
            text-decoration: underline;
        }
        
       .page-id-80446 .payment-table {
            width: 100%;
            font-size: 0.75rem;
            overflow-x: auto;
        }
        
       .page-id-80446 .payment-table th {
            text-align: left;
            padding: 8px 0;
            color: #4E4151;
            font-weight: 500;
            border-bottom: 1px solid #EBE8E5;
        }
        
       .page-id-80446 .payment-table th.right {
            text-align: right;
        }
        
       .page-id-80446 .payment-table td {
            padding: 8px 0;
            border-bottom: 1px solid rgba(235, 232, 229, 0.5);
        }
        
       .page-id-80446 .payment-table td.right {
            text-align: right;
        }
        
       .page-id-80446 .payment-table .payment-num {
            color: #4E4151;
        }
        
       .page-id-80446 .payment-table .payment-amount {
            font-weight: 500;
            color: #1A4F65;
        }
        
       .page-id-80446 .payment-table .principal {
            color: #87A694;
        }
        
       .page-id-80446 .payment-table .interest {
            color: #FB6F4A;
        }
        
       .page-id-80446 .payment-table .balance {
            color: #4E4151;
        }
        
       .page-id-80446 .cta-card {
            background-color: #1A4F65;
            color: white;
            border-radius: 12px;
            padding: 24px;
            text-align: center;
            margin-top: 24px;
        }
        
       .page-id-80446 .cta-title {
            font-family: 'Comfortaa', sans-serif;
            font-weight: 700;
            font-size: 1.25rem;
            margin-bottom: 8px;
        }
        
       .page-id-80446 .cta-text {
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 16px;
        }
        
        .page-id-80446 .cta-button {
            background-color: #F9B741;
            color: #1A4F65;
            padding: 12px 24px;
            border-radius: 50px;
            font-weight: 700;
            border: none;
            cursor: pointer;
            transition: background-color 0.2s;
            font-family: 'Inter', sans-serif;
        }
        
       .page-id-80446 .cta-button:hover {
            background-color: #f5b02e;
            color:#fff !important;
        }
        
       .page-id-80446 .cta-disclaimer {
            color: rgba(255, 255, 255, 0.75);
            font-size: 0.75rem;
            margin-top: 12px;
        }
        
       .page-id-80446 .hidden {
            display: none;
        }
        
       .page-id-80446 .icon {
            width: 20px;
            height: 20px;
            fill: currentColor;
        }
        
       .page-id-80446 .icon-sm {
            width: 16px;
            height: 16px;
        }
        
       .page-id-80446 .icon-lg {
            width: 32px;
            height: 32px;
        }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://ukdebtexpert.co.uk/wp-content/uploads/2024/02/font.woff2') format('woff2'),
		url('https://ukdebtexpert.co.uk/wp-content/uploads/2024/02/font.woff') format('woff');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://ukdebtexpert.co.uk/wp-content/uploads/2024/02/font-1.woff2') format('woff2'),
		url('https://ukdebtexpert.co.uk/wp-content/uploads/2024/02/font-1.woff') format('woff');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://ukdebtexpert.co.uk/wp-content/uploads/2024/02/font-2.woff2') format('woff2'),
		url('https://ukdebtexpert.co.uk/wp-content/uploads/2024/02/font-2.woff') format('woff');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://ukdebtexpert.co.uk/wp-content/uploads/2024/02/font-3.woff2') format('woff2'),
		url('https://ukdebtexpert.co.uk/wp-content/uploads/2024/02/font-3.woff') format('woff');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://ukdebtexpert.co.uk/wp-content/uploads/2024/02/font-4.woff2') format('woff2'),
		url('https://ukdebtexpert.co.uk/wp-content/uploads/2024/02/font-4.woff') format('woff');
}
/* End Custom Fonts CSS */