.site__breadcrumb-custom25 {
    color:#fff;
    padding: 0px;
}		
.site__breadcrumb-custom25.site__breadcrumb--archive a, .site__breadcrumb-custom25 span{
    color:#fff;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}		
.header-container.knowledge-archive{
    background-color: #1A21C7;
    padding: 0px 66px 40px;
    border-width: 0px 14px;
    border-style: solid;
    border-color: #fff;
    margin-bottom: 0px;
    
}
header .knowledge-archive-header h1{
    font-size: 44px;
    line-height: 56px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    font-family: 'OptimaProRoman', sans-serif;
    margin-bottom: 0px;
}
header{
    margin: 0px;
}
.knowledge-archive-header{
    display: flex;
    flex-direction: row;
    gap:32px;
    justify-content: space-between;
    
}
.knowledge-search{
    width: 400px;
    transition: 300ms;
}
.knowledge-search:has(input:focus){
    width: 100%;
}


@media screen and (max-width: 1280px) {
.header-container.knowledge-archive{
padding: 0px 40px 40px;
}
.knowledge-archive-header{
flex-direction: column;
gap: 16px;
}
.knowledge-search{
width: 100%;
}
}
@media screen and (max-width: 744px) {
.header-container.knowledge-archive{
padding: 0px 18px 24px;
border-width: 0px 6px;
}
.header .knowledge-archive-header h1{
font-size: 40px;
line-height: 48px;
}
}


.knowledge-grid {
    display: grid;
    grid-template-columns: 48px auto;
    transition: 300ms;
    align-items: flex-start;
    
    
    width: 100%;
    border-left: 14px solid #fff;
    border-right: 14px solid #fff;
    background-color: #fff;
}
.knowledge-grid:has(.knowledge-slideout.open) {
    
    background-color: #E9F1FB;
}

.knowledge-slideout {
    padding-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}


.knowledge-slideout-button {
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 40px;
    background-color: #1A21C7;
    padding: 12px;
    width: 48px;
    height: 48px;
    line-height: 0;
}

.knowledge-slideout-button.open {
    transform: rotate(180deg);
}

.knowledge-slideout-content {
    padding: 0px 66px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 350px;
}

.knowledge-slideout-content-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.knowledge-slideout-content-item.selected {
    color: #1A21C7;
}
.knowledge-slideout-content-item .knowledge-slideout-parent-children{
    display: none
}
.knowledge-slideout-content-item.selected .knowledge-slideout-parent-children{
    display: block
}

.knowledge-slideout-content-subitems {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.knowledge-slideout-child {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding-left: 16px;
}



.knowledge-grid:has(.knowledge-slideout.open) {
    grid-template-columns: 25% auto;

}

.knowledge-slideout {
    overflow: hidden;
    background-color: #fff;
    position: sticky;
    top: 0;
    overflow-y: scroll;
    transition: 300ms;
    
}

.knowledge-slideout.open {
    overflow: hidden;
    background-color: #E9F1FB;
}

.knowledge-slideout-parent {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    color: #434B5E;
    text-decoration: none;
}
    
a.knowledge-slideout-parent:hover, a.knowledge-slideout-parent:focus{
    text-decoration: none;
    color: #1A21C7;
}
.knowledge-slideout-parent.active{
    color: #1A21C7;
}



.knowledge-slideout-child p {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #434B5E;
}
a.knowledge-slideout-child:hover {
    text-decoration: none;
}


.knowledge-slideout-child p.selected {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #1A21C7;
}
.knowledge-content {
    background: white;
border-left: 32px white solid;
}

.knowledge-content .c {
    padding: 40px;
}

.knowledge-content .c {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.knowledge-content h2 {

    font-family: 'OptimaProRoman', sans-serif;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
    margin: 0;
}

.knowledge-content-subselection {
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: 100%;
}

.knowledge-content-subselection h3, .knowledge-content-subselection-main h3 {
    font-family: 'OptimaProRoman', sans-serif;
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
    margin: 0;
}
.knowledge-content-subselection-main {
    padding-bottom: 26px;
    display: flex;
    flex-direction: column;
    gap: 32px;

}

.knowledge-content-subselection-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;

}

.knowledge-content-subselection-item {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 12px;
    background-color: #F2F7FD;
    align-items: center;
}
a.knowledge-content-subselection-item{
    text-decoration: none;
}
a.knowledge-content-subselection-item:hover{
    
    
    background-color: #F2F7FD;
    align-items: center;
    text-decoration: none;

}
a.knowledge-content-subselection-item {
    text-decoration: none;
}

a.knowledge-content-subselection-item:hover {
    text-decoration: none;
    background-color: transparent;
    

}


.knowledge-content-subselection-items .knowledge-content-subselection-name-title {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #434B5E;
    margin: 0;
}

.knowledge-content-subselection-items .knowledge-content-subselection-name-articles {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #434B5E;
    margin: 0;
}

.knowledge-content-subselection-icon{
    line-height: 0;	
    width: 60px;
    height: 60px;
}
.knowledge-content-subselection-icon svg{
    width: 100%;
    height: 100%;
}


/* Resources */
.knowledge-content-subselection-item.resources {
    padding: 32px;

}
a.knowledge-content-subselection-item.resources{
    text-decoration: none;
    color: #434B5E;
}
a.knowledge-content-subselection-item.resources:hover {
    text-decoration: none;
    background-color: #E9F1FB;
    color: #1A21C7;
}

a.knowledge-content-subselection-item.resources:hover p {
    color: #1A21C7;
}

a.knowledge-content-subselection-item.resources:hover svg {
    fill: #1A21C7;
    stroke: #fff;
}

.knowledge-content-resources {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-bottom: 36px;
}
.knowledge-content-resources h3{
    font-family: 'OptimaProRoman', sans-serif;
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
    margin: 0;
}

.knowledge-content-subselection.resources{
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: space-between;
}

/* Publish */
.knowledge-content-publish {
    background-color: #F2F7FD;
    padding: 32px;
    margin-top: 32px;
}
.knowledge-content-publish-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.knowledge-content-publish-content h3{
    font-family: 'OptimaProRoman', sans-serif;
    font-size: 32px;
    line-height: 48px;
    font-weight: 400;
    color: #434B5E;
    margin: 0;
}
.knowledge-content-publish-content p{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
    margin: 0;
}
.knowledge-content-publish-content a{
    border: 1px solid #1A21C7;
    color: #fff;
    padding: 12px 32px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #1A21C7;
    width: fit-content;
}
.knowledge-content-publish-content a:hover{
    background-color: #F2F7FD;
    color: #1A21C7;
    border: 1px solid #1A21C7;
}
.slideout-icon{
    line-height: 0;
    width: 24px;
    height: 24px;
}
.slideout-icon svg{
    width: 100%;
    height: 100%;
}
.knowledge-slideout-button svg{
			
}
.knowledge-slideout-button span{
    display: none;
}
.knowledge-grid-overlay{
    display: none;
}
@media screen and (max-width: 1280px) {
.knowledge-slideout{
    width: 0;
    height: 0;
    margin: 0 auto;
    padding: 0px;
}
.knowledge-grid{
    grid-template-columns: 1fr;
}
.knowledge-grid-overlay{
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 999;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    border-width: 0px 14px;
    border-style: solid;
    border-color: #fff;
    padding: 20px 0px;
    background-color: #E9F1FB;
    cursor: pointer;
}
.knowledge-grid-overlay p{
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #1A21C7;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0;
}
.knowledge-grid{
    border-width: 0px;
}
.knowledge-grid{
    display: block;
}
.knowledge-grid:has(.knowledge-slideout.open){
    grid-template-columns: 1fr;
}
.knowledge-slideout.open{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 999;
    padding: 40px 66px;
}
.knowledge-slideout.open .knowledge-slideout-button.open{
    position: absolute;
    right: 12px;
    top: 12px;
    background-color: unset;
    font-size: 32px;
    color: #434B5E;
    border: unset;
}
.knowledge-slideout-content{
    padding: 0px;
}
.knowledge-slideout-button.open svg{
    display: none;
}
.knowledge-slideout-button.open span{
    display: block;
}
.knowledge-content{
    margin:0px;
    border-width: 0px;
}
.knowledge-content .c{
    gap: 16px;
}
.knowledge-content-subselection-items {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.knowledge-content-subselection-item{
    flex-direction: column;
}
.knowledge-content-subselection-name-title{
    text-align: center;
}
.knowledge-content-subselection-name{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 2px;
}
.knowledge-content-subselection-items.resources{
    grid-template-columns: repeat(2, 1fr);
}
knowledge-content-subselection-item.resources{
    padding: 24px;
}
.knowledge-content-subselection-intro{
    margin-bottom: 0px;
}

/* CTA */

.knowledge-content-publish{
    padding: 0px;
}
.knowledge-content-publish-content{
    flex-direction: column;
    box-shadow: inset 3px 3px white, inset -3px -3px white;
    padding: 37px;
    border: 8px solid #1A21C7;
    background-color: #1A21C7;
    gap: 24px;
}
.knowledge-content-publish-content h3, .knowledge-content-publish-content p{
    color: #fff;
}
.knowledge-content-publish-content a {
    background-color: #fff;
    color: #1A21C7;
    border: 1px solid #fff;
}
.knowledge-content-publish-content a:hover {
    background-color: #1A21C7;
    color: #fff;
    border: 1px solid #fff;
}




}
@media screen and (max-width: 744px) {
.knowledge-slideout.open{
    padding: 16px;
}
.knowledge-slideout.open .knowledge-slideout-button.open{
    right: 8px;
    top: 8px;
    padding: 0px;
    width: 24px;
    height: 24px;
}
.knowledge-slideout-content{
    min-width: unset;
}


.knowledge-grid{
    grid-template-columns: 1fr;
}
.knowledge-grid-overlay{
    border-width: 0px 6px;
    
}
.knowledge-content .c{
    padding: 32px 16px 42px;
}
.knowledge-content-subselection-main {
    gap: 16px;
}
.knowledge-content-subselection-items {
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
}
.knowledge-content-subselection-item {
    flex-direction: row;
}
.knowledge-content-subselection-name{
    align-items: flex-start;
    gap: 2px;
}
.knowledge-content-subselection-name-title{
    text-align: left;
}
.knowledge-content-subselection-items.resources{
    grid-template-columns: repeat(1, 1fr);
    
}
.knowledge-content-resources {
    padding-bottom: 0px;
}
.knowledge-content-subselection-item.resources{
    padding: 16px;
}

.knowledge-content-publish{
    padding: 0px;
}
.knowledge-content-publish-content{
    box-shadow: inset 3px 3px white, inset -3px -3px white;
    padding: 21px;
    gap: 16px;
}
.knowledge-content-publish-content h3{
    font-size: 26px;
    line-height: 40px;
}
.knowledge-content-publish-content a {
    text-align: center;
    width: 100%;
}

}

.site__breadcrumb-custom25 {
    color:#fff;
    padding: 0px;
}		
.site__breadcrumb-custom25.site__breadcrumb--archive a, .site__breadcrumb-custom25 span{
    color:#fff;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}		
.header-container.knowledge-archive{
    background-color: #1A21C7;
    padding: 0px 66px 40px;
    border-width: 0px 14px;
    border-style: solid;
    border-color: #fff;
    margin-bottom: 0px;
    
}
header .knowledge-archive-header h1{
    font-size: 44px;
    line-height: 56px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    font-family: 'OptimaProRoman', sans-serif;
    margin-bottom: 0px;
}
header{
    margin: 0px;
}
.knowledge-archive-header{
    display: flex;
    flex-direction: row;
    gap:32px;
    justify-content: space-between;
    
}
.knowledge-search{
    width: 400px;
    transition: 300ms;
}
.knowledge-search:has(input:focus){
    width: 100%;
}



@media screen and (max-width: 1280px) {
.header-container.knowledge-archive{
padding: 0px 40px 40px;
}
.knowledge-archive-header{
flex-direction: column;
gap: 16px;
}
.knowledge-search{
width: 100%;
}
}
@media screen and (max-width: 744px) {
.header-container.knowledge-archive{
padding: 0px 18px 24px;
border-width: 0px 6px;
}
.header .knowledge-archive-header h1{
font-size: 40px;
line-height: 48px;
}
}

.knowledge-grid {
    display: grid;
    grid-template-columns: 48px auto;
    transition: 300ms;
    align-items: flex-start;


    width: 100%;
    border-left: 14px solid #fff;
    border-right: 14px solid #fff;
    background-color: #fff;
}

.knowledge-grid:has(.knowledge-slideout.open) {

    background-color: #E9F1FB;
}

.knowledge-slideout {
    padding-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}


.knowledge-slideout-button {
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 40px;
    background-color: #1A21C7;
    padding: 12px;
    width: 48px;
    height: 48px;
    line-height: 0;
}

.knowledge-slideout-button.open {
    transform: rotate(180deg);
}

.knowledge-slideout-content {
    padding: 0px 66px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 350px;
}

.knowledge-slideout-content-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.knowledge-slideout-content-item.selected {
    color: #1A21C7;
}

.knowledge-slideout-content-item .knowledge-slideout-parent-children {
    display: none
}

.knowledge-slideout-content-item.selected .knowledge-slideout-parent-children {
    display: block
}

.knowledge-slideout-content-subitems {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.knowledge-slideout-child {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding-left: 16px;
    text-decoration: none;
    color: #434B5E;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
}
a.knowledge-slideout-child:hover {
    text-decoration: none;
}

a.knowledge-slideout-child:hover {
    text-decoration: none;
}
.knowledge-slideout-child.active{
    color: #1A21C7;
}



.knowledge-grid:has(.knowledge-slideout.open) {
    grid-template-columns: 25% auto;

}

.knowledge-slideout {
    overflow: hidden;
    background-color: #fff;
    position: sticky;
    top: 0;
    overflow-y: scroll;
    transition: 300ms;

}

.knowledge-slideout.open {
    overflow: hidden;
    background-color: #E9F1FB;
}

.knowledge-slideout-parent {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    color: #434B5E;
    text-decoration: none;
}
a.knowledge-slideout-parent:hover, a.knowledge-slideout-parent:focus{
    text-decoration: none;
    color: #1A21C7;
}



.knowledge-slideout-parent.active {
    color: #1A21C7;
}

.knowledge-slideout-parent-children.active {
    display: block;
}





.knowledge-slideout-child p {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #434B5E;
}
a.knowledge-slideout-child:hover p{
    color: #1A21C7;
}

.knowledge-slideout-child.active p {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #1A21C7;
}



.knowledge-content {
    background: white;
    border-left: 32px white solid;
}

 .c {
    padding: 40px;
    background-color: white;
}

.c {
    display: flex;
    flex-direction: column;
    gap: 58px;
}

.knowledge-content h2 {

    font-family: 'OptimaProRoman', sans-serif;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
    margin: 0;
}

.knowledge-content-subselection {
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: 100%;

}

.knowledge-content-subselection h3 {
    font-family: 'OptimaProRoman', sans-serif;
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
    margin: 0;
}
.knowledge-content-subselection-main {
    padding-bottom: 48px;

}



.knowledge-content-subselection-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;

}

.knowledge-content-subselection-item {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 12px;
    background-color: #F2F7FD;
    align-items: center;
    text-decoration: none;
}

a.knowledge-content-subselection-item {
    text-decoration: none;
}

a.knowledge-content-subselection-item:hover {
    text-decoration: none;
    background-color: transparent;
    

}


a.knowledge-content-subselection-item:hover svg {
    fill: #fff;
    stroke: #fff;
}


.knowledge-content-subselection-items .knowledge-content-subselection-name-title {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #434B5E;
    margin: 0;
}

.knowledge-content-subselection-items .knowledge-content-subselection-name-articles {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #434B5E;
    margin: 0;
}

.knowledge-content-subselection-icon {
    line-height: 0;
    width: 60px;
    height: 60px;
}

.knowledge-content-subselection-icon svg{
    width: 100%;
    height: 100%;
}


/* Resources */
.knowledge-content-subselection-item.resources {
    padding: 32px;

}

a.knowledge-content-subselection-item.resources {
    text-decoration: none;
    color: #434B5E;
}

a.knowledge-content-subselection-item.resources:hover {
    text-decoration: none;
    background-color: #E9F1FB;
    color: #1A21C7;
}

a.knowledge-content-subselection-item.resources:hover p {
    color: #1A21C7;
}

a.knowledge-content-subselection-item.resources:hover svg {
    fill: #1A21C7;
    stroke: #fff;
}

.knowledge-content-resources {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 48px;
}

.knowledge-content-resources h3 {
    font-family: 'OptimaProRoman', sans-serif;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    color: #434B5E;
    margin: 0;
}

.knowledge-content-subselection.resources {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: space-between;
}

/* Publish */
.knowledge-content-publish {
    background-color: #F2F7FD;
    padding: 32px;
    margin-top: 32px;
}

.knowledge-content-publish-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.knowledge-content-publish-content h3 {
    font-family: 'OptimaProRoman', sans-serif;
    font-size: 32px;
    line-height: 48px;
    font-weight: 400;
    color: #434B5E;
    margin: 0;
}

.knowledge-content-publish-content p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
    margin: 0;
}

.knowledge-content-publish-content a {
    border: 1px solid #1A21C7;
    color: #fff;
    padding: 12px 32px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #1A21C7;
    width: fit-content;
}

.knowledge-content-publish-content a:hover {
    background-color: #F2F7FD;
    color: #1A21C7;
    border: 1px solid #1A21C7;
}
.slideout-icon{
    line-height: 0;
    width: 24px;
    height: 24px;
}
.slideout-icon svg{	
    width: 100%;
    height: 100%;
}

.resource-section{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.knowledge-slideout-button svg{
			
}
.knowledge-slideout-button span{
    display: none;
}
.knowledge-grid-overlay{
    display: none;
}
@media screen and (max-width: 1280px) {
.knowledge-slideout{
    width: 0;
    height: 0;
    margin: 0 auto;
    padding: 0px;
}
.knowledge-grid{
    grid-template-columns: 1fr;
}
.knowledge-grid-overlay{
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 999;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    border-width: 0px 14px;
    border-style: solid;
    border-color: #fff;
    padding: 20px 0px;
    background-color: #E9F1FB;
    cursor: pointer;
}
.knowledge-grid-overlay p{
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #1A21C7;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0;
}
.knowledge-grid{
    display: block;
}
.knowledge-grid{
    border-width: 0px;
}
.knowledge-grid:has(.knowledge-slideout.open){
    grid-template-columns: 1fr;
}
.knowledge-slideout.open{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 999;
    padding: 40px 66px;
}
.knowledge-slideout.open .knowledge-slideout-button.open{
    position: absolute;
    right: 12px;
    top: 12px;
    background-color: unset;
    font-size: 32px;
    color: #434B5E;
    border: unset;
}
.knowledge-slideout-content{
    padding: 0px;
}
.knowledge-slideout-button.open svg{
    display: none;
}
.knowledge-slideout-button.open span{
    display: block;
}
.knowledge-content{
    margin:0px;
    border-width: 0px;
}
.c{
    gap: 16px;
}
.knowledge-content-subselection-items {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.knowledge-content-subselection-item{
    flex-direction: column;
}
.knowledge-content-subselection-name-title{
    text-align: center;
}
.knowledge-content-subselection-name{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 2px;
}
.knowledge-content-subselection-items.resources{
    grid-template-columns: repeat(2, 1fr);
}
knowledge-content-subselection-item.resources{
    padding: 24px;
}
.knowledge-content-subselection-intro{
    margin-bottom: 0px;
}






}
@media screen and (max-width: 744px) {
.knowledge-slideout.open{
    padding: 16px;
}
.knowledge-slideout.open .knowledge-slideout-button.open{
    right: 8px;
    top: 8px;
    padding: 0px;
    width: 24px;
    height: 24px;
}
.knowledge-slideout-content{
    min-width: unset;
}


.knowledge-grid{
    grid-template-columns: 1fr;
}
.knowledge-grid-overlay{
    border-width: 0px 6px;
    
}
.c{
    padding: 32px 16px 42px;
}
.knowledge-content-subselection-main {
    gap: 16px;
}
.knowledge-content-subselection-items {
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
}
.knowledge-content-subselection-item {
    flex-direction: row;
}
.knowledge-content-subselection-name{
    align-items: flex-start;
    gap: 2px;
}
.knowledge-content-subselection-name-title{
    text-align: left;
}
.knowledge-content-subselection-items.resources{
    grid-template-columns: repeat(1, 1fr);
    
}
.knowledge-content-resources {
    padding-bottom: 32px;
}
.knowledge-content-subselection-item.resources{
    padding: 16px;
}



}
.single-product-content section h2 {
    font-family: 'OptimaProRoman', sans-serif;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
    margin-bottom: 16px;
    margin-top: 32px;
}

.single-product-content section p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
    margin-bottom: 20px;
}

.single-product-content-image {
    width: 100%;
    margin-bottom: 40px;
}

.single-product-content-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.single-product-content section p a,
.single-product-content-links a {
    text-decoration: underline;
    color: #1A21C7;
    text-underline-offset: 3px;
}

.single-product-content section p a:hover,
.single-product-content-links a:hover {
    text-decoration: none;
    color: #1A21C7;

}

.single-product-content-buttons {
    display: flex;
    flex-direction: row;
    gap: 32px;
    margin-bottom: 40px;
}

.single-product-content-buttons a {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
    background-color: #1A21C7;
    padding: 12px 32px;
    border-radius: 0px;
    border: 1px solid #1A21C7;
    box-sizing: border-box;
}

.single-product-content-buttons a:hover {
    background-color: #fff;
    color: #1A21C7;
    text-decoration: none;
    border: 1px solid #1A21C7;
    box-sizing: border-box;
}

.single-product-content-links {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 40px;
}


.single-product-content-ulist,
.single-product-content-ulist-double,
.single-product-content-bullet-info {
    /* margin-top: -20px; */
}

.single-product-content-bullet-info:first-of-type {
    margin-top: 0px;

}

.single-product-content-ulist li,
.single-product-content-ulist-double li,
.single-product-content-bullet-info li {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
}

.single-product-content-bullet-info li {
    font-weight: 700;
}

.single-product-content-ulist ul,
.single-product-content-ulist-double ul,
.single-product-content-bullet-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
}

.single-product-content-ulist li,
.single-product-content-ulist-double li,
.single-product-content-bullet-info li {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

.single-product-content-ulist li::before,
.single-product-content-ulist-double li::before,
.single-product-content-bullet-info li::before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #1A21C7;
    flex-shrink: 0;
    margin-right: 16px;
}
.single-product-content-bullet-info li a{
    text-decoration: underline;
    color: #1A21C7;
    text-underline-offset: 3px;
}
.single-product-content-bullet-info li a:hover{
    text-decoration: none;
    color: #1A21C7;
}

.single-product-content-ulist-double {
    display: flex;
    flex-direction: row;
    gap: 36px;
    flex-wrap: wrap;
}

.single-product-content-ulist-double div {
    flex: 1;
}

.single-product-content-ulist-double h3 {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    color: #434B5E;
}

.single-product-content-option-link {
    display: flex;
    flex-direction: column;
    gap: 0px;
    flex: 2;
}

.single-product-content-option-link img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.single-product-content-option-link a,
.single-product-content section .single-product-content-option-link p {
    background-color: #1A21C7;
    color: #fff;
    padding: 0px 24px;
    border-radius: 0px;
    border: 1px solid #1A21C7;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;

}

.single-product-content-options-content {
    display: flex;
    flex-direction: row;
    gap: 32px;


}

.single-product-content-options-content p {
    flex: 5;
    margin: auto;
}

.single-product-content-options {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 40px;
}

.single-product-content-options .single-product-content-options-content p {
    margin-bottom: auto;
}


.single-product-content-textarea {
    /* margin-bottom: 40px; */
}

.single-product-content-text {
    /* margin-bottom: 40px; */
}

.more-information-start {
    transition: 300ms;
    height: 0px;
    overflow: clip;
    margin-bottom: 0px;
}

.more-info-link-end {
    margin-bottom: 40px;
}

.more-information-start.active {
    height: auto;
}

.more-info-link-start,
.more-info-link-end {
    all: unset;
    display: none;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #1A21C7;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 3px;

}

.more-info-link-start.active,
.more-info-link-end.active {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 16px;
}

.arrow.down {
    width: 9px;
    height: 9px;
    border-left: 1px solid #1A21C7;
    border-bottom: 1px solid #1A21C7;
    display: inline-block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    padding: 0px;
    margin-bottom: 4px
}

.arrow.up {
    width: 9px;
    height: 9px;
    border-left: 1px solid #1A21C7;
    border-bottom: 1px solid #1A21C7;
    display: inline-block;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    padding: 0px;
    margin-bottom: -8px
}

.single-product-content-ordered-list {
    margin-bottom: 40px;
}

.single-product-content-ordered-list ol {
    list-style: decimal outside;

    padding-left: 20px;

}

.single-product-content-ordered-list ol li::marker {
    color: #1A21C7;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    font-family: 'Lato', sans-serif;
}

.single-product-content-ordered-list ol li {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
    padding-left: 14px;
    margin-bottom: 16px;
}
.single-product-content-table {
margin-bottom: 40px;
overflow-x: auto;
}

.single-product-content-table table,
th,
td {
border: 1px solid #D7E6FB;
}

.single-product-content-table table {
width: 100%;
}

tbody tr:nth-child(even) {
background-color: #F2F7FD;
color: #434B5E;
}

.table-2 th {
vertical-align: baseline;
width: 50%;
background-color: #F2F7FD;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 16px;
font-weight: 700;
color: #434B5E;
padding: 8px 16px;
}

.table-2 td {
width: 50%;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 16px;
font-weight: 400;
color: #434B5E;
vertical-align: baseline;
padding: 16px 16px;
}
.table-3 th {
vertical-align: baseline;
width: 33.3%;
background-color: #F2F7FD;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 16px;
font-weight: 700;
color: #434B5E;
padding: 8px 16px;
}

.table-3 td {
width: 33.3%;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 16px;
font-weight: 400;
color: #434B5E;
vertical-align: baseline;
padding: 16px 16px;
}
.single-product-content-ulist a{
text-decoration: underline;
color: #1A21C7;
text-underline-offset: 3px;
}
/* Publish */
.knowledge-content-publish {
background-color: #F2F7FD;
padding: 32px;
}

.knowledge-content-cta-block {
display: flex;
flex-direction: column;
gap: 24px;
}

.knowledge-content-cta-block h3 {
font-family: 'OptimaProRoman', sans-serif;
font-size: 22px;
line-height: 32px;
font-weight: 400;
color: #434B5E;
margin: 0;
}

.knowledge-content-cta-block p {
font-family: 'Lato', sans-serif;
font-size: 18px;
line-height: 32px;
font-weight: 400;
color: #434B5E;
margin: 0;
}

.knowledge-content-cta-block a {
border: 1px solid #1A21C7;
color: #fff;
padding: 12px 32px;
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
text-decoration: none;
background-color: #1A21C7;
width: fit-content;
}

.knowledge-content-cta-block a:hover {
background-color: #F2F7FD;
color: #1A21C7;
border: 1px solid #1A21C7;
}
.knowledge-data{
/* padding-bottom: 32px; */
}
#overview.single-product-content{
margin-top: 16px;
}

@media screen and (max-width: 1280px) {
    /* CTA */

.knowledge-content-publish{
padding: 0px;
}
.knowledge-content-publish-content{
flex-direction: column;
box-shadow: inset 3px 3px white, inset -3px -3px white;
padding: 37px;
border: 8px solid #1A21C7;
background-color: #1A21C7;
gap: 24px;
}
.knowledge-content-publish-content h3, .knowledge-content-publish-content p{
color: #fff;
}
.knowledge-content-publish-content a {
background-color: #fff;
color: #1A21C7;
border: 1px solid #fff;
}
.knowledge-content-publish-content a:hover {
background-color: #1A21C7;
color: #fff;
border: 1px solid #fff;
}


}
@media screen and (max-width: 744px) {

    .knowledge-content-publish{
        padding: 0px;
    }
    .knowledge-content-publish-content{
        box-shadow: inset 3px 3px white, inset -3px -3px white;
        padding: 21px;
        gap: 16px;
    }
    .knowledge-content-publish-content h3{
        font-size: 26px;
        line-height: 40px;
    }
    .knowledge-content-publish-content a {
        text-align: center;
        width: 100%;
    }
}

/* Ordered list (Paragraphs & Inner list) */
.single-product-content-ordered-list-paragraph {
margin-bottom: 40px;
}
.single-product-content-ordered-list-paragraph ol {
list-style: decimal outside;
padding-left: 20px;
}
.single-product-content-ordered-list-paragraph ol li::marker {
color: #1A21C7;
font-size: 16px;
font-weight: 700;
line-height: 32px;
font-family: 'Lato', sans-serif;
}
.single-product-content-ordered-list-paragraph ol li {
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 32px;
font-weight: 400;
color: #434B5E;
padding-left: 14px;
margin-bottom: 12px;
}
section.single-product-content-ordered-list-paragraph p{
margin-bottom: 12px;
}
section.single-product-content-ordered-list-paragraph .single-product-content-ulist p{
margin-bottom: 0px;
}
section.single-product-content-ordered-list-paragraph .single-product-content-ulist li{
align-items: flex-start;
}
section.single-product-content-ordered-list-paragraph .single-product-content-ulist li::before{
margin-top: 11px;
}

	.single-product-content-ordered-list-paragraph {
		margin-bottom: 40px;
	}
	.single-product-content-ordered-list-paragraph ol {
		list-style: decimal outside;
		padding-left: 20px;
	}
	.single-product-content-ordered-list-paragraph ol li::marker {
		color: #1A21C7;
		font-size: 16px;
		font-weight: 700;
		line-height: 32px;
		font-family: 'Lato', sans-serif;
	}
	.single-product-content-ordered-list-paragraph ol li {
		font-family: 'Lato', sans-serif;
		font-size: 16px;
		line-height: 32px;
		font-weight: 400;
		color: #434B5E;
		padding-left: 14px;
		margin-bottom: 16px;
	}

    .site__breadcrumb-custom25 {
        color:#fff;
        padding: 0px;
    }		
    .site__breadcrumb-custom25.site__breadcrumb--archive a, .site__breadcrumb-custom25 span{
        color:#fff;
        text-transform: capitalize;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        font-family: 'Lato', sans-serif;
    }		
    .header-container.reference-single-header{
        background-color: #1A21C7;
        padding: 0px 0px 0px 66px;
        border-width: 0px 14px;
        border-style: solid;
        border-color: #fff;
        margin-bottom: 0px;
        
    }
    header .single-reference-intro h1{
        font-size: 44px;
        line-height: 56px;
        font-weight: 400;
        color: #fff;
        margin: 0;
        font-family: 'OptimaProRoman', sans-serif;
        margin-bottom: 0px;
    }
    header{
        margin: 0px;
    }
    .reference-single-header .reference-header{
        display: flex;
        flex-direction: row;
        gap:32px;
        justify-content: space-between;
        /* align-items: start; */
    }	
    .back-to-references{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        text-decoration: none;
        color: #fff;
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 3px;
    }
    .back-to-references:hover{
        text-decoration: none;
        color: #fff;    
    }
    .back-to-references:focus{
        text-decoration: none;
        color: #fff;    
    }
    .back-to-references:hover svg{
        text-decoration: none;
        fill: #fff; 
        stroke: #000;   
    }
    .single-reference-intro{
        display: flex;
        flex-direction: column;
        gap: 40px;
        
    }
    .reference-intro{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 40px;
        flex: 1;
    }
    @media screen and (max-width: 1280px) {
        .header-container.reference-single-header{
            padding: 0px;
        }
        .reference-single-header .reference-header{
            gap: 40px;
            flex-direction: column;
        }
        .reference-intro{
            gap: 40px;
            padding: 0px 26px;
        }
        .reference-statistics.featured-image img{
            aspect-ratio: 4/2;
            
        }
    }
    @media screen and (max-width: 744px) {
        .header-container.reference-single-header{
            padding: 0px;
            border-width: 0px 6px;
        }
        .single-reference-intro{
            gap: 16px;
           
        }
        .reference-intro{
            gap: 16px;
            padding: 0px 18px;
        }
        .reference-single-header .reference-header{
            gap: 24px;
        }
        .reference-statistics.featured-image img{
            aspect-ratio: 3/2;
            
        }
    }
    /* Product Navigation */
    .product-navigation {
        background-color: #E9F1FB;
        border:  solid #fff;
        border-width: 0 14px;
        padding: 0 66px;
        position: sticky;
        top: 0;
        z-index: 10000;
        display: flex;
        gap: 24px;
    }

    .product-nav-item {
        width: fit-content;
        padding: 24px 0;
        line-height: 0px;
    }
    a.product-nav-item a:hover{
        text-decoration: none;
    }

    .product-nav-item.active {
        border-bottom: 2px solid #1A21C7;
    }

    .product-nav-link {
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
        color: #434B5E;
        text-decoration: none;
    }

    .product-nav-item.active .product-nav-link {
        color: #1A21C7;
    }
    a.product-nav-link:hover, a.product-nav-link:focus{
        text-decoration: none;
    }

    .product-enquire-button {
        font-family: 'Lato', sans-serif;
        letter-spacing: 3px;
        font-size: 13px;
        color: #fff;
        line-height: 16px;
        font-weight: 500;
        border: 1px solid #1A21C7;
        background-color: #1A21C7;
        text-transform: uppercase;
        position: absolute;
        padding: 12px 16px;
        right: 42px;
        top: 0;
        margin: 16px;
        z-index: -1;
        cursor: pointer;
    }

    .product-enquire-button:hover {
        background-color: #E9F1FB;
        color: #1A21C7;
        text-decoration: none;
        border: 1px solid #1A21C7;
        box-sizing: border-box;
    }

    /* Hide mobile nav by default */
    .mobile-nav {
        display: none;
    }

    /*Image featured*/
    .reference-statistics.featured-image{
        width: 100%;
        flex: 1;
    }
    .reference-statistics.featured-image img{
            aspect-ratio: 3/2;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        @media screen and (max-width: 1280px) {
			.product-navigation{
				padding: 0px 26px;
			}
			.product-nav-link {
			
			font-size: 14px;
			line-height: 16px;
			
			}
			.product-enquire-button {
				margin: 13px 0px 13px 13px;
				align-items: anchor-center;
				right: 26px;
			}
        }

        @media screen and (max-width: 744px) {
			
			.product-navigation{
				padding: 10px 18px;
				border-width: 0px 6px;
			}
			.product-navigation.mobile-nav{
				flex-direction: column;
			}
			.product-enquire-button.mobile-enquire{
				text-align:center;
			}

			/* Hide desktop navigation on mobile */
			.desktop-nav {
				display: none;
			}
			
			/* Show mobile navigation */
			.mobile-nav {
				display: flex !important;
				align-items: center;
				gap: 16px;
			}
			
			/* Style the select dropdown */
			.mobile-reference-nav-select {
				flex: 1;
				padding: 12px 16px;
				font-family: 'Lato', sans-serif;
				font-size: 16px;
				font-weight: 600;
				color: #434B5E;
				border: 1px solid #D9DBDF;
				border-radius: 0px;
				background-color: white;
				width: 100%;
			}
			
			.mobile-enquire {
				margin: 0 !important;
				white-space: nowrap;
				position: relative;
				right: unset;
				width: 100%;
			}
		   
        }

/* Select2 customization for mobile single navigation */
@media screen and (max-width: 744px) {
	.select2-container--default .select2-selection--single {
		height: 48px;
		border: 1px solid #D9DBDF;
		border-radius: 0px;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 32px;
		padding-left: 19px;
		font-family: 'Lato', sans-serif;
		font-size: 16px;
		font-weight: 600;
		color: #434B5E;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 44px;
		right: 24px;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__arrow b {
		border-color: #434B5E transparent transparent transparent;
		border-width: 8px 7px 0 7px;
	}
	.select2-dropdown{
		z-index: 99999;
		margin-top: 45px;
	}
	.select2-selection{
		display: flex;
   		align-items: center;
	}
	.select2-container .select2-selection--single{
		display: flex;
   		align-items: center;
	}
	.select2-results__option{
		padding-left: 19px;
	}
	.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
		background-color: #1A21C7;
	}
	.select2-container--default .select2-results__option--selected {
		background-color: #E9F1FB;
	}
}
.reference-single-content-inner{
    max-width: 842px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 80px;
}
.reference-single-content-inner h2{
    font-family: 'OptimaProRoman', sans-serif;
    font-size: 32px;
    line-height: 48px;
    font-weight: 400;
    color: #434B5E;
    margin-bottom: 24px;
}
.reference-single-content-inner h3{
    font-family: 'OptimaProRoman', sans-serif;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
    margin: 0;
}
.reference-single-content-inner p{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: #434B5E;
    margin-bottom: 24px;
}

    h4{
        font-family: 'OptimaProRoman', sans-serif;
        font-size: 32px;
        line-height: 38px;
        font-weight: 400;
        color: #434B5E;
        margin: 0;
    }
    h5{
        font-family: 'OptimaProRoman', sans-serif;
        font-size: 26px;
        line-height: 32px;
        font-weight: 400;
        color: #434B5E;
        margin: 0;
    }
        @media screen and (max-width: 1280px) {
            .reference-single-content-inner{
                padding: 40px;
            }
        }
        @media screen and (max-width: 744px) {
            .reference-single-content-inner{
                padding: 32px 16px !important;
            }
        }

        .product-related-restrict{
            display: flex;
            padding: 56px 80px 80px;
        }
        .product-related-list-container{
            display: flex;
            flex-direction: column;
            gap: 32px;
            width: 100%;
            
        }
        .product-related-list-header{
            display: flex;
            flex-direction: column;
            gap: 12px;
            max-width: 1060px;
        }
        .product-related-subtitle{
            font-family: 'OptimaProRoman', sans-serif;
            font-size: 32px;
            line-height: 48px;
            font-weight: 400;
            margin: 0;
            color: #434B5E;	
            text-align: left;
        }
        .product-related-list-container{
            display: flex;
            gap:32px;
        }
        .product-related-container{
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            column-gap: 32px;
            row-gap: 32px;
            width: 100%;
        }
        .product-related{
            display: flex;
            flex-direction: column;
            gap: 24px;
        }
        a.product-related:hover, a.product-related:focus{
            text-decoration: none;
        }
        .product-related-image{
            height: 260px;
        }
        .product-related-image .single-news-image{
            object-fit: cover;
            height: 260px;
            width: 100%;
        }
        .product-related-inner-content{
            background-color: #FFF;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        
        
        .product-related-date{
            font-family: 'Lato', sans-serif;
            font-size: 14px;
            line-height: 16px;
            font-weight: 400;
            color: #434B5E;
            margin: 0;
        }
        .product-related-title{
            font-family: 'OptimaProRoman', sans-serif;
            font-size: 22px;
            line-height: 32px;
            font-weight: 400;
            color: #434B5E;
            margin: 0;
            text-decoration: none;
        }
        @media screen and (max-width: 1280px) {
            .product-related-restrict {
                padding: 40px;
            }

            .product-related-container {
                grid-template-columns: 1fr;
            }

            .product-related {
                flex-direction: row;
            }

            .product-related-image {
                flex: 1 1 0px;
            }

            .product-related-inner-content {
                flex: 1 1 0px;
            }

            .product-related-image .single-news-image {
                object-fit: none;
            }

            .product-related-inner-content {
                justify-content: center;
            }



        }

        @media screen and (max-width: 744px) {
            h2.product-related-subtitle {
                font-size: 30px;
                line-height: 40px;
                font-weight: 400;
            }

            .product-related-restrict {
                padding: 40px 16px;
            }

            .product-related-list-container {
                gap: 16px;
            }

            .product-related {
                flex-direction: column;
            }

            .product-related-container {
                row-gap: 16px;
                column-gap: 16px;
            }

            .product-related-image {
                height: 185px;
            }

            .product-related-image .single-news-image {
                height: 185px;
                object-fit: cover;
            }

            .single-product-content-button {
                width: 100%;
                padding: 12px 16px;
            }


        }
        .site__breadcrumb-custom25 {
			color:#fff;
			padding: 0px;
		}		
		.site__breadcrumb-custom25.site__breadcrumb--archive a, .site__breadcrumb-custom25 span{
			color:#fff;
			text-transform: capitalize;
			font-size: 14px;
			line-height: 16px;
			font-weight: 400;
			font-family: 'Lato', sans-serif;
		}		
		.header-container.reference-single-header{
			background-color: #1A21C7;
			padding: 0px 0px 0px 66px;
			border-width: 0px 14px;
			border-style: solid;
			border-color: #fff;
			margin-bottom: 0px;
			
		}
		header .single-reference-intro h1{
			font-size: 44px;
			line-height: 56px;
			font-weight: 400;
			color: #fff;
			margin: 0;
			font-family: 'OptimaProRoman', sans-serif;
			margin-bottom: 0px;
		}
		header{
			margin: 0px;
		}
		.reference-single-header .reference-header{
			display: flex;
			flex-direction: row;
			gap:32px;
			justify-content: space-between;
			align-items: start;
		}	
        .back-to-references{
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 12px;
            text-decoration: none;
            color: #fff;
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            line-height: 24px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 3px;
        }
        .back-to-references:hover{
            text-decoration: none;
            color: #fff;    
        }
        .back-to-references:focus{
            text-decoration: none;
            color: #fff;    
        }
        .back-to-references:hover svg{
            text-decoration: none;
            fill: #fff; 
            stroke: #000;   
        }
        .single-reference-intro{
            display: flex;
            flex-direction: column;
            gap: 40px;
            
        }
        .reference-intro{
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 40px;
            flex: 1;
        }
        @media screen and (max-width: 1280px) {
          
            .header-container.reference-single-header{
                padding: 0px;
            }
            .reference-single-header .reference-header{
                gap: 40px;
                flex-direction: column;
            }
            .reference-intro{
                gap: 40px;
                padding: 0px 26px;
            }
        }
        @media screen and (max-width: 744px) {
            .header-container.reference-single-header{
                padding: 0px;
                border-width: 0px 6px;
            }
            .single-reference-intro{
                gap: 16px;
               
            }
            .reference-intro{
                gap: 16px;
                padding: 0px 18px;
            }
            .reference-single-header .reference-header{
                gap: 24px;
            }
        }

        /* Product Navigation */
        .product-navigation {
            background-color: #E9F1FB;
            border:  solid #fff;
            border-width: 0 14px;
            padding: 0 66px;
            position: sticky;
            top: 0;
            z-index: 10000;
            display: flex;
            gap: 24px;
        }

        .product-nav-item {
            width: fit-content;
            padding: 24px 0;
            line-height: 0px;
        }
        product-nav-item a:hover{
            text-decoration: none;
        }
        a.product-nav-link:hover, a.product-nav-link:focus{
            text-decoration: none;
        }

        .product-nav-item.active {
            border-bottom: 2px solid #1A21C7;
        }

        .product-nav-link {
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            line-height: 26px;
            font-weight: 600;
            color: #434B5E;
            text-decoration: none;
        }

        .product-nav-item.active .product-nav-link {
            color: #1A21C7;
        }

        .product-enquire-button {
            font-family: 'Lato', sans-serif;
            letter-spacing: 3px;
            font-size: 13px;
            color: #fff;
            line-height: 16px;
            font-weight: 500;
            border: 1px solid #1A21C7;
            background-color: #1A21C7;
            text-transform: uppercase;
            position: absolute;
            padding: 12px 16px;
            right: 42px;
            top: 0;
            margin: 16px;
            z-index: -1;
            cursor: pointer;
        }

        .product-enquire-button:hover {
            background-color: #E9F1FB;
            color: #1A21C7;
            text-decoration: none;
            border: 1px solid #1A21C7;
            box-sizing: border-box;
        }

        /* Hide mobile nav by default */
        .mobile-nav {
            display: none;
        }

        /*Image featured*/
        .reference-statistics.featured-image{
            width: 100%;
            flex: 1;
        }
        .reference-statistics.featured-image img{
                aspect-ratio: 3/2;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            @media screen and (max-width: 1280px) {
                .product-navigation{
                    padding: 0px 26px;
                }
                .product-nav-link {
                
                font-size: 14px;
                line-height: 16px;
                
                }
                .product-enquire-button {
                    margin: 13px 0px 13px 13px;
                    align-items: anchor-center;
                    right: 26px;
                }
                
                .reference-statistics.featured-image img{
                    aspect-ratio: 4/2;
                    
                }
            }
    
            @media screen and (max-width: 744px) {
                
                .product-navigation{
                    padding: 10px 18px;
                    border-width: 0px 6px;
                }
                .product-navigation.mobile-nav{
                    flex-direction: column;
                }
                .product-enquire-button.mobile-enquire{
                    text-align:center;
                }
    
                /* Hide desktop navigation on mobile */
                .desktop-nav {
                    display: none;
                }
                
                /* Show mobile navigation */
                .mobile-nav {
                    display: flex !important;
                    align-items: center;
                    gap: 16px;
                }
                
                /* Style the select dropdown */
                .mobile-reference-nav-select {
                    flex: 1;
                    padding: 12px 16px;
                    font-family: 'Lato', sans-serif;
                    font-size: 16px;
                    font-weight: 600;
                    color: #434B5E;
                    border: 1px solid #D9DBDF;
                    border-radius: 0px;
                    background-color: white;
                    width: 100%;
                }
                
                .mobile-enquire {
                    margin: 0 !important;
                    white-space: nowrap;
                    position: relative;
                    right: unset;
                    width: 100%;
                }
                .reference-statistics.featured-image img{
                    aspect-ratio: 3/2;
                    
                }
               
            }
    
    /* Select2 customization for mobile reference navigation */
    @media screen and (max-width: 744px) {
        .select2-container--default .select2-selection--single {
            height: 48px;
            border: 1px solid #D9DBDF;
            border-radius: 0px;
        }
        
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 32px;
            padding-left: 19px;
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            font-weight: 600;
            color: #434B5E;
        }
        
        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 44px;
            right: 24px;
        }
        
        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #434B5E transparent transparent transparent;
            border-width: 8px 7px 0 7px;
        }
        .select2-dropdown{
            z-index: 99999;
            margin-top: 45px;
        }
        .select2-selection{
            display: flex;
               align-items: center;
        }
        .select2-container .select2-selection--single{
            display: flex;
               align-items: center;
        }
        .select2-results__option{
            padding-left: 19px;
        }
        .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
            background-color: #1A21C7;
        }
        .select2-container--default .select2-results__option--selected {
            background-color: #E9F1FB;
        }
    }

        .reference-single-content-inner{
            max-width: 842px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 16px;
            padding-top: 80px;
        }
        .reference-single-content-inner h2{
            font-family: 'OptimaProRoman', sans-serif;
            font-size: 32px;
            line-height: 48px;
            font-weight: 400;
            color: #434B5E;
            margin-bottom: 24px;
        }
        .reference-single-content-inner h3{
            font-family: 'OptimaProRoman', sans-serif;
            font-size: 26px;
            line-height: 32px;
            font-weight: 400;
            color: #434B5E;
            margin: 0;
        }
        .reference-single-content-inner p{
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            line-height: 32px;
            font-weight: 400;
            color: #434B5E;
            margin-bottom: 24px;
        }
        .reference-single-content-inner ul{
           padding-left: 0px;
        }
        .reference-single-content-inner li{
            display: flex;
        align-items: center;
        margin-bottom: 1em;
        }
        .reference-single-content-inner li::before{
            content: "";
            width: 12px;
            height: 12px;
            background-color: #1A21C7;
            flex-shrink: 0;
            margin-right: 16px;
        }

    h4{
        font-family: 'OptimaProRoman', sans-serif;
        font-size: 32px;
        line-height: 38px;
        font-weight: 400;
        color: #434B5E;
        margin: 0;
    }
    h5{
        font-family: 'OptimaProRoman', sans-serif;
        font-size: 26px;
        line-height: 32px;
        font-weight: 400;
        color: #434B5E;
        margin: 0;
    }

        @media screen and (max-width: 1280px) {
            .reference-single-content-inner{
                padding: 40px;
            }
        }
        @media screen and (max-width: 744px) {
            .reference-single-content-inner{
                padding: 32px 16px !important;
            }
        }

        .product-related-restrict{
            display: flex;
            padding: 56px 80px 80px;
        }
        .product-related-list-container{
            display: flex;
            flex-direction: column;
            gap: 32px;
            width: 100%;
            
        }
        .product-related-list-header{
            display: flex;
            flex-direction: column;
            gap: 12px;
            max-width: 1060px;
        }
        .product-related-subtitle{
            font-family: 'OptimaProRoman', sans-serif;
            font-size: 32px;
            line-height: 48px;
            font-weight: 400;
            margin: 0;
            color: #434B5E;	
            text-align: left;
        }
        .product-related-list-container{
            display: flex;
            gap:32px;
        }
        .product-related-container{
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            column-gap: 32px;
            row-gap: 32px;
            width: 100%;
        }
        .product-related{
            display: flex;
            flex-direction: column;
            gap: 24px;
        }
        .product-related-image{
            height: 260px;
        }
        .product-related-image .single-news-image{
            object-fit: cover;
            height: 260px;
            width: 100%;
        }
        .product-related-inner-content{
            background-color: #FFF;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        
        
        .product-related-date{
            font-family: 'Lato', sans-serif;
            font-size: 14px;
            line-height: 16px;
            font-weight: 400;
            color: #434B5E;
            margin: 0;
        }
        .product-related-title{
            font-family: 'OptimaProRoman', sans-serif;
            font-size: 22px;
            line-height: 32px;
            font-weight: 400;
            color: #434B5E;
            margin: 0;
            text-decoration: none;
        }
        @media screen and (max-width: 1280px) {
            .product-related-restrict {
                padding: 40px;
            }

            .product-related-container {
                grid-template-columns: 1fr;
            }

            .product-related {
                flex-direction: row;
            }

            .product-related-image {
                flex: 1 1 0px;
            }

            .product-related-inner-content {
                flex: 1 1 0px;
            }

            .product-related-image .single-news-image {
                object-fit: none;
            }

            .product-related-inner-content {
                justify-content: center;
            }



        }

        @media screen and (max-width: 744px) {
            h2.product-related-subtitle {
                font-size: 30px;
                line-height: 40px;
                font-weight: 400;
            }

            .product-related-restrict {
                padding: 40px 16px;
            }

            .product-related-list-container {
                gap: 16px;
            }

            .product-related {
                flex-direction: column;
            }

            .product-related-container {
                row-gap: 16px;
                column-gap: 16px;
            }

            .product-related-image {
                height: 185px;
            }

            .product-related-image .single-news-image {
                height: 185px;
                object-fit: cover;
            }

            .single-product-content-button {
                width: 100%;
                padding: 12px 16px;
            }


        }

        .site__breadcrumb-custom25 {
			color:#fff;
			padding: 0px;
		}		
		.site__breadcrumb-custom25.site__breadcrumb--archive a, .site__breadcrumb-custom25 span{
			color:#fff;
			text-transform: capitalize;
			font-size: 14px;
			line-height: 16px;
			font-weight: 400;
			font-family: 'Lato', sans-serif;
		}		
		.header-container.distributors-header{
			background-color: #1A21C7;
			padding: 0px 66px 40px;
			border-width: 0px 14px;
			border-style: solid;
			border-color: #fff;
			margin-bottom: 0px;
			
		}
		header .distributors-intro h1{
			font-size: 44px;
			line-height: 56px;
			font-weight: 400;
			color: #fff;
			margin: 0;
			font-family: 'OptimaProRoman', sans-serif;
			margin-bottom: 0px;
		}
		header{
			margin: 0px;
		}
	
		
        .distributors-intro{
			display: flex;
			flex-direction: column;
			gap: 16px;
		}
        .distributors-intro p{
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 18px;
			line-height: 32px;
			color: #fff;
		}
		.distributors-content{
			display: flex;
			flex-direction: column;
			gap: 16px;
			
			max-width:1152px;
		}
        @media screen and (max-width: 1280px) {
			.header-container.distributors-header{
				padding: 0px 26px 40px;
			}
			.distributors-content{
			 	gap: 40px;
			}
		}
		@media screen and (max-width: 744px) {
			.header-container.distributors-header{
				padding: 0px 18px 24px;
				border-width: 0px 6px;
			}
			header .distributors-intro h1{
				font-size: 40px;
				line-height: 48px;
			}
			
		}
       
		.distributors-documentation{
			padding: 40px 80px 32px;
			display: flex;
			flex-direction: column;
			gap: 32px;
		}
		.distributors-documentation-title h2{
			font-family: 'OptimaProRoman', sans-serif;
			font-weight: 400;
			font-size: 32px;
			line-height: 48px;
			color: #434B5E;
			margin: 0;
		}
		.distributors-language-selector{
			display: flex;
			flex-direction: row;
			gap: 16px;
			align-items: center;
		}
		.distributors-language-selector h3{
			font-family: 'Lato', sans-serif;
			font-weight: 700;
			font-size: 14px;
			line-height: 16px;
			color: #434B5E;
			margin: 0;
		}
		.distributors-language-selector-list{
			display: flex;
			flex-direction: row;
			gap: 16px;
			align-items: center;
		}
		.distributors-language-url{
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 14px;
			line-height: 16px;
			color: #1A21C7;
			border: 1px solid #1A21C7;
			padding: 10px 16px;
			border-radius: 0px;
			text-decoration: none;
			transition: all 0.3s ease;
			cursor: pointer;
			display: flex;
		}
		.distributors-language-url:hover{
			background-color: #1A21C7;
			color: #fff;
			text-decoration: none;
		}
	
		@media screen and (max-width: 1280px) {
			.distributors-documentation{
				padding: 40px 40px 32px;
				gap: 16px;
			}
			.distributors-language-selector{
				flex-direction: column;
				gap: 16px;
				align-items: flex-start;
			}
			
		}
		@media screen and (max-width: 744px) {
			.distributors-documentation{
				padding: 32px 16px;
			}
			.distributors-documentation-title h2{
				font-size: 26px;
				line-height: 40px;
			}
			.distributors-language-selector-list{
				flex-wrap: wrap;
			}
		}
        .distributors-brochures-content{
			padding: 0px 80px 80px;
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 32px;
		}
		.distributors-brochures-content a{
			text-decoration: none;
		}
		.distributors-brochures-content img{
			width: 100%;
			height: auto;
			max-height: 300px;
			object-fit: contain;
		}
		.brochures-pdf-single{
			background-color: #F2F7FD;
			width: 100%;
		}
		.brochures-pdf-single-title{
			background-color: #F2F7FD;
			padding: 32px;
			display: flex;
			flex-direction: column;
			gap: 24px;
		}
		.brochures-pdf-title{
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 18px;
			line-height: 32px;
			color: #434B5E;
			margin: 0;
		}
		a.brochures-pdf-single-url:hover{
			text-decoration: none;
		}
		
		a.brochures-pdf-single-url:hover svg,  a.brochures-pdf-single-url:hover svg path{
			fill: #1A21C7;
			stroke: #fff !important;
			
		}	
        @media screen and (max-width: 1280px) {
			.distributors-brochures-content{
				padding: 0px 40px 80px;
			}
			.distributors-brochures-content{
				grid-template-columns: repeat(2, 1fr);
				gap: 16px;
			}
			.distributors-brochures-content img{
				max-height: unset;
				aspect-ratio:27/20;
			}
			.brochures-pdf-single-title{
				padding: 24px;
			}
		}
		@media screen and (max-width: 744px) {
			.distributors-brochures-content{
				padding: 0px 16px 32px;
			}
			.distributors-brochures-content{
				grid-template-columns: repeat(1, 1fr);
				gap: 16px;
			}
			.brochures-pdf-single-title{
				padding: 16px;
			}
		}
      
		.distributors-cta{
			padding: 40px 80px 80px;
			max-width: 1440px;
			margin: 0 auto;
		}
		.distributors-brochures-extra-content{
			padding: 40px;
			background-color: #1A21C7;
			display: flex;
			flex-direction: row;
			gap: 64px;
			align-items: center;
			justify-content: start;
		}
		.distributors-cta-content{
			display: flex;
			flex-direction: column;
			gap: 24px;
		}
		.distributors-cta-content p{
			font-family: 'OptimaProRoman', sans-serif;
			font-weight: 400;
			font-size: 32px;
			line-height: 48px;
			color: #fff;
			margin: 0;
		}
		.distributors-cta-button{
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 16px;
			line-height: 24px;
			background-color: #fff;
			color: #1A21C7;
			letter-spacing: 3px;
			padding: 10px 30px;
			border-radius: 0px;
			text-decoration: none;
			transition: all 0.3s ease;
			cursor: pointer;
			width: fit-content;
			text-transform: uppercase;
			border: 1px solid #1A21C7;
		}
		.distributors-cta-button:hover{
			background-color: #1A21C7;
			color: #fff;
			text-decoration: none;
			border: 1px solid #fff;
			
		}
	
		@media screen and (max-width: 1280px) {
			.distributors-cta{
				padding: 0px 40px 80px;

			}
			.distributors-brochures-extra-content{
				flex-direction: column;
				gap: 32px;
			}
			.distributors-brochures-extra-content{
				box-shadow: inset 3px 3px white, inset -3px -3px white;
				border: 8px solid #1A21C7;
				align-items: flex-start;
				padding: 37px;
			}
			.distributors-brochures-extra-content div svg{
				max-width: 140px;
				max-height: 140px;
			}
		}
		@media screen and (max-width: 744px) {
			.distributors-cta{
				padding: 0px 16px 32px;
			}
			.distributors-brochures-extra-content{
				padding: 21px;

			}
			.distributors-cta-content p{
				font-size: 26px;
				line-height: 40px;
			}
			.distributors-brochures-extra-content div svg{
				max-width: 224px;
				max-height: 224px;
				height: 224px;
				width: 224px;
			}
		}
        .site__breadcrumb-custom25 {
			color:#fff;
			padding: 0px;
		}		
		.site__breadcrumb-custom25.site__breadcrumb--archive a, .site__breadcrumb-custom25 span{
			color:#fff;
			text-transform: capitalize;
			font-size: 14px;
			line-height: 16px;
			font-weight: 400;
			font-family: 'Lato', sans-serif;
		}		
		.header-container.reference-single-header{
			background-color: #1A21C7;
			padding: 0px 66px 155px;
			border-width: 0px 14px;
			border-style: solid;
			border-color: #fff;
			margin-bottom: 0px;
			
		}
		header .single-reference-intro h1{
			font-size: 44px;
			line-height: 56px;
			font-weight: 400;
			color: #fff;
			margin: 0;
			font-family: 'OptimaProRoman', sans-serif;
			margin-bottom: 0px;
		}
		header{
			margin: 0px;
		}
		.reference-single-header .reference-header{
			display: flex;
			flex-direction: row;
			gap:32px;
			justify-content: space-between;
			align-items: start;
		}	
		
	

        
        .single-reference-intro{
            display: flex;
            flex-direction: column;
            gap: 16px;
            
        }
     

		.contact-form{
			width: 100%;
			flex: 2;
			background-color: #F2F7FD;
			padding: 40px 40px 10px 40px;
		}
		.contact-form-office{
			display: flex;
			flex-direction: column;
			gap: 4px;
		}
		.contact-form-office p{
			font-family: 'OptimaProBold', sans-serif;
			font-weight: 700;
			font-size: 14px;
			line-height: 24px;
			color: #fff;
			letter-spacing: 2px;
			text-transform: uppercase;
		}
		.contact-form-office-address{
			display: flex;
			flex-direction: column;
			gap: 0px;
		}
		.contact-form-office-address p{
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 18px;
			line-height: 32px;
			color: #fff;
			margin: 0;
		}
		.contact-form-office-google-maps{
			display: flex;
			flex-direction: column;
			gap: 16px;
			margin-top: 12px;
		}
		.single-reference-intro .contact-form-office-google-maps a{
			background-color: #1A21C7;
			color: #fff;
			border: 1px solid #fff;
			padding: 12px 16px;
			border-radius: 0px;
			font-family: 'Lato', sans-serif;
			font-weight: 500;
			font-size: 13px;
			line-height: 26px;
			color: #fff;
			letter-spacing: 3px;
			text-transform: uppercase;
			width: fit-content;
		}
		.contact-form-office-google-maps-image{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.contact-form-phone{
			display: flex;
			flex-direction: column;
			gap: 4px;
			margin-top: 24px;
		}
		.contact-form-phone p{
			font-family: 'OptimaProBold', sans-serif;
			font-weight: 700;
			font-size: 14px;
			line-height: 24px;
			color: #fff;
			letter-spacing: 2px;
			text-transform: uppercase;
		}
		.contact-form-phone a{
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 18px;
			line-height: 32px;
			color: #fff;
		}
		.contact-form-trade-register{
			display: flex;
			flex-direction: column;
			gap: 4px;
			margin-top: 24px;
		}
		.contact-form-trade-register div p{
			font-family: 'OptimaProBold', sans-serif;
			font-weight: 700;
			font-size: 14px;
			line-height: 24px;
			color: #fff;
			letter-spacing: 2px;
			text-transform: uppercase;
		}
		.contact-form-trade-register p{
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 18px;
			line-height: 32px;
			color: #fff;
		}
		.contact-form-office-google-maps a:hover{
			background-color: #fff;
			color: #1A21C7;

		}
		a.maps-link-general{
			all:unset !important;
			cursor: pointer !important;
		}
		.single-reference-intro.tablet{
			display: none;
		}
		.single-reference-intro h1{
			margin-bottom: 24px;
		}
		.connect-data-types{
			display: flex;
			flex-direction: column;
			gap: 16px;
		}
		.contact-form-office-google-maps a{
			text-decoration: none !important;
		}

		@media screen and (max-width: 1280px) {
			.single-reference-intro{
				display: none;
			}
			.reference-single-header .reference-header{
				flex-direction: column;
			}
			.header-container.reference-single-header {
				padding: 0px 26px 40px;
			}
			header .single-reference-intro h1 {
				font-size: 56px;
				line-height: 68px;
			}
			.single-reference-intro.tablet{
				display: flex;
			}
			.contact-data-tablet{
				display: flex;
				flex-direction: row;
				gap: 16px;
				justify-content: space-between;
				align-items: flex-start;
				width: 100%;
				padding: 0px;
				
			}
			.contact-form-phone, .contact-form-trade-register{
				margin-top: 0px;
			}
			.single-reference-intro.tablet{
				gap:16px;
			}
			.contact-form-office-google-maps-image img{
				max-height: 256px;
			}
			.contact-form-office-google-maps{
				margin-top: 0px;
			}
			.reference-single-header .reference-header{
				gap:40px;
			}
			
			
    	}
		@media screen and (max-width: 744px) {
			.single-reference-intro{
				display: flex;
			}
			.single-reference-intro.tablet{
				display: none;
			}
			header .single-reference-intro h1{
				font-size: 40px;
				line-height: 48px;
			}
			.header-container.reference-single-header{
				padding: 0px 18px 24px;
			}
			.single-reference-intro{
				gap: 24px;
			}
			.single-reference-intro{
				margin-bottom: 0px;
			}
			.connect-data-types{
				gap: 24px;
			}
			.contact-form-office-google-maps-image{
				margin-top: 20px;
			}
			.reference-header{
				gap: 24px;
			}
			.contact-form-office-google-maps{
				gap:24px;
			}
			.single-reference-intro .contact-form-office-google-maps a {
				width: 100%;
				text-align: center;
			
			}
			.header-container.reference-single-header{
				border-width: 0px 6px;
			}

		}
	


	.contact-form{
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	.contact-form h2{
		font-family: 'OptimaProRoman', sans-serif;
		font-weight: 400;
		font-size: 32px;
		line-height: 48px;
		color: #434B5E;
		letter-spacing: 2px;
		margin: 0;
	}
	.contact-form .label{
		font-family: 'OptimaProBold', sans-serif;
		font-weight: 700;
		font-size: 14px;
		line-height: 24px;
		color: #434B5E;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	.cf7-form {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}	
	.cf7-form p{
		margin: 0;
	}
	.wpcf7-form-control{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		row-gap: 8px;
		column-gap: 25px;
	}
	.wpcf7-list-item-label{
		font-family: 'Lato', sans-serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 32px;
		color: #434B5E;
	}
	.wpcf7{margin-top: -22px;}
	/* Hide the native checkbox */
.wpcf7 input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #D9DBDF;
  width: 26px;   /* adjust size */
  height: 26px;  /* adjust size */
  
  border-radius: 0px;  /* square corners, adjust for round */
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
}

/* Checkmark state */
.wpcf7 input[type="checkbox"]:checked {
  background-color: #1A21C7;   /* your brand color */
  border: 4px #fff solid;
}

.wpcf7 input[type="checkbox"]:checked::after {
  content: "";
  color: #fff;
  font-size: 16px;
  position: absolute;
  top: 2px;
  left: 5px;
}

/* Align labels nicely */
.wpcf7 .custom-checkbox label {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  cursor: pointer;
}
body .wpcf7 span.wpcf7-list-item{
	margin: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}

/*select2 overrides*/
.select2-selection.select2-selection--single{
	height: 48px !important;
	border: 1px solid #D9DBDF !important;
	border-radius: 0px !important;
	display: flex !important;
	align-items: center !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #434B5E transparent transparent transparent !important;
	border-width: 8px 7px 0 7px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 19px !important;
	font-family: 'Lato', sans-serif !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 32px !important;
	color: #434B5E !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 46px !important;
	height: 46px !important;
}
.no-search{
	margin-top: 32px !important;
}
.form-personal{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
    row-gap: 16px;
}
input[type=text], input[type=email], textarea{
	border: 1px solid #D9DBDF !important;
	padding: 8px 19px !important;
	border-radius: 0px !important;
	height: 48px;
}
textarea{
	border: 1px solid #D9DBDF !important;
	padding: 8px 19px !important;
	border-radius: 0px !important;
	height: 150px;
}

input::placeholder {
	font-family: 'Lato', sans-serif !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 32px !important;
	color: #434B5E !important;
	opacity: 1 !important;
}

input[type=submit]{
	background-color: #1A21C7 !important;
	color: #fff !important;
	border: 1px solid #1A21C7 !important;
	padding: 12px 16px !important;
	border-radius: 0px !important;
	font-family: 'Lato', sans-serif !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	letter-spacing: 3px !important;
	text-transform: uppercase !important;
	width: 100% !important;
	cursor: pointer !important;
margin-top: 8px;}

input[type=submit]:hover{
	opacity: 0.8 !important;
}
.personal-information{
	font-family: 'OptimaProRoman', sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 32px;
	margin-top: 8px;
}
	

        @media screen and (max-width: 1280px) {
            .wpcf7-form-control {

                grid-template-columns: repeat(2, 1fr);

            }


        }

        @media screen and (max-width: 744px) {
            .contact-form {
                padding: 16px;
            }

            .contact-form h2 {
                font-size: 26px;
                line-height: 40px;
            }

            .wpcf7-form-control {

                grid-template-columns: repeat(1, 1fr);

            }
            .form-personal {
                grid-template-columns: repeat(1, 1fr);
            }

        }


        .site__breadcrumb-custom25 {
			color:#fff;
			padding: 0px;
		}		
		.site__breadcrumb-custom25.site__breadcrumb--archive a, .site__breadcrumb-custom25 span{
			color:#fff;
			text-transform: capitalize;
			font-size: 14px;
			line-height: 16px;
			font-weight: 400;
			font-family: 'Lato', sans-serif;
		}		
		.header-container.reference-single-header{
			background-color: #1A21C7;
			padding: 0px 0px 0px 66px;
			border-width: 0px 14px;
			border-style: solid;
			border-color: #fff;
			margin-bottom: 0px;
			
		}
		header .single-reference-intro h1{
			font-size: 44px;
			line-height: 56px;
			font-weight: 400;
			color: #fff;
			margin: 0;
			font-family: 'OptimaProRoman', sans-serif;
			margin-bottom: 0px;
		}
		header{
			margin: 0px;
		}
		.reference-single-header .reference-header{
			display: flex;
			flex-direction: row;
			gap:32px;
			justify-content: space-between;
			align-items: start;
		}	
		
	
        .reference-statistics {
			width: 100%;
			display: flex;
			flex-direction: row;
			gap: 84px;
			/* align-items: center; */
			
			
		}
		.single-statistic {
			display: flex;
			flex-direction: column;
			gap: 0px;
			text-align: right;
		}
		.statistic-title {
			font-family: 'OptimaProBold', sans-serif;
			font-size: 18px;
			line-height: 24px;
			letter-spacing: 2px;
			font-weight: 700;
			color: #FFFFFF;
			text-transform: uppercase;
		}
		.statistic-value {
			font-family: 'OptimaProRoman', sans-serif;
			font-size: 32px;
			line-height: 48px;
			font-weight: 400;
			color: #FFFFFF;
			text-transform: uppercase;
		}

        .single-reference-intro{
            display: flex;
            flex-direction: column;
            gap: 16px;
            
        }
        .single-reference-intro p{
            font-family: 'Lato', sans-serif;
            font-size: 18px;
            line-height: 32px;
            font-weight: 400;
            color: #fff;
            margin: 0; 
        }
		.reference-featured-img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.about-header-container{
			width: 100%;
			display: flex;
			flex-direction: column;
			gap: 44px;
			flex: 1;
		}

        @media screen and (max-width: 1280px) {
			.header-container.reference-single-header {
				padding: 0px;
			}
			.about-header-container{
				padding: 0px 26px;
			}
			.reference-header{
				gap: 40px;
			}
			.reference-single-header .reference-header {
				flex-direction: column;
			}
			.reference-statistics.featured-image img{
                aspect-ratio: 4/2;
                
            }
        }

        @media screen and (max-width: 744px) {
			header .single-reference-intro h1 {
				font-size: 40px;
				line-height: 48px;
			}
			.about-header-container{
				padding: 0px 18px;
				gap: 24px;
			}
			.header-container.reference-single-header {
				border-width: 0px 6px;
			}
			.reference-statistics.featured-image img{
                aspect-ratio: 3/2;
                
            }
			
			
        }


        /* Product Navigation */
        .product-navigation {
            background-color: #E9F1FB;
            border:  solid #fff;
            border-width: 0 14px;
            padding: 0 66px;
            position: sticky;
            top: 0;
            z-index: 10000;
            display: flex;
            gap: 24px;
        }

        .product-nav-item {
            width: fit-content;
            padding: 24px 0;
			line-height: 0px;
        }

        .product-nav-item.active {
            border-bottom: 2px solid #1A21C7;
        }

        .product-nav-link {
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            line-height: 26px;
            font-weight: 600;
            color: #434B5E;
            text-decoration: none;
        }

        .product-nav-item.active .product-nav-link {
            color: #1A21C7;
        }

        .product-enquire-button {
            font-family: 'Lato', sans-serif;
            letter-spacing: 3px;
            font-size: 13px;
            color: #fff;
            line-height: 16px;
            font-weight: 500;
            border: 1px solid #1A21C7;
            background-color: #1A21C7;
            text-transform: uppercase;
            position: absolute;
            padding: 12px 16px;
            right: 42px;
            top: 0;
            margin: 16px;
            z-index: -1;
            cursor: pointer;
        }

        .product-enquire-button:hover {
            background-color: #E9F1FB;
            color: #1A21C7;
            text-decoration: none;
            border: 1px solid #1A21C7;
            box-sizing: border-box;
        }

        /* Hide mobile nav by default */
        .mobile-nav {
            display: none;
        }
		/*Image featured*/
        .reference-statistics.featured-image{
            width: 100%;
            flex: 1;
        }
        .reference-statistics.featured-image img{
                aspect-ratio: 3/2;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
   
        @media screen and (max-width: 1280px) {
			.product-navigation{
				padding: 0px 26px;
			}
        }

        @media screen and (max-width: 744px) {
			.product-navigation{
				padding: 10px 18px;
				border-width: 0px 6px;
			}

			/* Hide desktop navigation on mobile */
			.desktop-nav {
				display: none;
			}
			
			/* Show mobile navigation */
			.mobile-nav {
				display: block !important;
			}
			
			/* Style the select dropdown */
			.mobile-about-nav-select {
				width: 100%;
			padding: 12px 16px;
			font-family: 'Lato', sans-serif;
			font-size: 16px;
			font-weight: 600;
			color: #434B5E;
			border: 2px solid #1A21C7;
			border-radius: 8px;
			background-color: white;
			}
        }

/* Select2 customization for mobile about navigation */
@media screen and (max-width: 744px) {
	.select2-container--default .select2-selection--single {
		height: 48px;
		border: 1px solid #D9DBDF;
		border-radius: 0px;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 32px;
		padding-left: 19px;
		font-family: 'Lato', sans-serif;
		font-size: 16px;
		font-weight: 600;
		color: #434B5E;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 44px;
		right: 24px;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__arrow b {
		border-color: #434B5E transparent transparent transparent;
		border-width: 8px 7px 0 7px;
	}
	.select2-dropdown{
		z-index: 99999;
		margin-top: 45px;
	}
	.select2-selection{
		display: flex;
   		align-items: center;
	}
	.select2-container .select2-selection--single{
		display: flex;
   		align-items: center;
	}
	.select2-results__option{
		padding-left: 19px;
	}
	.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
		background-color: #1A21C7;
	}
	.select2-container--default .select2-results__option--selected {
		background-color: #E9F1FB;
	}
}
   

 .service-education{
	padding: 66px 80px 80px 80px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	justify-content: center;
	align-items: center;
 }
 .service-education-intro{
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 1062px;
 }

 .service-education-intro h2{
	font-family: 'OptimaProRoman', sans-serif;
	font-size: 44px;
	line-height: 56px;
	font-weight: 400;
	color: #434B5E;
	margin: 0;
	text-align: center;
 }
 .service-education-intro h2.subtitle{	
	font-family: 'OptimaProBold', sans-serif;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 2px;
	font-weight: 700;
	text-transform: uppercase;
	color: #1A21C7;
 }
 .service-education-intro p{
	font-family: 'Lato', sans-serif;	
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
	text-align: center;
	color: #434B5E;
 }
 .service-education-topics{
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
 }
 .service-education-topic{
	display: flex;
	flex-direction: row;
	gap: 16px;
	padding: 14px;
	background-color: #E9F1FB;
	align-items: center;
 }
 .service-education-icon{
	width:80px;
	height: 60px;
	flex-shrink: 0;
	object-fit: cover;
 }
 .service-education-content{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 21px;
	font-weight: 700;
	color: #434B5E;
	margin: 0;
	}



	 @media screen and (max-width: 1280px) {
			.service-education{
				padding: 80px 40px 40px;
			}
			.service-education-intro h2 {
				font-size: 32px;
				line-height: 48px;
			}
			
        }

        @media screen and (max-width: 744px) {
			.service-education{
				padding: 32px 16px 24px;
			}
			.service-education-intro h2 {
				font-size: 26px;
				line-height: 40px;
			}
			
		}

        .about-us-values{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 32px;
            padding: 0px 80px;
        }
        .about-us-values-subitem{
            padding: 40px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            align-items: center;
            background-color: #F2F7FD;
        }
        .about-us-values-subitem h2{
            font-family: 'OptimaProRoman', sans-serif;
            font-size: 26px;
            line-height: 32px;
            font-weight: 400;
            color: #434B5E;
            margin: 0;
        }
        .about-us-values-subitem p{
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            line-height: 26px;
            font-weight: 400;
            color: #434B5E;
            margin: 0;
            text-align: center;
        }

         @media screen and (max-width: 1280px) {
                
                .about-us-values{
                    grid-template-columns: 1fr;
                    padding: 0px 40px;
                }
            }
    
            @media screen and (max-width: 744px) {
                .about-us-values{
                    grid-template-columns: 1fr;
                    padding: 0px 16px;
                }
                .about-us-values-subitem h2 {
                    font-size: 22px;
                    line-height: 32px;
                }
                .about-us-values-subitem {
                    padding: 16px;
                }
                
                
            }

            .about-us-culture{
                padding: 0px 80px 94px;
                display: flex;
                flex-direction: row;
                
            }
            .about-us-culture-intro{
                margin-top:14px;
                position: sticky;
                top: 0;
                display: flex;
                flex-direction: column;
                gap: 12px;
                height: fit-content;
                top: 100px;
                min-width: 400px;
            }
            .about-us-culture-intro h2{
                font-family: 'OptimaProRoman', sans-serif;
                font-size: 32px;
                line-height: 48px;
                font-weight: 400;
                color: #434B5E;
                margin: 0;
            }
            .about-us-culture-intro span{
                font-family: 'OptimaProBold', sans-serif;
                font-size: 18px;
                line-height: 24px;
                font-weight: 700;
                letter-spacing: 2px;
                text-transform: uppercase;
                color: #1A21C7;
                margin: 0;
            }
            .about-us-culture-content{
                display: flex;
                flex-direction: column;
                gap: 0px;
            }
            .about-us-culture-content-item{
                padding: 66px;
                display: flex;
                flex-direction: row;
                gap: 52px;
                border-top: 14px solid #FFF;
                background-color: #F2F7FD;
                position: sticky;
                top: 0;
            }
            .about-us-culture-content-item-number{
                font-family: 'Lato', sans-serif;
                font-size: 16px;
                line-height: 24px;
                font-weight: 400;
                letter-spacing: 3px;
                text-transform: uppercase;
                color: #1A21C7;
                margin: 0;
            }
            .about-us-culture-content-item-text{
                display: flex;
                flex-direction: column;
                gap: 12px;
            }
            .about-us-culture-content-item-text h3{
                font-family: 'OptimaProRoman', sans-serif;
                font-size: 26px;
                line-height: 32px;
                font-weight: 400;
                color: #434B5E;
                margin: 0;
            }
            .about-us-culture-content-item-text p{
                font-family: 'Lato', sans-serif;
                font-size: 16px;
                line-height: 26px;
                font-weight: 400;
                color: #434B5E;
                margin: 0;
            }
            .about-us-culture-content-item-icon{
                text-align: center;
            }

             @media screen and (max-width: 1280px) {
                
                .about-us-culture{
                    padding:0px 0px 24px;
                }
                .about-us-culture-intro{
                    padding:0px 40px;
                    margin-top: 0px;
                }
                .about-us-culture{
                    flex-direction: column;
                    gap: 40px;
                }
                .about-us-culture-content-item{
                    border-width: 14px 14px 0px;
                    border-style: solid;
                    border-color: #fff;
                }
                .about-us-culture-content-item{
                    padding: 26px;
                    gap: 66px;
                }
                }
                @media screen and (max-width: 744px) {
                    .about-us-culture{
                        gap: 24px;
                    }
                    .about-us-culture-intro{
                        padding:0px 16px;
                        min-width: unset;
                        margin-top: 0px;
                        position: relative;
                        top: 0px;
                    }
                    .about-us-culture-intro h2{
                        font-size: 26px;
                        line-height: 40px;
                    }
                    .about-us-culture-content-item{
                        border-width: 6px 6px 0px;
                        padding: 26px 26px 32px;
                        gap: 24px;
                        flex-direction: column;
                        position: relative;
                    }
                    .about-us-culture-content-item svg{
                        width: 100%;
                        height: 100%;
                        max-width: 256px;
                        max-height: 256px;
                    }
                    
                    
                }

		
                .service-education-intro{
                    display: flex;
                    flex-direction: column;
                    gap: 12px;
                }
                .about-us-team{
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    gap: 32px;
                    row-gap: 56px;
                    width: 100%;
                }
                .about-us-team-item{
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                    
                }
                .about-us-team-item-name{
                    font-family: 'OptimaProRoman', sans-serif;
                    font-size: 26px;
                    line-height: 32px;
                    font-weight: 400;
                    color: #1A21C7;
                    margin: 0;
                }
                .about-us-team-item-position{
                    font-family: 'Lato', sans-serif;
                    font-size: 16px;
                    line-height: 32px;
                    font-weight: 400;
                    color: #434B5E;
                    margin: 0;
                }
                .about-us-team-item-image{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    margin-bottom: 14px;
                }
     
                @media screen and (max-width: 1280px) {
                    .about-us-team{
                        grid-template-columns: repeat(2, 1fr);
                        column-gap: 16px;
                        row-gap: 24px;
                    }
                }
                @media screen and (max-width: 744px) {
                    .about-us-team{
                        grid-template-columns: 1fr;
                        row-gap: 16px;
                    }
                    .service-education{
                        padding: 32px 16px;
                        gap: 24px;
                    }
                    .about-us-team-item{
                        gap: 2px;
                    }
                    .about-us-team-item-image{
                        margin-bottom: 22px;
                    }
                }
                    
         
                .about-us-certificates{
                    display: flex;
                    flex-direction: column;
                    gap: 16px;
                }
                .about-us-certificates-item{
                    display: flex;
                    flex-direction: row;
                    gap: 40px;
                    background-color: #F2F7FD;
                    padding: 24px;
                    align-items: center;
                }
                .about-us-certificates-item img{
                    width: 100%;
                    height: 100%;
                    max-width: 200px;
                    max-height: 200px;
                    object-fit: cover;
                }
                .about-us-certificates-item .about-us-certificates-item-text h3{
                    font-family: 'OptimaProRoman', sans-serif;
                    font-size: 26px;
                    line-height: 32px;
                    font-weight: 400;
                    color: #1A21C7;
                    margin: 0;
                }
                .about-us-certificates-item .about-us-certificates-item-text p{
                    font-family: 'Lato', sans-serif;
                    font-size: 16px;
                    line-height: 32px;
                    font-weight: 400;
                    color: #434B5E;
                    margin: 0;
                }
                .about-us-certificates-item .about-us-certificates-item-text a{
                    font-family: 'Lato', sans-serif;
                    font-size: 13px;
                    line-height: 24px;
                    font-weight: 500;
                    color: #1A21C7;
                    margin: 0;
                    text-transform: uppercase;
                    letter-spacing: 3px;
                    display: flex;
                    flex-direction: row;
                    
                }
                .about-us-certificates-item .about-us-certificates-item-text a span{
                    line-height: 0px;	
                }
                .about-us-certificates-item-text{
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                }
          
                @media screen and (max-width: 1280px) {
                    .about-us-certificates-item{
                        flex-direction: column;
                        align-items: flex-start;
                    }
                    
                }
                @media screen and (max-width: 744px) {
                    .about-us-certificates-item {
                        padding: 16px;
                        gap: 24px;
                    }
                }
                    
          
                .site__breadcrumb-custom25 {
                    color:#fff;
                    padding: 0px;
                }		
                .site__breadcrumb-custom25.site__breadcrumb--archive a, .site__breadcrumb-custom25 span{
                    color:#fff;
                    text-transform: capitalize;
                    font-size: 14px;
                    line-height: 16px;
                    font-weight: 400;
                    font-family: 'Lato', sans-serif;
                }		
                .header-container.blog-archive{
                    background-color: #1A21C7;
                    padding: 0px 66px 0px;
                    border-width: 0px 14px;
                    border-style: solid;
                    border-color: #fff;
                    padding-bottom: 40px;
                    
                }
                header h1{
                    font-size: 56px;
                    line-height: 68px;
                    font-weight: 400;
                    color: #fff;
                    margin: 0;
                    font-family: 'OptimaProRoman', sans-serif;
                    margin-bottom: 0px;
                }
                header{
                    margin: 0px;
                }
                .reference-header{
                    display: flex;
                    flex-direction: row;
                    gap:140px;
                    justify-content: space-between;
                    align-items: flex-end;
                }	
                
            
         
                .reference-statistics {
                    width: 100%;
                    display: flex;
                    flex-direction: row;
                    gap: 84px;
                    align-items: center;
                    
                }
                .single-statistic {
                    display: flex;
                    flex-direction: column;
                    gap: 0px;
                    text-align: right;
                }
                .statistic-title {
                    font-family: 'OptimaProBold', sans-serif;
                    font-size: 18px;
                    line-height: 24px;
                    letter-spacing: 2px;
                    font-weight: 700;
                    color: #FFFFFF;
                    text-transform: uppercase;
                }
                .statistic-value {
                    font-family: 'OptimaProRoman', sans-serif;
                    font-size: 32px;
                    line-height: 48px;
                    font-weight: 400;
                    color: #FFFFFF;
                    text-transform: uppercase;
                }
      
            @media screen and (max-width: 1280px) {
                .header-container.blog-archive{
                    padding: 0px 26px 40px;	
                }
        
            }
            @media screen and (max-width: 744px) {
                .header-container.blog-archive{
                    border-width: 0px 6px;
                    padding: 0px 18px 24px;
                }
                header h1{
                    font-size: 40px;
                    line-height: 48px;
                }
        
            }
      
            /* Product Navigation */
            .product-navigation {
                background-color: #E9F1FB;
                border:  solid #fff;
                border-width: 0 14px;
                padding: 0 66px;
                position: sticky;
                top: 0;
                z-index: 10000;
                display: flex;
                gap: 24px;
            }
    
            .product-nav-item {
                width: fit-content;
                padding: 24px 0;
                 line-height: 0px;
            }
    
            .product-nav-item.active {
                border-bottom: 2px solid #1A21C7;
            }
    
            .product-nav-link {
                font-family: 'Lato', sans-serif;
                font-size: 16px;
                line-height: 26px;
                font-weight: 600;
                color: #434B5E;
                text-decoration: none;
            }
    
            .product-nav-item.active .product-nav-link {
                color: #1A21C7;
            }
    
            .product-enquire-button {
                font-family: 'Lato', sans-serif;
                letter-spacing: 3px;
                font-size: 13px;
                color: #fff;
                line-height: 16px;
                font-weight: 500;
                border: 1px solid #1A21C7;
                background-color: #1A21C7;
                text-transform: uppercase;
                position: absolute;
                padding: 12px 16px;
                right: 42px;
                top: 0;
                margin: 16px;
                z-index: -1;
                cursor: pointer;
            }
    
            .product-enquire-button:hover {
                background-color: #E9F1FB;
                color: #1A21C7;
                text-decoration: none;
                border: 1px solid #1A21C7;
                box-sizing: border-box;
            }
            a.product-nav-link:hover, a.product-nav-item:focus{
                text-decoration: none;
            }
    
            /* Hide mobile nav by default */
            .mobile-nav {
                display: none;
            }
      
        @media screen and (max-width: 1280px) {
            .product-navigation{
                padding: 0px 26px;
            }
    
        }
        @media screen and (max-width: 744px) {
            .product-navigation{
                border-width: 0px 6px;
                padding: 16px 10px;
            }
    
            /* Hide desktop navigation on mobile */
            .desktop-nav {
                display: none;
            }
            
            /* Show mobile navigation */
            .mobile-nav {
                display: block !important;
            }
            
            /* Style the select dropdown */
            .mobile-blog-nav-select {
                width: 100%;
            padding: 12px 16px;
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            font-weight: 600;
            color: #434B5E;
            border: 2px solid #1A21C7;
            border-radius: 8px;
            background-color: white;
            }
        }
    
    /* Select2 customization for mobile blog navigation */
    @media screen and (max-width: 744px) {
        .select2-container--default .select2-selection--single {
            height: 48px;
            border: 1px solid #D9DBDF;
            border-radius: 0px;
        }
        
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 32px;
            padding-left: 19px;
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            font-weight: 600;
            color: #434B5E;
        }
        
        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 44px;
            right: 24px;
        }
        
        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #434B5E transparent transparent transparent;
            border-width: 8px 7px 0 7px;
        }
        .select2-dropdown{
            z-index: 99999;
            margin-top: 45px;
        }
        .select2-selection{
            display: flex;
               align-items: center;
        }
        .select2-container .select2-selection--single{
            display: flex;
               align-items: center;
        }
        .select2-results__option{
            padding-left: 19px;
        }
        .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
            background-color: #1A21C7;
        }
        .select2-container--default .select2-results__option--selected {
            background-color: #E9F1FB;
        }
        
    }
  
    .references-holder{
        padding: 80px;
    }
    .references-all{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        /* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
        gap: 32px;
    }
    .reference-link{
        display: flex;
        gap: 24px;
        flex-direction: column;
        text-decoration: none;
        color: #434B5E;
    }
    .reference-link:hover{
        text-decoration: none;
    }
    .reference-image{
        width: 100%;
        height: 250px;
        object-fit: cover;
    }
    .reference-content{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .reference-content h2{
        font-family: 'optimaProRoman', sans-serif;
        font-size: 22px;
        line-height: 32px;
        font-weight: 400;
        margin: 0;
        color: #434B5E;
    }
    .reference-content p{
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        margin: 0;
        color: #434B5E;
    }
    .load-more-button button{
        width: fit-content;
        padding: 12px 32px;
        background-color: #FFF;
        color: #1A21C7;
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        letter-spacing: 3px;
        text-transform: uppercase;
        border: none;
        text-align: center;
        cursor: pointer;
        border: #1A21C7 1px solid;
    }
    .load-more-button button:hover{
        background-color: #1A21C7;
        color: #FFF;
        
        
    }

@media screen and (max-width: 1280px) {
    .references-holder{
        padding:40px
    }
    .references-all{
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

}
@media screen and (max-width: 744px) {
    .references-holder{
        padding:32px 16px;
    }
    .references-all{
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .reference-image{
        height: 185px;
    }
}