/*
Theme Name: Web D Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1786444465
Updated: 2026-08-11 10:34:25

*/
.page-id-3263 a {
    text-decoration: none;
}
.page-id-2278 .process-items::before,
.page-id-2388 .process-items::before {
    top: 6px;
}
.table-compare {
    overflow: hidden;
    overflow-x: auto;
}
span.spacing {
    display: block;
}
.cs-icon-list ul {
    gap: 10px;
}
.cstm-check-green .elementor-icon-list-icon svg {
    background: #5cd3ae2e;
    padding: 8px !important;
    border-radius: 50%;
    margin: 0 !important;
    height: 30px !important;
    width: 30px !important;
}
.count-items {
    position: relative;
}

.count-items:nth-child(1) {
    counter-reset: step-counter;
}

.count-items::before {
    counter-increment: step-counter;
    content: counter(step-counter, decimal-leading-zero);
    position: absolute;
    left: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    border: none;
    color: var(--e-global-color-5811a11);
}
.cs-border-left {
	border-left: 4px solid var(--e-global-color-3d57bfd) !important;
}

/* pension-table-wrap */
.pension-table-wrap {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--e-global-color-f20ae49);
}
.pension-table {
    width: 100%;
    border-collapse: collapse;
	    margin-bottom: 0 !important;
}
.pension-table thead th {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-bb37589);
	border: 0 !important;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
    padding: 14px 18px;
    text-align: left;
}
.pension-table td {
    padding: 13px 18px;
	border: 0 !important;
    font-size: 13.5px;
    border-bottom: 1px solid var(--e-global-color-f20ae49) !important;
}
.pension-table tr:last-child td {
    border-bottom: none;
}
.pension-table td.val {
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    color: var(--e-global-color-primary);
}
.pension-table tfoot td {
    background: var(--e-global-color-3c131f9);
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-size: 14px;
    border-bottom: none !important;
}
.page-id-1553 table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th,
.page-id-2163 table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{
    background-color: transparent !important;
}
/* rates-table-wrap */
.rates-table-wrap {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--e-global-color-f20ae49);
}
.rates-table {
    width: 100%;
    border-collapse: collapse;
	margin-bottom: 0 !important;
}
.rates-table thead th {
	background: var(--e-global-color-secondary);
    color: var(--e-global-color-bb37589);
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
    padding: 14px 18px;
	border: 0 !important;
    text-align: left;
}
.rates-table td {
    padding: 13px 18px;
    border: 0 !important;
    color: var(--e-global-color-primary);
    font-size: 13.5px;
    font-family: 'Inter';
    border-bottom: 1px solid var(--e-global-color-f20ae49) !important;
}
.rates-table td.rate-val {
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    color: var(--e-global-color-primary);
    font-size: 15px;
}
.rates-table tr:last-child td {
    border-bottom: none !important;
}
.highlight-text-cs .b {
    color: var(--e-global-color-primary);
}
/* overtime-table-wrap */
.overtime-table thead th {
    background: var(--e-global-color-2517b2c);
}
.overtime-table td.premium {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    color: var(--e-global-color-secondary);
}
/* apprentice-table */
.apprentice-table thead th {
    background: var(--e-global-color-3d57bfd);
    color: var(--e-global-color-primary);
}
.apprentice-table td.pct {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    color: var(--e-global-color-5811a11);
}
/* data-table */
table {
	font-family: 'Inter', sans-serif;
	 color: var(--e-global-color-primary);
}
.data-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--e-global-color-bb37589);
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--e-global-color-f20ae49);
}
.data-table th {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-bb37589);
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
    padding: 14px 18px;
    text-align: left;
	border: 0 !important;
}
.data-table td.rate-0 {
    color: var(--e-global-color-secondary);
}
.data-table td {
    padding: 13px 18px;
    font-size: 13.5px;
    border-bottom: 1px solid var(--e-global-color-f20ae49) !important;
    border: 0;
}
.data-table td.rate-20 {
    color: var(--e-global-color-5811a11);
}
.data-table tr:last-child td {
    border-bottom: none;
}
.data-table td.rate-35 {
    color: #C0392B;
}
.data-table td.rate {
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-size: 15px;
}
.amber {
    color: var(--e-global-color-5811a11);
}
.page-id-1553 .process-items::before {
    counter-increment: step-counter;
    content: counter(step-counter, decimal-leading-zero);
    position: absolute;
    left: 6px;
    top: 16px;
    width: 30px;
    height: 30px;
    background: var(--e-global-color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    border: none;
    color: var(--e-global-color-bb37589);
}
.cs-icon-list li span {
    background: var(--e-global-color-bb37589);
    border: 1px solid var(--e-global-color-f20ae49);
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    color: var(--e-global-color-primary);
}
.small-bottom-cs .small {
    font-size: 13px;
}
.small-growth-cs .small {
    font-size: 13px;
    color: var(--e-global-color-8f773c1);
}
.cs-border-green {
    border-left: 4px solid var(--e-global-color-secondary) !important;
}
/* data table  */
table.data td.penalty {
    font-weight: 800;
    color: var(--e-global-color-5811a11);
}
.price-table td.amt {
    font-weight: 800;
    color: var(--e-global-color-secondary);
    white-space: nowrap;
}
.data-table {
    margin-bottom: 0 !important;
}

/* ----- */


/* ----------------------------------------------------------- */
/* ---------- Topic explorer (Revenue, pay scales, term-time, etc.) ---------- */
  .explorer{
    display:grid;grid-template-columns:280px 1fr;gap:0;
    background:var(--e-global-color-bb37589);border:1px solid var(--e-global-color-f20ae49);border-radius:20px;overflow:hidden;
    min-height:420px;
  }
  @media (max-width:820px){.explorer{grid-template-columns:1fr;}}
 
  .explorer-nav{
    background:var(--e-global-color-primary);padding:14px;display:flex;flex-direction:column;gap:2px;
  }
  @media (max-width:820px){
    .explorer-nav{flex-direction:row;overflow-x:auto;gap:6px;padding:14px;-webkit-overflow-scrolling:touch;}
  }
  .ex-item{
    display:flex;align-items:center;gap:12px;text-align:left;
    background:none;border:none;border-radius:10px;padding:12px 14px;cursor:pointer;
    color:#9FADC4;font-family:'Inter';font-size:14px;font-weight:500;
    transition:background 0.15s ease,color 0.15s ease;
    white-space:nowrap;
  }
  .ex-item:hover{background:rgba(255,255,255,0.06);color:#fff;}
  .ex-item.active{background: var(--e-global-color-bb37589);color:var(--e-global-color-primary);font-weight:700;}
  .ex-item.active .ex-tick{color:var(--e-global-color-3d57bfd);}
  .ex-tick{font-size:13px;color:#5E6E8C;flex-shrink:0;}
  @media (max-width:820px){.ex-label{display:none;}
    .ex-item{padding:10px 16px;}
    .ex-tick{font-size:14px;}
    .ex-item.active .ex-tick{color:var(--e-global-color-3d57bfd);}
  }
  @media (max-width:820px){
    .ex-item.active::after{content:attr(data-short);}
  }
 
  .explorer-panel{position:relative;padding:44px 48px;}
  @media (max-width:640px){.explorer-panel{padding:30px 24px;}}
  .ex-pane{display:none;animation:exFade 0.25s ease;}
  .ex-pane.active{display:block;}
  @keyframes exFade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
  .ex-kicker{
    display:inline-block;font-size:12.5px;font-weight:700;color:var(--e-global-color-secondary);
    background:#5cd3ae30;padding:5px 12px;border-radius:999px;margin-bottom:16px;font-family: 'Inter';
  }
  .ex-pane h3{font-size:26px;line-height:1.28;font-family: 'Manrope';font-weight: 800;}
  .ex-pane p{margin-top:16px;font-size:15.5px;line-height:1.72;color:var(--e-global-color-text);font-family: 'Inter';}
  .ex-link{
    display:inline-block;margin-top:18px;font-size:14.5px;font-weight:700;color:var(--e-global-color-5811a11);font-family: 'Inter';
  }
  .ex-link:hover{color:var(--e-global-color-3d57bfd);}
/* split-table  */
.split-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid var(--e-global-color-f20ae49);
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}
.split-table .sc:first-child {
    border-right: 1px solid var(--e-global-color-f20ae49);
}
.split-table .sc-head {
    padding: 16px 22px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: var(--e-global-color-bb37589);
    background: var(--e-global-color-2517b2c);
}
.split-table .sc-row {
    padding: 16px 22px;
    font-size: 15px;
	font-family: 'Inter',sans-serif;
    color: var(--e-global-color-primary);
    border-top: 1px solid var(--e-global-color-f20ae49);
}
.split-table .sc:nth-child(2) .sc-head {
    background: var(--e-global-color-primary);
}
td.bold {
    font-weight: 700;
}
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: #fff !important;
}
.center .elementor-counter-title {
    text-align: center !important;
}
/* scale-table  */
.scale-table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
    background: var(--e-global-color-bb37589);
    border: 1px solid var(--e-global-color-f20ae49);
    border-radius: 16px;
    overflow: hidden;
}
.scale-table thead th:first-child {
    color: var(--e-global-color-primary);
}
.scale-table thead th {
    background: var(--e-global-color-3c131f9);
    color: var(--e-global-color-primary);
    font-weight: 800;
    font-size: 12.5px;
    text-transform: uppercase;
	border: none !important;
    letter-spacing: 0.04em;
	text-align: left;
}
.scale-table tbody tr {
    border-top: 1px solid var(--e-global-color-3c131f9);
}
.scale-table td:first-child {
    font-weight: 700;
    color: var(--e-global-color-primary);
    white-space: nowrap;
}
.scale-table th, .scale-table td {
    text-align: left;
    padding: 16px 20px;
	border: 0;
    font-size: 14.5px;
    vertical-align: top;
}
.scale-table td:nth-child(3) {
    background: var(--e-global-color-f20ae49) !important;
    color: var(--e-global-color-primary);
    font-weight: 500;
}
.cs-border-blue {
    border-left: 4px solid var(--e-global-color-primary) !important;
}
/* tabs  */
.cs-tabs .e-n-tabs {
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid var(--e-global-color-f20ae49);
	    min-height: 600px;
}
.cs-tabs .e-n-tabs-heading {
    background: var(--e-global-color-primary);
    padding: 14px;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
.cs-tabs .e-n-tab-title {
    transition: background 0.15s ease, color 0.15s ease !important;
    white-space: nowrap !important;
	padding: 12px 14px;
}
.cs-tabs .e-n-tab-title:hover {
   font-weight:700 !important;
}
.cs-tabs .e-n-tab-title:active {
    font-weight: 700 !important;
}
.cs-tabs .e-n-tabs-content {
    display: block !important;
    overflow-y: auto;
    max-height: 700px;
}
/* cs row tabs  */
	.cs-row-tabs .e-n-tabs {
		display: block;
	}
	.cs-row-tabs .e-n-tabs-heading{
    flex-direction: row !important;
    overflow: auto;
    gap: 6px !important;
    padding: 14px;
    align-items: center;
    display: flex;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
		white-space: nowrap;
}
	.cs-row-tabs .e-n-tabs-heading .e-n-tab-title{
		margin: 0 !important;
	}
/* blog css */
/* single blog */
.cs-post-date{
    font-size:14px;
    color:#474747;
	font-family:'inter';
    margin-bottom:15px;
    display:flex;
    align-items:center;
    gap:8px;
}

.cs-post-date i{
    font-size:5px;
}
.cs-post-container {
    max-width: 1380px;
    padding: 80px 30px;
    width: 100%;
}
.cs-post-head {
    margin-bottom: 20px;
}
.cs-post-head h1 {
	color: var(--e-global-color-primary);
    font-family: 'Manrope';
	font-weight: 800;
    text-align: center;
    margin: 0 0 15px;
}
.cs-meta p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
	font-family: 'Inter';
    font-size: 18px;
    margin: 0;
    color: #3B3B3B;
}
.cs-meta p svg {
    width: 24px;
    height: 24px;
}



@media (max-width: 820px) {
   .cs-tabs .e-n-tabs {
/*     grid-template-columns: 1fr; */
    display: block !important;
   }
.cs-tabs .e-n-tabs-heading {
    flex-direction: row !important;
    overflow: auto;
    gap: 6px !important;
    padding: 14px;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
}
}
@media (max-width: 767px){
	span.spacing {
    display: inline;
}

}

.cs-meta p svg path {
    fill: #0e906f !important;
}