html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0; font-size:100%; font:inherit; margin:0; padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse; border-spacing:0}
*{box-sizing:border-box}
img{max-width:100%}

html{scroll-behavior:smooth}



@font-face {
    font-family:'avenir_black';
    src:url('fonts/avenir-black-webfont.woff2') format('woff2'),
         url('fonts/avenir-black-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'avenir_book';
    src:url('fonts/avenir-book-webfont.woff2') format('woff2'),
         url('fonts/avenir-book-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'avenir_roman';
    src:url('fonts/avenir-roman-webfont.woff2') format('woff2'),
         url('fonts/avenir-roman-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}



body {background:white; color:#012a5c; font-size:100%; font-weight:300; font-stretch:normal; -webkit-font-smoothing:antialiased!important}
body, button, input, select, textarea {font-family:'avenir_roman'; font-weight:normal}



h1, h2 {font-family:'avenir_book'}
h3, strong, .year {font-family:'avenir_black'; font-weight:normal}
h4, h5, h6 {font-family:'avenir_roman'; font-weight:normal}

h1, h2 {font-family:'avenir_book'}
h1 {font-size:3.5em; padding:0.25em 0; line-height:110%}
h2 {font-size:2em; padding:0.25em 0; line-height:125%}
h3 {font-size:1.4em; line-height:150%; padding:0.5em 0}
h4 {font-size:1.4em; line-height:150%; padding:0.5em 0}
h5 {font-size:1em; line-height:150%; padding:0.5em 0}
h6 {font-size:0.9em; padding:0.5em 0; text-transform:uppercase; letter-spacing:0.1em}
p {line-height:150%; padding:0.5em 0}
strong {font-family:'avenir_black'; font-weight:normal}
em{font-style:italic}

.main-content ul, .main-content ul li {list-style-type:disc; margin:1em; line-height:150%}
.main-content ul li {margin:0.5em}

.main-content ol, .main-content ol li {list-style-type:decimal; margin:1em; line-height:150%}
.main-content ol li {margin:0.5em}

.main-content ul.ticks {margin:1.5em 0; padding-left:12px}
.main-content ul.ticks li {display:block; border-radius:5px; padding:1em 2em; margin:0.25em 0;  position:relative; list-style-type:none !important;background:#FAFAFA}
.main-content ul.ticks li:before {content:""; width:24px; height:24px; position:absolute; left:-12px; top:calc(50% - 12px); background-position:center center; background-size:24px; background-repeat:no-repeat;     background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232386D4' viewBox='0 0 490.05 490.05' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M418.275 418.275c95.7-95.7 95.7-250.8 0-346.5s-250.8-95.7-346.5 0-95.7 250.8 0 346.5 250.9 95.7 346.5 0zm-261.1-210.7l55.1 55.1 120.7-120.6 42.7 42.7-120.6 120.6-42.8 42.7-42.7-42.7-55.1-55.1 42.7-42.7z'/%3E%3C/svg%3E")}

.wp-block-separator{border:0!important;border-top:1px solid #ecf0f9 !important; margin:0 !important}

p.pill {padding:0.6em 1.2em !important; border-radius:40px; text-align:center; display:block;}

	@media only screen and (min-width:1241px) {
		h2 {font-size:2.5em}
	}
	@media (max-width:1024px) {
		h1 {font-size:3em}
	}
	@media (max-width:800px) {
		h1 {font-size:2.5em}
	}
	@media (max-width:500px) {
		h1 {font-size:2em; padding:0.5em 0}
		h2 {font-size:1.75em; padding:0.5em 0}
		h3 {font-size:1.25em}
		h4 {font-size:1.25em}
	}




/* Easing */
.btn, a, header, button, .subscribe h2 button:after, .wpcf7 input[type=submit],
.desktopMenu li:after, .download, .wp-block-button__link, .yoast-breadcrumbs, .meta,
.whatsapp  {-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}





/* Links */
a {color:#2386D4}
a:hover {color:#0e76bc}
.btn, input[type=submit], button, .wp-block-button__link, .wpcf7 input[type=submit] {font-family:'Helvetica'; cursor:pointer; font-size:1em; padding:0 60px 0 20px !important; height:45px; line-height:45px; display:inline-block; position:relative; background:rgba(14,118,188); color:white; font-weight:bold; border-radius:25px; outline:0; border:0; text-decoration:none; -webkit-appearance:none}
.btn:hover,  button:hover, .wp-block-button__link:hover, .wpcf7 input[type=submit]:hover {transform:scale(1.07); color:white !important; } 
.wp-block-button__link.has-nsnblue-color:hover {color:#0e76bc !important;}


.wp-block-buttons .wp-block-button__link:not(:first-child) {margin-left:0.5em}
.wp-block-button__link {margin-top:0.5em}
.is-style-outline .wp-block-button__link {line-height:43px; border:1px solid !important}
.is-style-outline .wp-block-button__link:hover {color:inherit !important}

.wp-block-button__link.has-nsnwhite-background-color:after {background-color:rgba(14,118,188,0.12) !important}

.has-nsnblue-background-color p a {color:white}

.wp-block-buttons>.wp-block-button .wp-block-button__link:after{font-family:"bootstrap-icons"; content:"\F135"; line-height:1; position:absolute;top:0;right:0;width:2.75rem;line-height:2.75rem; font-size:1.5rem; font-weight:normal; height:100%;text-align:center;border-radius:9999px;background-color:rgba(255,255,255,.2)}
.wp-block-buttons>.is-style-outline .wp-block-button__link:after{ background-color:white; top:-1px; right:-1px; border:1px solid #012a5c !important}
.has-background .wp-block-buttons>.is-style-outline .wp-block-button__link:after{ background-color:transparent !important; border-color:white !important}

p.has-white-color a, p.has-white-color a:hover {color:white}

.wp-block-button__link.has-nsnwhite-color:hover {color:white !important; border-color:white !important}

	@media only screen and (max-width:800px) {
		.wp-block-buttons {text-align:center; display:block !important;}
	}





/* Icons */
.wp-block-column i {font-size:24px; margin:10px 0px; display:block}
.wp-block-column i.medium {font-size:60px; margin:15px 0px; display:block}
.wp-block-column i.large {font-size:200px; display:block; text-align:center; color:#0e76bc}
.wp-block-column i.center { text-align:center}

	@media only screen and (max-width:800px) {
		.switch .wp-block-column:first-of-type {order:2;}
		.switch .wp-block-column:last-of-type {order:1;}
		.wp-block-column i.medium {font-size:50px; margin:10px 0px;}
		.wp-block-column i.large {font-size:120px;}
	}






/* Layout */
.container {padding:0 4vw}
.narrow {margin:0 auto;max-width:1000px !important}


	


/*custom colour palette*/
.has-nsnwhite-background-color {background-color:#ffffff !important}
.has-nsnblack-background-color {background-color:#000000 !important}
.has-nsnorange-background-color {background-color:#ec521d}
.has-nsngreen-background-color {background-color:#009c38}
.has-nsnblue-background-color {background-color:#0e76bc}
.has-nsnlight-background-color {background-color:#ecf0f9}
.has-nsndarkblue-background-color {background-color:#012a5c}

.has-nsnwhite-color.has-text-color {color:#ffffff !important}
.has-nsnblack-color.has-text-color {color:#000000 !important}
.has-nsnorange-color.has-text-color {color:#ec521d}
.has-nsngreen-color.has-text-color {color:#009c38}
.has-nsnblue-color.has-text-color {color:#0e76bc}
.has-nsnlight-color.has-text-color {color:#ecf0f9}
.has-nsndarkblue-color.has-text-color {color:#012a5c}


.colord-btns {margin:1em 0}
.wp-block-buttons>.is-style-outline .wp-block-button__link.has-nsnorange-color:after{border-color:#ec521d !important}
.wp-block-buttons>.is-style-outline .wp-block-button__link.has-nsngreen-color:after{border-color:#009c38 !important}
.wp-block-buttons>.is-style-outline .wp-block-button__link.has-nsnblue-color:after{border-color:#0e76bc !important}




/* .header Bar */
header{width:100%; height:85px; z-index:1000; position:relative; z-index:5; padding:10px 0; background:white}
.header-grid {width:100%; position:relative; display:grid; grid-template-columns:130px auto 150px ; grid-template-rows:1fr; grid-column-gap:2vw; grid-row-gap:0px; align-items:center}
	.logo {padding:0}
		.logo img {max-width:100%; display:inline-block; vertical-align:bottom; height:auto}
	.header-grid .contact {text-align:right}
			
	@media only screen and (min-width:1025px) {

		.desktopMenu {text-align:center; height:50px}
		.desktopMenu ul {list-style-type:none;margin:0 auto;padding:0; position:static; z-index:1001; text-align:center; display:inline-block}
		.desktopMenu li {display:inline-block;position:relative; margin:0 0.5vw;text-align:center}
		.desktopMenu li a {display:block; color:#2A326D; height:50px; line-height:50px; padding:0 0.5vw; text-decoration:none}
		.desktopMenu .current_page_item a {font-weight:bold}
		.desktopMenu li.menu-item-has-children > a:after  {content:"\2304"; display:inline-block; vertical-align:middle; color:#2386D4; line-height:100%; margin:-6px 0 0 5px; font-size:0.8em; transform:scaleY(0.8)}		


		/* 2nd Level */
		.desktopMenu li ul {position:absolute; top:80px; left:0px; padding:1em; width:260px; z-index:1010; background:#012a5c; border-radius:10px; opacity:0; visibility:hidden; transition:0.5s all; transition-timing-function:cubic-bezier(.4,0,.2,1)}
        .desktopMenu ul li.menu-item-has-children:hover>ul {top:50px; opacity:1; visibility:visible}
		.desktopMenu li:hover ul a {color:white}
		.desktopMenu li:hover ul a:hover, .desktopMenu li li:hover > a {}
		.desktopMenu li ul li {display:block; width:100%; font-size:100%;float:none;text-align:left;width:auto;position:relative;margin:0; z-index:1010; color:white}
		.desktopMenu li ul li a {width:100%;height:auto!important;display:block;padding:0.5em;line-height:125%!important; text-transform:none; font-weight:normal !important}	
		.desktopMenu .current_page_item ul li a {font-weight:normal !important}		
		.desktopMenu li li:after {display:none}	
		.desktopMenu ul li a:hover + .sub-menu,
		.desktopMenu .sub-menu:hover {display:block;opacity:1}
		.desktopMenu li ul li:last-of-type a{border:0}
		.desktopMenu li ul li a:hover {color:#0e76bc}
		
		.desktopMenu li li:after, .desktopMenu li  .current_page_item:after  {display:none}

		.menu-panel, .sidebar-toggle, .mobileNav {display:none}	
	}
	@media only screen and (max-width:1024px) {
		.desktopMenu {display:none}
		
		header{height:75px; padding:5px 0}
		.header-grid {grid-template-columns:75px auto; width:auto; grid-template-rows:1fr; grid-column-gap:10px; text-align:right; margin:0 70px 0 0}
		.logo {text-align:left}
		.logo img {width:auto; height:60px}

		
		/* Animated Burger Menu */ 
		.sidebar-toggle {position:absolute; z-index:100002; top:0px; right:-4vw; font-weight:400; font-size:100%; width:55px; height:75px; background:transparent; color:#2A326D; cursor:pointer;padding:0; margin:0; border:none; outline:0}
		.sidebar-toggle:hover {background:transparent}
		.sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {cursor:pointer; border-radius:10px; height:3px; width:30px; left:25px; top:37px; background:#2A326D; position:absolute; display:block; content:''}
		.sidebar-toggle span:before {top:-8px; left:0px}
		.sidebar-toggle span:after {top:8px;  left:0px}
		.sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {transition:all 250ms ease-in-out}
		.open-menu .sidebar-toggle span {background-color:transparent}
		.open-menu .sidebar-toggle span:before, .sidebar-toggle.active span:after {top:0}
		.open-menu .sidebar-toggle span:before {transform:rotate(45deg); top:0px; left:0px}
		.open-menu .sidebar-toggle span:after {transform:rotate(-45deg); top:0px;  left:0px}	
		

		.menu-panel {background:white; position:fixed; z-index:100001;overflow-y:auto; top:75px; right:-100%; width:100%; height:calc(100% - 75px); box-sizing:border-box; left:auto; transition:right 0.25s ease-in-out}
		.container.open-menu .menu-panel {left:auto;right:0px}
		
		/* Menu System */
		#menu {padding:0}
		#menu * {box-sizing:border-box}
		#menu {list-style:none;margin:0;padding:0;display:block;clear:both;border-top:1px solid #ecf0f9}
		#menu li {border-bottom:1px solid #ecf0f9; position:relative;overflow:hidden; transition:all .4s ease; font-size:125%}
		#menu li::after {content:"";display:block;clear:both}
		#menu li>a>svg {display:block;position:relative;width:14px;float:right;transition:all .3s ease}
		#menu li.open > a > svg {transform:rotate(45deg)}
		#menu a {padding:1em; font-weight:500; display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-decoration:none; color:#2A326D}
		#menu li.open > ul {display:block}
		#menu li>ul {background:#f6f6f8; display:none; border-top:0;  height:0;margin:0; padding-bottom:1em; overflow:hidden;transition:height 350ms ease-in-out}
		#menu ul.is-visible {display:block}
		#menu ul li {border:0; font-size:90%}
	
		#menu ul a, #menu li.open ul a {padding:0.75em 1em 0.75em 2.5em; font-weight:300}
		#menu a:hover, #menu li.open a, #menu li.open ul a:hover {background:#f6f6f8}
		
		.menu-panel .contact {padding:2.5em 1.25em}
	}
	@media only screen and (max-width:550px) {

	}





/* Blog */
.wp-block-viewport-blogfeed .post-list {margin:3vw 0}
.wp-block-viewport-blogfeed .post-list .post {display:grid;grid-template-columns:30% 70%;grid-column-gap:3vw; padding:3vw 0; border-bottom:1px solid #ecf0f9}
.wp-block-viewport-blogfeed .post-list .thumb-image {position:relative; z-index:1; overflow:hidden; display:flex; height:30vh}
.wp-block-viewport-blogfeed .post-list .thumb-image img { object-fit:contain; width:100%; height:100%; border-radius:5px; position:relative; z-index:1}

.wp-block-viewport-blogfeed .post-grid {display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:3vw;grid-row-gap:3vw; margin:3vw 0}
.wp-block-viewport-blogfeed .post-grid .post {position:relative; padding:0; background:white; border-radius:5px; border:1px solid #ecf0f9}
.wp-block-viewport-blogfeed .post-grid .thumb-image {position:relative; z-index:1; overflow:hidden; display:flex}
.wp-block-viewport-blogfeed .post-grid .thumb-image img {flex-grow:1; object-fit:cover; width:100%; height:100%; border-radius:5px 5px 0 0; position:relative; z-index:1; position:absolute;top:0;left:0;bottom:0;right:0}
.wp-block-viewport-blogfeed .post-grid .thumb-image:before{content:"";display:block;padding-top:60%;/* initial ratio of 1:1*/}

.wp-block-viewport-blogfeed .post {padding-bottom:4em !important; position:relative}
.wp-block-viewport-blogfeed .post .copy {padding:2em 2em 0}
.wp-block-viewport-blogfeed .post .copy a {text-decoration:none}
.wp-block-viewport-blogfeed .post .copy h3 {padding:0.75em 0}
.wp-block-viewport-blogfeed .post .copy h3 a {color:#012a5c}
.meta {font-size:90%; padding:0px; color:#012a5c; opacity:0.7}
.meta:hover {opacity:1}
.wp-block-viewport-blogfeed .more {position:absolute; bottom:1.75em; left:2em}

.wp-block-viewport-blogfeed .meta .divider {margin:0 8px; display:inline-block; opacity:0.25}
.wp-block-viewport-blogfeed .more:after{content:'\203A';font-size:100%;display:inline-block;vertical-align:top;margin-left:6px}

.wp-block-viewport-blogfeed .post-featured-image {width:100%; text-align:center; margin:-5vh 0 5vh}
.wp-block-viewport-blogfeed .post-content {padding:0 0 10vh}
.wp-block-viewport-blogfeed .post-content .wrapper {max-width:1000px !important}

.pagination {text-align:center; margin:7.5vh 0}
	.pagination a, .pagination span {border-radius:25px; font-weight:bold; padding:1em 1.5em !important; margin:0; display:inline-block; text-decoration:none; background:#eff2fa}
		.pagination a.prev, .pagination a.next { margin:0; background:rgba(14,118,188); color:white}
		.pagination a.prev {float:left}
		.pagination a.next {float:right}
		.pagination a.prev:before, 
		.pagination a.next:after {display:inline-block; vertical-align:middle; font-size:75%}
		.pagination a.prev:before {content:"\276E"; margin-right:0.4em; }
		.pagination a.next:after {content:"\276F"; margin-left:0.4em; }	
		.pagination span.current {text-decoration:none; background:white; color:black}
		.pagination a.disabled, .pagination a.disabled:hover {opacity:0.2}

/* Single Post Page */
.titlearea {text-align:center; padding:10vh 0}
.titlearea h1, .titlearea h4 {max-width:800px; margin:0 auto}
.titlearea h1 {padding:0.5em 0 0}
.single-post .post-featured-image,
.single-post .post-content {max-width:1000px; margin:0 auto}
.single-post .post-featured-image {text-align:center; margin:0 auto 5vh}
.single-post .post-featured-image img {padding:10px; border:1px solid #ecf0f9; border-radius:5px; }
.single-post .main-content {border-bottom:1px solid #ecf0f9; padding-bottom:10vh}

	@media only screen and (min-width:801px) {
		.wp-block-viewport-blogfeed .post-grid {display:grid;grid-template-columns:repeat(3,1fr); grid-column-gap:3vw; grid-row-gap:3vw; margin:3vw 0}
	}
	@media only screen and (min-width:801px) and (max-width:1240px) {
		.wp-block-viewport-blogfeed .post-grid {grid-column-gap:1.5em; grid-row-gap:1.5em; margin:1.5em 0}		
		.wp-block-viewport-blogfeed .post-grid .post .copy {padding:1.5em; position:relative}
	}
	@media only screen and (max-width:800px) {
		.wp-block-viewport-blogfeed .post-list .post, .wp-block-viewport-blogfeed .post-grid {display:block}
		.wp-block-viewport-blogfeed .post-grid .post-content .column {padding:1em 0}
		.wp-block-viewport-blogfeed .post-grid .post {margin:2em 0; display:block}
	}







/* Banner */
.banner {margin:10vh 0 0; padding:10vh 0 0}

	@media (min-width:1025px) {
		.banner {margin:5vh -4vw 0;  padding:10vh 4vw 0}
		.banner.cloud {background:url(../img/cloud-blue-gradient.svg) 104% top no-repeat; background-size:auto 21.5vw}
	}
	@media (max-width:1024px) {
		.banner {margin:40px 0 0; padding:40px 0 0; text-align:center;}
		.banner .wp-block-spacer {height:1em !important;}
	}
	
	
	


/* Content Elements */
.wp-block-columns.has-nsnwhite-color.has-nsnblue-background-color,
.wp-block-columns.has-nsnlight-background-color,
.wp-block-group.has-nsnlight-background-color {border-radius:10px; padding:6vh 4vw}
.wp-block-columns.has-nsnwhite-color.has-nsnblue-background-color i.large {color:white}

.wp-block-group.rounded, .wp-block-column.rounded {border-radius:10px; padding:2em}
.wp-block-group.rounded.has-nsnwhite-color a {color:white}

.rounded i {text-align:center; display:block}

.logos {border:2px solid #ecf0f9; border-top:0; border-radius:10px; padding:3vw}
.logos img {width:auto; max-width:150px; display:inline-block; height:auto}

	@media only screen and (min-width:801px) {
		.product-grid .wp-block-column {position:relative; padding-bottom:100px}
		.product-grid .wp-block-buttons {position:absolute; left:0px; bottom:2em; width:100%; text-align:center} 
	}
	@media only screen and (max-width:800px) {
		.wp-block-group.rounded, .wp-block-column.rounded {padding:1.5em}
	}







/* Call to actions */
.banner-cta {padding:2em; border-radius:10px}	
	.banner-cta p {padding:0; font-weight:bold}
	.banner-cta .wp-block-button__link {margin:0 !important}	
		
.cta {padding:6vh 4vw; margin:0 -4vw; width:calc(100% + 8vw)}
.cta .wp-block-columns {margin:0} 
.cta .wp-block-columns .cta .wp-block-column:last-of-type {}
.cta a.phone, 
.cta a.env {background:white; height:50px; line-height:50px; padding:0 1.5em; font-size:100%; border-radius:25px; display:inline-block; color:#012a5c; font-weight:bold; text-decoration:none}
.cta a.phone {display:block}
.cta a.env {font-size:165%; padding:0; width:50px; text-align:center}	
.cta a.phone i, 
.cta a.env i {display:inline-block; vertical-align:middle; margin:0; line-height:100%}	
.cta a.phone i {margin-right:1em}
.cta a:hover {transform:scale(1.07)} 
	
	@media only screen and (min-width:1025px) {
		.banner-cta p {font-size:125%}
	}
	@media only screen and (max-width:800px) {
		.cta {text-align:center; padding:1.5em;}
	}





/* Gutenberg Elements */
.wp-block-columns {margin-bottom:0px}

.fourOfour {text-align:center; padding:15vh 0}
.fourOfour h1 {padding:0}
.fourOfour h2 {padding:1em 0; line-height:150%}





/* Become a Partner Block */
.become-partner {position:relative; padding:3vw; border-radius:10px; background:url(../img/partner-cloud.svg) right center no-repeat; background-size:75%}	
.partnerExpl {padding:3vw; border-radius:10px;}
.partnerExpl h2 {padding:0 0 0.5em;}
.partnerExpl .checks li:before {color:white !important}
.become-partner .wp-block-button {position:absolute; right:3vw; bottom:3vw;}
	
	@media only screen and (min-width:800px) and (max-width:1200px) {
		.become-partner .wp-block-button .wp-block-button__link {padding:10px 60px 10px 20px !important; height:auto; line-height:20px;  }
		
	}
	@media only screen and (max-width:800px) {
		.become-partner, .partnerExpl {padding:1.5em;}	
		.become-partner {background:url(../img/partner-cloud.svg) top right no-repeat; background-size:auto 175px}	
		.become-partner h2 {max-width:60%;}
		.become-partner .wp-block-button {right:auto; left:1.5em; bottom:1.5em;}
	}






/* Icon Features */
.icon-features .wp-block-column  {padding:2vh 3vw }
.icon-features img {margin:0 0 1em}








/* Timeline */
.wp-block-viewport-timeline { position:relative; margin:5vh 0}
.wp-block-viewport-timeline { background:url('https://nsn.wpgstage.com/wp-content/uploads/2023/03/map.png') top center repeat-y; background-size:100%}

.wp-block-viewport-timeline:before { content:""; width:5px; height:100%; z-index:1; background:#ecf0f9; position:absolute; top:0px; left:49%; left:calc(50% - 3px)}
.wp-block-viewport-timeline .wp-block-viewport-event {position:relative; padding:5vh 0; clear:both}
.wp-block-viewport-timeline .wp-block-viewport-event .tl-copy {text-align:left}

.wp-block-viewport-timeline .wp-block-viewport-event .year {width:60px; height:60px; line-height:60px; border-radius:50px; z-index:2; color:white; text-align:center;  position:absolute; top:5vh; left:47%; left:calc(50% - 30px); background: rgb(14,118,188);background: linear-gradient(225deg, rgba(14,118,188,1) 0%, rgba(0,41,92,1) 100%)}

.wp-block-viewport-timeline .wp-block-viewport-event:first-of-type {padding-top:0}
.wp-block-viewport-timeline .wp-block-viewport-event:first-of-type .year {top:0px}

.wp-block-viewport-timeline .wp-block-viewport-event h6,
.wp-block-viewport-timeline .wp-block-viewport-event h3 {padding:0.5em 0}
.wp-block-viewport-timeline .wp-block-viewport-event h6{color:#2386D4}

	@media only screen and (min-width:1025px) and (max-width:1240px) { 
		.wp-block-viewport-timeline .wp-block-viewport-event:nth-of-type(odd) .tl-copy {margin-right:0}
		.wp-block-viewport-timeline .wp-block-viewport-event:nth-of-type(even) .tl-copy {margin-left:0}
	}	
	@media only screen and (min-width:1025px) { 
		.wp-block-viewport-timeline .wp-block-viewport-event:nth-of-type(odd) .tl-copy {margin:0 5% 0 55%}
		.wp-block-viewport-timeline .wp-block-viewport-event:nth-of-type(even) .tl-copy {margin:0 55% 0 5%; text-align:right}
	}
	@media only screen and (max-width:1024px) { 
		.wp-block-viewport-timeline:before {left:27px}
		.wp-block-viewport-timeline .wp-block-viewport-event .year {left:0px}
		.wp-block-viewport-timeline .wp-block-viewport-event .tl-copy {margin-left:85px}
	}
	@media only screen and (max-width:480px) {
		.wp-block-viewport-timeline .wp-block-viewport-event .year {width:50px; height:50px; line-height:50px}
		.wp-block-viewport-timeline .wp-block-viewport-event .tl-copy {margin-left:70px}
		.wp-block-viewport-timeline .wp-block-viewport-event img {max-width:90%}
	}





/*Testimonials*/
.wp-block-viewport-testimonials {display:block; background:#0e76bc; border-radius:10px; padding:3vw; color:white}
.wp-block-viewport-testimonials blockquote {position:relative;padding:0 100px 20px 0}
.wp-block-viewport-testimonials p.by {padding:0}
.wp-block-viewport-testimonials blockquote .speech {position:absolute; right:0px; top:-10px}
.wp-block-viewport-testimonials blockquote .speech::before {transform:rotate(180deg); content:"\F6B0"; font-family:"bootstrap-icons"; color:white; font-size:70px; line-height:70px; display:block; text-align:right}
.testimonial-footer {display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;align-items:start}

	@media only screen and (min-width:801px) {
		.wp-block-viewport-testimonials blockquote p {font-size:125%; line-height:165%}
	}
	@media only screen and (max-width:800px) {
		.wp-block-viewport-testimonials {padding:1.5em;}
		.wp-block-viewport-testimonials blockquote {position:relative;padding:0 50px 15px 0}
		.wp-block-viewport-testimonials blockquote p {line-height:140%}
		.wp-block-viewport-testimonials blockquote .speech::before {font-size:40px; line-height:50px;}
		
	}





/*checks*/
.main-content .checks, .accordion ul {list-style-type:none; margin:0.5em 0; padding:0}
.main-content .checks li, .accordion ul li {list-style-type:none; position:relative; padding:0 0 0 33px; margin:1em 0; line-height:150%}
.main-content .checks li:before, .accordion ul li:before {content:"\F26A"; font-family:"bootstrap-icons"; position:absolute; top:0px; left:0px; font-size:115%; color:#0e76bc}
.main-content .checks ul li {list-style-type:disc; padding:0; margin:0.5em 0}
.main-content .checks ul li:before {display:none}

/* Numbered Lists */
.main-content .numbered{list-style-type:none;margin:0.5em 0;padding:0;list-style-type:none;counter-reset:list;display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;overflow:auto;flex-direction:row}
.main-content .numbered li {list-style-type:none; position:relative; padding:0 40px; margin:1em 0; line-height:150%; width:50%}
.main-content .numbered li:before{counter-increment:list;content:counters(list,".") "";position:absolute;top:0px;left:0px;border-radius:25px;width:25px;height:25px;text-align:center;line-height:25px;background:#0e76bc;color:white;font-weight:bold}

/*checks*/
.main-content ul.downloads {border:1px solid #ecf0f9; border-radius:10px; list-style-type:none; margin:0.5em 0; padding:0}
.main-content .has-nsnlight-background-color ul.downloads {border:0; background:white; }
.main-content .has-nsnlight-background-color ul.downloads li {text-align:center; padding:20px 50px}
.main-content ul.downloads li {list-style-type:none; position:relative; padding:20px 20px 20px 60px; margin:0; line-height:150%; border-bottom:1px solid #ecf0f9}
.main-content ul.downloads li:last-of-type {border:0}
.main-content ul.downloads li:before {content:"\F30A"; font-family:"bootstrap-icons"; position:absolute; top:20px; left:20px; font-size:125%; color:#0e76bc}

.wp-block-columns.download {border:1px solid #ecf0f9; border-radius:10px; margin: 0 0 1em 0;}
.wp-block-columns.download .wp-block-column {padding:1em;}

.wp-block-columns.download .wp-block-buttons>.wp-block-button .wp-block-button__link:after {
    content: "\F30A";
 	font-size: 1.25rem;
}

	@media only screen and (max-width:800px) {
		.main-content .numbered{display:block;}
		.main-content .numbered li { width:auto}
		
	}
	
	




/*Search*/
.wp-block-viewport-livesearch .search-bar{position:relative}
.wp-block-viewport-livesearch .search-bar .search-form{border-radius:25px;border:0;background:white;padding:0px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}
.wp-block-viewport-livesearch .search-bar .search-form input{border:none;width:100%;height:50px;font-size:100%;outline:none;border-radius:25px;background:white;padding:0 1em;position:relative}
.wp-block-viewport-livesearch .search-bar .lds-ring{display:none;right:0px !important}
.wp-block-viewport-livesearch .search-container{position:absolute;top:50px;z-index:3;background:white;margin:0 0 0 -2px;border-radius:5px;padding:10px 15px;border:1px solid #ccc;box-shadow:1px 5px 10px rgba(0,0,0,0.15)}
.wp-block-viewport-livesearch .live-search-title{padding:6px 0;display:block;font-weight:bold;font-size:0.9em}
.wp-block-viewport-livesearch .search-container ul{margin:0}
.wp-block-viewport-livesearch .search-container ul li{display:block;border-bottom:1px solid #ecf0f9;padding:6px 0;margin:0}
.wp-block-viewport-livesearch .search-container ul li a{display:block}
.wp-block-viewport-livesearch .search-container .see-all{font-weight:bold;padding:10px 0 5px;margin:0;display:inline-block}
.wp-block-viewport-livesearch .search-container .see-all:after{content:'\203A';font-size:100%;display:inline-block;vertical-align:top;margin-left:6px}
.wp-block-viewport-livesearch input[type=search]::-ms-clear{display:none;width:0;height:0}
.wp-block-viewport-livesearch input[type=search]::-ms-reveal{display:none;width:0;height:0}
.wp-block-viewport-livesearch input[type="search"]::-webkit-search-decoration,.wp-block-viewport-livesearch input[type="search"]::-webkit-search-cancel-button,.wp-block-viewport-livesearch input[type="search"]::-webkit-search-results-button,.wp-block-viewport-livesearch input[type="search"]::-webkit-search-results-decoration{display:none}
.wp-block-viewport-livesearch span.search-reset{position:absolute;z-index:4;right:60px;top:30%;cursor:pointer;color:#999}
.wp-block-viewport-livesearch button.magnify-glass{position:absolute;background-color:#012a5c; z-index:4;right:-1px;top:0px;border-radius:25px;cursor:pointer;border:none;width:50px; padding:0 !important; height:100%;background-size:40px;background-repeat:no-repeat;background-position:center center;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='white' viewBox='0 0 76 76' baseProfile='full' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M42.5 22C49.404 22 55 27.596 55 34.5S49.404 47 42.5 47c-2.364 0-4.575-.657-6.5-1.757l-9.025 9.025a3 3 0 1 1-4.243-4.243l9.065-9.064A12.44 12.44 0 0 1 30 34.5C30 27.596 35.596 22 42.5 22zm0 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 1 0 0-17z'/%3E%3C/svg%3E")}
.wp-block-viewport-livesearch .search-form form{position:relative}
.wp-block-viewport-livesearch .search-bar .lds-ring{display:none;right:0px !important}
.wp-block-viewport-livesearch .lds-ring{display:inline-block;position:absolute;width:40px;height:40px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.wp-block-viewport-livesearch .lds-ring div{box-sizing:border-box;display:block;position:absolute;width:24px;height:24px;margin:8px;border:3px solid #286ae3;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:#286ae3 transparent transparent transparent}
.wp-block-viewport-livesearch .lds-ring div:nth-child(1){animation-delay:-0.45s}
.wp-block-viewport-livesearch .lds-ring div:nth-child(2){animation-delay:-0.3s}
.wp-block-viewport-livesearch .lds-ring div:nth-child(3){animation-delay:-0.15s}

	@keyframes lds-ring {
		0%{transform:rotate(0deg)}
		100%{transform:rotate(360deg)}
	}
	@media (max-width:800px) {
		.wp-block-viewport-livesearch .lds-ring{top:77%}
	}






/* Solutions block */
.solutions {margin-left:-2rem;margin-right:-2rem;width:100vw;padding-left:0;padding-right:0}

	@media (min-width:782px) {
  	  .solutions {margin-left:0;margin-right:0;width:100%;padding-left:3rem;padding-right:3rem; background:url(../img/home-bg.png) no-repeat 80% 0%; background-size:85%;}
	}
	@media (max-width:781px) {
		.solutions {margin-left:0;margin-right:0;width:100%;padding:0}		
		.solutions .wp-block-column {width:150px !important;}		
		.wp-block-columns.triangles:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis:150px !important;}
		.solutions .wp-block-spacer {display:none;}
		.solutions p.has-text-align-center {padding:0 4vw;}
	}





/*Swiper Slider*/
.wp-block-viewport-content-slider {position:relative}
.wp-block-image.is-style-rounded img {border-radius:10px !important}
.viewport-swiper-nav {position:absolute; width:100%; top:50%; left:0px}
.wp-block-viewport-content-slider .viewport-swiper-nav .swiper-button-next,
.wp-block-viewport-content-slider .viewport-swiper-nav .swiper-button-prev{width:40px !important;height:40px !important;display:inline-block}
.wp-block-viewport-content-slider .viewport-swiper-nav .swiper-button-prev{top:auto !important;left:0 !important}
.wp-block-viewport-content-slider .viewport-swiper-nav .swiper-button-next{top:auto !important;right:0 !important}
.wp-block-viewport-content-slider .viewport-swiper-nav .swiper-button-prev:after,
.wp-block-viewport-content-slider .viewport-swiper-nav .swiper-button-next:after{color:#012a5c; width:40px !important;height:40px !important;text-align:center; display:inline-block !important; border-radius:25px; border:1px solid #012a5c; font-family:"bootstrap-icons"; content:"\F135"; line-height:40px !important; font-size:1.5rem}
.wp-block-viewport-content-slider .viewport-swiper-nav .swiper-button-prev:after {transform:rotate(180deg)}

.wp-block-viewport-content-slider .swiper-button-disabled:after{color:#888 !important;border-color:#888 !important}







.footer {padding:10vh 4vw;position:relative; z-index:1;}
.footer h2 {font-size:0.9em; padding:0 0 1em 0; text-transform:uppercase; font-weight:bold; letter-spacing:0.1em}
.footer ul li {padding:0.1em 0}
.footer ul li a {padding:0.25em 0; display:block}
.footer p.has-small-font-size {font-size:0.85em !important}
.footer p.has-small-font-size a {margin-left:1em}

	@media (min-width:1025px) {
		.footer {background:url(../img/footer-bg.svg) right center no-repeat; background-size:auto 100%}	
	}
	@media only screen and (max-width:800px) {
		.footer {padding:1.5em}
		.footer p.has-small-font-size, .wp-block-social-links {text-align:center; float:none !important;}
		.footer p.has-small-font-size a {margin:0px}
	}

	




/* Breadcrumbs */
.yoast-breadcrumbs {font-size:0.9em; opacity:0.65;margin-bottom:5vh}
.yoast-breadcrumbs:hover {opacity:1}
	
	@media (max-width:800px) {
		.yoast-breadcrumbs {margin-bottom:1.5em}
	}



	
	

/* Accordion */
.accordion .data{background:rgba(239,242,250,0.5);padding:1.5em 2em;display:block;display:none}
.accordion .wp-block-viewport-accordion-item{margin:0 0 1em;border:2px solid #eff2fa;border-radius:10px;box-shadow:none}
.accordion-item{background:transparent;color:#012a5c;padding:0.75em 1em;margin:0}

	@media (max-width:800px) {
		.accordion-item {font-size:100% !important; font-weight:bold;}
	}





/* Form Elements */
.wpcf7 {display:block; background:#eff2fa; border-radius:10px; padding:5vh; font-size:100%}
.wpcf7 p, .wpcf7 div {padding:0; line-height:150%}
.wpcf7-form-control-wrap {padding:0.5em 0; display:block}

.wpcf7 input[type=date] {text-indent:0.4em}
.wpcf7-form-control-wrap {display:block;position:relative}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select { display:block; width:100%; min-width:100%; padding:1em 0; margin:0; text-indent:1em; border:0; background:white; color:black; font-size:100%; border-radius:5px}

.wpcf7 input.wpcf7-date, 
.wpcf7 select {height:45px; line-height:45px; padding:0; text-indent:0.75em}

input.wpcf7-not-valid {border-color:red}

.wpcf7-form-control.wpcf7-checkbox, .wpcf7-form-control.wpcf7-radio  {padding:0}
.wpcf7-checkbox .wpcf7-list-item, .wpcf7-radio .wpcf7-list-item {padding:0.25em 0.5em}
.wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {display:inline-block; width:auto; min-width:14px; padding:0; text-indent:0; margin-right:0.25em; border:2px solid #012a5c}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {color:#999}
.wpcf7 p br {display:none}
.wpcf7 input[type=submit] {width:auto; min-width:10px; line-height:100% !important; border:0; display:inline-block; padding:0 2em !important; text-indent:0}

.wpcf7 p .wpcf7-form-control-wrap:after {content:""; position:absolute; font-family:"bootstrap-icons"; right:0.75em; top:1.1em; font-size:1.25em}
.wpcf7 p.name .wpcf7-form-control-wrap:after {content:"\F4D3"}
.wpcf7 p.mail .wpcf7-form-control-wrap:after {content:"\F32F"}
.wpcf7 p.subject .wpcf7-form-control-wrap:after {content:"\F431"}
.wpcf7 p.message .wpcf7-form-control-wrap:after {content:"\F252"}
.wpcf7 p.company .wpcf7-form-control-wrap:after {content:"\F1DD"}
.wpcf7 p.phone .wpcf7-form-control-wrap:after {content:"\F5C1"}
.wpcf7 p.connections .wpcf7-form-control-wrap:after {content:"\F2EE"}
.wpcf7 p.data .wpcf7-form-control-wrap:after {content:"\F54C"}
.wpcf7 p.device .wpcf7-form-control-wrap:after {content:"\F77C"}
.wpcf7 p.website .wpcf7-form-control-wrap:after {content:"\F3EE"}
.wpcf7 p.postcode .wpcf7-form-control-wrap:after {content:"\F3E8"}

/* Contact Form 7 output */
div.wpcf7-response-output {font-weight:bold; font-size:100%; line-height:125%; border:0 !important; padding:0 !important; margin:0 !important; color:red}
div.wpcf7-mail-sent-ok {font-size:100%; line-height:125%; color:black; font-weight:bold}
.wpcf7-not-valid-tip {display:block; padding:0; color:red !important; font-size:90%}

	@media only screen and (min-width:801px) {
		.negMarg {margin-top:-10vh}
	}
	@media only screen and (max-width:800px) {
		.contact-details .wp-block-column:first-of-type {display:none}	
		.wpcf7 {padding:1.5em; margin-bottom:3em}
	}







/* Partner Table */
.wp-block-table {margin:0; overflow-x:none; border-color:#ecf0f9}
.wp-block-table thead {border:0}
.wp-block-table td, .wp-block-table th {padding:1.5em; background:white; border-color:#ecf0f9; line-height:160%; vertical-align:top}
.wp-block-table th {color:white; background-color:#0e76bc; border:0}
.wp-block-table thead th:nth-of-type(2) {background-color:#95a8b9}
.wp-block-table thead th:nth-of-type(3) {background-color:#daa520}
.wp-block-table thead th:nth-of-type(4) {background-color:#708090}
.wp-block-table ul {margin:0; padding:0}
.wp-block-table ul li {list-style-type:none; position:relative; padding:0 0 0 27px; margin:1em 0; line-height:150%}
.wp-block-table ul li:before {content:"\F26A"; font-family:"bootstrap-icons"; position:absolute; top:0px; left:0px; font-size:100%; color:#0e76bc}
.wp-block-table tbody tr td:nth-of-type(2) ul li:before {color:#95a8b9}
.wp-block-table tbody tr td:nth-of-type(3) ul li:before {color:#daa520}
.wp-block-table tbody tr td:nth-of-type(4) ul li:before {color:#708090}

	@media only screen and (min-width:1025px) {
		.wp-block-table th {font-size:115%; padding:1em}
	}
	@media only screen and (max-width:800px) {
		.wp-block-table td, .wp-block-table th {padding:1em; line-height:140%; min-width:200px;}
		.wp-block-table ul li {padding:0 0 0 25px; margin:0.5em 0; line-height:140%;}
	}
	
	
    



.caseStudy {border-radius:10px; border:1px solid #ecf0f9; padding:5vh}
.caseStudy figure {text-align:center; display:block}
.caseStudy img {width:80%; height:auto; max-width:80%; margin:0 auto; display:inline-block}

	@media only screen and (min-width:1025px) {
		.caseStudy .wp-block-column:nth-of-type(2) {border-left:1px solid #ecf0f9}
	}
	@media only screen and (max-width:800px) {
		.caseStudy {padding:1.5em}
	}
		
		
		
/* Whatsapp Icon */
.whatsapp {position:fixed; z-index:10000; text-indent:-9999px; bottom:1.5em; right:1.5em; width:50px; height:50px; background-size:50px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-label='WhatsApp' role='img' viewBox='0 0 512 512'%3E%3Crect width='512' height='512' rx='15%25' fill='%2325d366'/%3E%3Cpath fill='%2325d366' stroke='%23fff' stroke-width='26' d='M123 393l14-65a138 138 0 1150 47z'/%3E%3Cpath fill='%23fff' d='M308 273c-3-2-6-3-9 1l-12 16c-3 2-5 3-9 1-15-8-36-17-54-47-1-4 1-6 3-8l9-14c2-2 1-4 0-6l-12-29c-3-8-6-7-9-7h-8c-2 0-6 1-10 5-22 22-13 53 3 73 3 4 23 40 66 59 32 14 39 12 48 10 11-1 22-10 27-19 1-3 6-16 2-18'/%3E%3C/svg%3E");}
.whatsapp:hover {transform:scale(1.2);}
.whatsapp:before {opacity:0; content:"Click to chat to us on WhatsApp"; position:absolute; bottom:1em; font-size:12px; text-indent:0; line-height:25px; right:60px; background:white; text-align:center; width:190px; height:25px; border-radius:4px;}
.whatsapp:hover:before {opacity:1;}


	@media only screen and (max-width:800px) { 
		.whatsapp {bottom:0.5em; right:0.5em;}
		.whatsapp {width:40px; height:40px; background-size:40px;}
		.whatsapp:before {right:40px; bottom:10px;}
	}	
    
    
/* Cookie banner */
.cky-btn{padding:8px !important}
.cky-btn:hover{color: #1863dc !important;}
.cky-btn.cky-btn-accept:hover{color:#ffffff !important}
.cky-btn-revisit-wrapper .cky-btn-revisit {padding:0 !important}