/* CMS */
.cms-page { }
.cms-page a { color:#003359; text-decoration:none; }
.cms-page a:hover { text-decoration:underline; }


.cms-page .cms-centre { align-items:center; }
.cms-page .cms-pad { margin-top:32px; margin-bottom:32px; }

/*
.cms-page .cms-header { background: url('/assets/images/banner-dashboard.png') no-repeat center center; background-size: cover; color: #fff;  }
.cms-page .cms-header .cms-title { font-weight: 600; font-size: 28px; line-height: 1em; max-width: var(--page-content-wrap); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 24px 16px;}
*/
.cms-page .cms-header { padding:20px 0; color:#FFF; }

.cms-page:is(.recc):is(.evcc) .cms-header { background: linear-gradient(90deg, var(--recc-color-start) 0%,  var(--recc-color-end) 100%); backdrop-filter: blur(5px); animation: reccHeaderAnimation 1.5s ease-in-out forwards; }
.cms-page:is(.recc):not(.evcc) .cms-header { background: linear-gradient(90deg, var(--recc-color-start) 50%, var(--recc-color-middle) 75%, var(--recc-color-end) 100%); backdrop-filter: blur(5px); animation: reccHeaderAnimation 1.5s ease-in-out forwards; }
.cms-page:not(.recc):is(.evcc) .cms-header { background: linear-gradient(90deg, var(--evcc-color-start) 0%, var(--evcc-color-middle) 75%,  var(--evcc-color-end) 100%); backdrop-filter: blur(5px); animation: evccHeaderAnimation 1.5s ease-in-out forwards; }

.cms-page .cms-header .hrow:nth-child(1) { display:flex; justify-content:space-between; }
.cms-page .cms-header .hrow .name { font-weight: 600; font-size: 32px; }
.cms-page .cms-header .hrow .share .button { display: flex; justify-content: center; align-items: center; padding: 6px; border: 1px solid #FFFFFF; border-radius: 8px; font-size: 14px; font-weight: 700; cursor:pointer; }
.cms-page .cms-header .hrow:nth-child(2) { display:flex; justify-content: center; align-items: center; padding:20px 0; }
.cms-page .cms-header .hrow .line { width:100%; height:1px; background-color:rgba(255, 255, 255, 0.25); }
.cms-page .cms-header .hrow:nth-child(3) { display:flex; gap:20px; font-size: 13px; }
.cms-page .cms-header .hrow:nth-child(3) > div { flex: 1; }
.cms-page .cms-header .hrow .label { color: rgba(255, 255, 255, 0.6); }

.cms-page .cms-header .cms-title { font-weight: 600; font-size: 28px; line-height: 1em; max-width: var(--page-content-wrap); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 24px 16px;}

.cms-page .cms-body { padding: 32px 16px 0 16px;  color: #5C5B67; font-size: 15px; font-weight: 400;}

.cms-page .cms-section { background-color: #ffffff;border-top: 2px solid #015594; box-shadow: 0px 2px 4px 0px #0057960D; border-radius: 16px; padding: 24px; margin-bottom: 32px; }
.cms-page .cms-section.green { border-top: 2px solid #01A780; }
.cms-page .cms-section:nth-last-child(1) { margin-bottom:0; }

.cms-page .cms-section.collapsible  { position:relative; }
.cms-page .cms-section.collapsible .minmaxbtn { position:absolute; top:5px; right:5px; background-color:#015594; color:#FFF; font-size:10px; width:24px; height:24px; border-radius:50%; content:'\25B2'; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.cms-page .cms-section.green.collapsible > .minmaxbtn { background-color:#01A780; }
.cms-page .cms-section.collapsible.closed > *:not(.visible, .minmaxbtn) { display:none; }
.cms-page .cms-section.collapsible .minmaxbtn:after { content: '\25B2'}
.cms-page .cms-section.collapsible.closed .minmaxbtn:after { content: '\25BC'}
.cms-page .cms-section.collapsible.closed .cms-title { margin-bottom:0; }

.cms-page .cms-section .cms-title { display: flex; gap:16px; align-items:center; margin-bottom:32px;  }
.cms-page .cms-section .cms-title > div.cms-label { flex:1; font-size: 20px; line-height: 1em; font-weight: 600; }
.cms-page .cms-section .cms-title > div.cms-icon {  width:32px; height:32px; background-color:#F3F4F6; border-radius:8px; }

.cms-page .cms-greybox { border:1px solid #D4DAE1; padding:19px 16px; border-radius:8px; margin:10px 0; }
.cms-page .cms-greybox:has(.cms-icon) { display:flex; gap:16px; }
.cms-page .cms-greybox:has(.cms-icon) > div:not(.cms-icon) { flex: 1; }
.cms-page .cms-greybox > div.cms-icon { width:72px; height:72px; }

.cms-page .cms-greybox.cms-greybox-background { background-color:#F3F4F6; }

.cms-page h2 { color: #003359; font-size: 18px; font-weight: 700; margin:5px 0; padding:0; }
.cms-page h3 { color: #003359; font-size: 15px; font-weight: 700; margin:5px 0; padding:0; }

.cms-page.evcc:not(.recc) a, 
.cms-page.evcc:not(.recc) h2, 
.cms-page.evcc:not(.recc) h3, 
.cms-page.evcc:not(.recc) .cms-title > div.cms-label { color: #03a881; }

.cms-page ul > li  ul { margin-top:8px!important; }

.cms-page ul.cms-iconlist, .cms-page ul.cms-iconlist > li { list-style:none; padding:0; margin:0; }
.cms-page ul.cms-iconlist > li { display:flex; gap:16px; margin-bottom:16px; }
.cms-page ul.cms-iconlist > li:nth-last-child(1) { padding-bottom:0; }
.cms-page ul.cms-iconlist > li > div { flex: 1; align-items:center; }
.cms-page ul.cms-iconlist > li > div.cms-icon { flex: unset; width:32px; height:32px; background-color:#F3F4F6; border-radius:8px; display:flex; align-items:center; justify-content:center; }
.cms-page ul.cms-iconlist > li > div.cms-icon > img { max-width:100%; max-height:100%; }
.cms-page ul.cms-iconlist > li.cms-greybox { padding:16px; align-items:center; }

.cms-page ul.cms-ticks, .cms-page ul.cms-ticks > li { list-style:none; padding:0; margin:0; }
.cms-page ul.cms-ticks > li { padding: 7px 5px 7px 5px; display:flex; gap:10px; align-items:center; }
.cms-page ul.cms-ticks > li > *:not(.tick) { flex: 1 }
.cms-page ul.cms-ticks > li > .tick { width:16px; height:16px; background: url('/assets/cms/icon-ul-tick.png') no-repeat center center; display:inline-block; border:0; }

.cms-page ul.cms-numbers { list-style:decimal; margin-top:0; margin-bottom:0; }
.cms-page ul.cms-numbers > li  { padding:6px 0; }

.cms-page .cms-video { max-width:80%; margin:0 auto; aspect-ratio: 3 / 2;  background-color:#F3F4F6; border-radius:8px; overflow:hidden; }
.cms-page .cms-video iframe { width:100%; height:100%; border:none; outline:none; }

.cms-page .cms-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.cms-page .cms-grid.cms-grid-centre > div { text-align:center; }

.cms-page .cms-grid.cms-grid-4x4 { grid-template-columns:1fr 1fr 1fr 1fr; }

.cms-page .cms-buttonlist { display:flex; gap:16px; align-content:center; justify-content:center;  }

.cms-page .cms-button {border-radius: 8px; text-decoration: none; display: inline-block; padding: 12px 16px; font-size: 12px; font-weight: 600; line-height: 1em;}
.cms-page .cms-button.cms-green { color: #ffffff!important; background-color: #119d76; }
.cms-page .cms-button.cms-blue { color: #ffffff!important; background-color: #005695;}

@media all and (max-width: 900px) {

    .cms-page .cms-grid.cms-grid-4x4 { grid-template-columns:1fr 1fr 1fr; }
}

@media all and (max-width: 650px) {
    .cms-page .cms-grid.cms-grid-4x4 { grid-template-columns:1fr 1fr; }
}

@media all and (max-width: 550px) {
    .cms-page .cms-grid.cms-grid-4x4 { grid-template-columns:1fr; }
}