/*--------------------------------------------------------------
# Theme
--------------------------------------------------------------*/

:root {

--white-color:#FAFAFA; /* White #ffffff unless a close colour exists on the palette  */
/*--white-color:#E8F0F5; /* White #ffffff unless a close colour exists on the palette  */
--grey-color:#7f7f7f; /* Grey #7f7f7f unless a close colour exists on the palette  */
--black-color:#47505A; /* Black #000000 unless a close colour exists on the palette */

--primary-color:#083050;
--secondary-color:#82CFCD;
--tertiary-color:#0587B8;

--fourth-color:#00ADEF;
--fifth-color:#D3ECEB;
--sixth-color:#06638E;
--seventh-color:#85DDFF;

--eigth-color: #E8F0F5; 
--ninth-color: #8CF4EF; 
--tenth-color: #00E59E; 
--eleventh-color: #3874F3;

--error-color:#c22327;

}



/*--------------------------------------------------------------
# Swatches (Backgrounds, Fonts, and Links
--------------------------------------------------------------*/

.white-swatch{
background-color:var(--white-color);
color:var(--primary-color);
}

.white-swatch a{
color:var(--primary-color);
}

.white-swatch a:hover{
color:var(--grey-color);
}

.white-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.white-swatch a.button:hover{
background-color:var(--secondary-color);
color:var(--primary-color);
}



.grey-swatch{
background-color:var(--grey-color);
color:var(--white-color);
}

.grey-swatch a{
color:var(--white-color);
}

.grey-swatch a:hover{
color:var(--white-color);
}

.grey-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.grey-swatch a.button:hover{
background-color:var(--tertiary-color);
color:var(--white-color);
}



.black-swatch{
background-color:var(--black-color);
color:var(--white-color);
}

.black-swatch a{
color:var(--white-color);
}

.black-swatch a:hover{
color:var(--white-color);
}

.black-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.black-swatch a.button:hover{
background-color:var(--tertiary-color);
color:var(--white-color);
}



.default-swatch{
background-color:var(--white-color);
color:var(--primary-color);
}

.default-swatch a{
color:var(--primary-color);
}

.default-swatch a:hover{
color:var(--primary-color);
}

.default-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.default-swatch a.button:hover{
background-color:var(--secondary-color);
color:var(--primary-color);
}



.primary-swatch{
background-color:var(--primary-color);
color:var(--white-color);
}

.primary-swatch a{
color:var(--secondary-color);
}

.primary-swatch a:hover{
color:var(--secondary-color);
}

.primary-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.primary-swatch a.button:hover{
background-color:var(--secondary-color);
color:var(--primary-color);
}



.secondary-swatch{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.secondary-swatch a{
color:var(--primary-color);
}

.secondary-swatch a:hover{
color:var(--primary-color);
}

.secondary-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.secondary-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.tertiary-swatch{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.tertiary-swatch a{
color:var(--white-color);
}

.tertiary-swatch a:hover{
color:var(--white-color);
}

.tertiary-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.tertiary-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.fourth-swatch{
background-color:var(--fourth-color);
color:var(--primary-color);
}

.fourth-swatch a{
color:var(--primary-color);
}

.fourth-swatch a:hover{
color:var(--primary-color);
}

.fourth-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.fourth-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.fifth-swatch{
background-color:var(--fifth-color);
color:var(--primary-color);
}

.fifth-swatch a{
color:var(--primary-color);
}

.fifth-swatch a:hover{
color:var(--primary-color);
}

.fifth-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.fifth-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.sixth-swatch{
background-color:var(--sixth-color);
color:var(--white-color);
}

.sixth-swatch a{
color:var(--white-color);
}

.sixth-swatch a:hover{
color:var(--white-color);
}

.sixth-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.sixth-swatch a.button:hover{
background-color:var(--eigth-color);
color:var(--primary-color);
}



.seventh-swatch{
background-color:var(--seventh-color);
color:var(--primary-color);
}

.seventh-swatch a{
color:var(--primary-color);
}

.seventh-swatch a:hover{
color:var(--primary-color);
}

.seventh-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.seventh-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.eigth-swatch{
background-color:var(--eigth-color);
color:var(--primary-color);
}

.eigth-swatch a{
color:var(--primary-color);
}

.eigth-swatch a:hover{
color:var(--primary-color);
}

.eigth-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.eigth-swatch a.button:hover{
background-color:var(--tertiary-color);
color:var(--white-color);
}



.ninth-swatch{
background-color:var(--ninth-color);
color:var(--primary-color);
}

.ninth-swatch a{
color:var(--primary-color);
}

.ninth-swatch a:hover{
color:var(--primary-color);
}

.ninth-swatch a.button{
background-color:var(--eigth-color);
color:var(--primary-color);
}

.ninth-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.tenth-swatch{
background-color:var(--tenth-color);
color:var(--primary-color);
}

.tenth-swatch a{
color:var(--primary-color);
}

.tenth-swatch a:hover{
color:var(--primary-color);
}

.tenth-swatch a.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

.tenth-swatch a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}



.eleventh-swatch{
background-color:var(--eleventh-color);
color:var(--white-color);
}

.eleventh-swatch a{
color:var(--white-color);
}

.eleventh-swatch a:hover{
color:var(--white-color);
}

.eleventh-swatch a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
}

.eleventh-swatch a.button:hover{
background-color:var(--ninth-color);
color:var(--primary-color);
}



/*--------------------------------------------------------------
# Colour styles
--------------------------------------------------------------*/

.text-white-color{
color:var(--white-color);
}

.text-grey-color{
color:var(--grey-color);
}

.text-black-color{
color:var(--black-color);
}
  
.text-primary-color{
color:var(--primary-color);
}

.text-secondary-color{
color:var(--secondary-color);
}

.text-tertiary-color{
color:var(--tertiary-color);
}
  
.text-fourth-color{
color:var(--fourth-color);
}

.text-fifth-color{
color:var(--fifth-color);
}

.text-sixth-color{
color:var(--sixth-color);
}

.text-seventh-color{
color:var(--seventh-color);
}

.text-eigth-color{
color:var(--eigth-color);
}

.text-ninth-color{
color:var(--ninth-color);
}

.text-tenth-color{
color:var(--tenth-color);
}

.text-eleventh-color{
color:var(--eleventh-color);
}



/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/**
* Desktop Navigation 
*/

.navbar {
padding: 0;
}

.navbar ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}

.navbar li {
position: relative;
}

.navbar a, .navbar a:focus {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0 10px 30px;
font-size: 0.9em;
font-weight: 500;
color:var(--primary-color);
white-space: nowrap;
transition: 0.3s;
}

.navbar a i, .navbar a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a { 
color:var(--secondary-color);
text-decoration:none;
}

.navbar .dropdown ul {
display: block;
position: absolute;
left: 14px;
top: calc(100% + 30px);
margin: 0;
padding: 10px 0;
z-index: 99;
opacity: 0;
visibility: hidden;
background:var(--white-color);
box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25);
transition:0.3s;
}

.navbar .dropdown ul li {
min-width: 200px;
}

.navbar .dropdown ul a {
padding: 10px 20px;
font-size: 15px;
font-weight: 400;
}

.navbar .dropdown ul a i {
font-size: 12px;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a { 
color:var(--secondary-color);
}

.navbar .dropdown:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
}

.navbar .dropdown .dropdown ul {
top: 0;
left: calc(100% - 30px);
visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
opacity: 1;
top: 0;
left: 100%;
visibility: visible;
}

@media (max-width: 1366px) {

	.navbar .dropdown .dropdown ul {
	left: -90%;
	}
	
	.navbar .dropdown .dropdown:hover>ul {
	left: -100%;
	}
	
}

@media (min-device-width: 992px) and (max-width: 1199px) {

	.navbar {
	margin-top:20px;
	}
	
	#header .logo img {
	margin-top:10px;
	}
	
	#header .navbar{
	font-size:0.9em;
	}
	
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
color:var(--grey-color);
font-size: 28px;
cursor: pointer;
display: none;
line-height: 0;
transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
color:var(--white-color);
}

@media (max-width: 991px) {

	#header .logo {
	margin-top:0px;
	}
	
	.mobile-nav-toggle {
	display: block;
	}
	
	.navbar ul {
	display: none;
	}
	
	#header .logo{
	display:flex;
	height:90px;
	}
  
}

.navbar-mobile {
position: fixed;
overflow: hidden;
top: 0;
right: 0;
left: 0;
bottom: 0;
background:var(--grey-color);
transition: 0.3s;
z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
position: absolute;
top: 15px;
right: 15px;
}

.navbar-mobile ul {
display: block;
position: absolute;
top: 55px;
right: 15px;
bottom: 15px;
left: 15px;
padding: 10px 0;
background-color:var(--white-color);
overflow-y: auto;
transition: 0.3s;
}

.navbar-mobile a, .navbar-mobile a:focus {
padding: 10px 20px;
font-size: 15px;
color:var(--grey-color);
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a { 
color:var(--secondary-color);
}

.navbar-mobile .dropdown ul {
position: static;
display: none;
margin: 10px 20px;
padding: 10px 0;
z-index: 99;
opacity: 1;
visibility: visible;
background:var(--white-color);
box-shadow: 0px 0px 30px var(--grey-color);;
}

.navbar-mobile .dropdown ul li {
min-width: 200px;
}

.navbar-mobile .dropdown ul a {
padding: 10px 20px;
}


.navbar-mobile .dropdown ul a i {
font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a {
color:var(--secondary-color);
}

.navbar-mobile .dropdown>.dropdown-active {
display: block;
}

@media (max-width: 576px) {
	.top-item-hide{
	display:none;
	}
}



/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
font-family: "Work Sans", sans-serif;
background-color:var(--primary-color);
}

a{
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.hidden{
display:none;
}

.text-right{
text-align:right;
}

.text-center{
text-align:center;
}

.text-left{
text-align:left;
}

.text-justify{
text-align:justify;
}

.clear{
clear:both;
}

#hero.no-banner{
height:115px;
}

.width10{width:10px;}
.width20{width:20px;}
.width30{width:30px;}
.width40{width:40px;}
.width50{width:50px;}
.width60{width:60px;}
.width70{width:70px;}
.width80{width:80px;}
.width90{width:90px;}
.width100{width:100px;}
.width110{width:110px;}
.width120{width:120px;}
.width130{width:130px;}
.width140{width:140px;}
.width150{width:150px;}
.width160{width:160px;}
.width170{width:170px;}
.width180{width:180px;}
.width190{width:190px;}
.width200{width:200px;}
.width210{width:210px;}
.width220{width:220px;}
.width230{width:230px;}
.width240{width:240px;}
.width250{width:250px;}
.width260{width:260px;}
.width270{width:270px;}
.width280{width:280px;}
.width290{width:290px;}
.width300{width:300px;}
.width310{width:310px;}
.width320{width:320px;}
.width330{width:330px;}
.width340{width:340px;}
.width350{width:350px;}
.width360{width:360px;}
.width370{width:370px;}
.width380{width:380px;}
.width390{width:390px;}
.width400{width:400px;}
.width410{width:410px;}
.width420{width:420px;}
.width430{width:430px;}
.width440{width:440px;}
.width450{width:450px;}
.width460{width:460px;}
.width470{width:470px;}
.width480{width:480px;}
.width490{width:490px;}
.width500{width:500px;}
.width510{width:510px;}
.width520{width:520px;}
.width530{width:530px;}
.width540{width:540px;}
.width550{width:550px;}
.width560{width:560px;}
.width570{width:570px;}
.width580{width:580px;}
.width590{width:590px;}
.width600{width:600px;}

.height10{height:10px;}
.height20{height:20px;}
.height30{height:30px;}
.height40{height:40px;}
.height50{height:50px;}
.height60{height:60px;}
.height70{height:70px;}
.height80{height:80px;}
.height90{height:90px;}
.height100{height:100px;}
.height110{height:110px;}
.height120{height:120px;}
.height130{height:130px;}
.height140{height:140px;}
.height150{height:150px;}
.height160{height:160px;}
.height170{height:170px;}
.height180{height:180px;}
.height190{height:190px;}
.height200{height:200px;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	#hero.no-banner{
	1height:150px;
	}
	
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	#hero.no-banner{
	height:115px;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	#hero.no-banner{
	height:150px;
	}
	
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	#hero.no-banner{
	height:150px;
	}
	
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

	#hero.no-banner{
	height:150px;
	}
	
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
background-color:var(--white-color);
z-index: 997;
padding: 20px 0px 0px 0px;
}

#header.header-scrolled {
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
padding: 12px 0;
}

#header.header-inner-pages {
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
font-size: 22px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 700;
}

#header .logo a {
color:var(--primary-color);
}

#header {
border-bottom:5px solid var(--secondary-color);
}


/*--------------------------------------------------------------
# Top (sits within header)
--------------------------------------------------------------*/

#top {
background-color:var(--primary-color);
color:var(--secondary-color);
text-align:right;
padding:5px 0px;
}

#top a {
color:var(--secondary-color);
text-decoration:none;
font-weight:normal;
font-size:0.8em;
}

#top a:hover {
color:var(--white-color);
transition: 0.3s;
}



/*--------------------------------------------------------------
# Backgrounds
--------------------------------------------------------------*/

.banner {
background:none;
background-repeat:no-repeat;
background-position:center;
min-height:400px;
}

.banner-index {
background-image:url("/structure/images/index/banner.png");
}

.banner-about {
background-image:url("/structure/images/about/banner.png");
}

.banner-careers {
background-image:url("/structure/images/careers/banner.png");
}

.banner-case-studies {
background-image:url("/structure/images/case_studies/banner.png");
}

.banner-insights {
background-image:url("/structure/images/insights/banner.png");
}

.banner-news {
background-image:url("/structure/images/news/banner.png");
}

.banner-privacy-policy {
background-image:url("/structure/images/privacy_policy/banner.png");
}

.banner-support-portal {
background-image:url("/structure/images/support_portal/banner.png");
}

.banner-vacancies {
background-image:url("/structure/images/vacancies/banner.png");
}

.banner-vacancies {
background-image:url("/structure/images/vacancies/banner.png");
}

.banner-system-services {
background-image:url("/structure/images/system_services/banner.png");
}

.banner-system-optimisation {
background-image:url("/structure/images/system_optimisation/banner.png");
}

.banner-transform-operations {
background-image:url("/structure/images/transform_operations/banner.png");
}

.banner-data-analytics-and-ai {
background-image:url("/structure/images/data_analytics_and_ai/banner.png");
}

.banner-infrastructure-and-cloud {
background-image:url("/structure/images/infrastructure_and_cloud/banner.png");
}

.banner-vacancies {
background-image:url("/structure/images/vacancies/banner.png");
}

.banner-work-and-insights {
background-image:url("/structure/images/work_and_insights/banner.png");
}

.banner-contact-us {
background-image:url("/structure/images/contact_us/banner.png");
}

.banner-bds-solutions {
background-image:url("/structure/images/bds-solutions/banner.png");
}

.banner-directory-manager {
background-image:url("/structure/images/directory-manager/banner.png");
}

.banner-nhs-mail-migration {
background-image:url("/structure/images/nhsmail-migration/banner.png");
}



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

a.button, input.button{
width:fit-content;
border-radius:20px;
padding:7px 20px;
text-decoration:none;
transition: 0.3s;
}

input.button{
border:0px;
width:auto;
}

.form-group{
margin-top:10px;
margin-bottom:10px;
}

.img-introduction{
border:10px solid #82cfcd;
border-radius:155px;
}

.breadcrumb{
color:var(--secondary-color);
}

.img-rounded{
border-radius:20px;
}

.text-small{
font-size:0.8em;
}

.list-bullet-image{
background-image:url(/structure/images/list-bullet-image.png);
background-repeat:no-repeat;
}

.list-bullet-image p{
padding:5px 0px 0px 40px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.content{
padding-top:20px;
padding-bottom:40px;
}

.content h1 {
font-weight: 200;
font-size: 48px;
line-height: 60px;
margin-bottom: 20px;
}

.content h2 {
font-weight: 300;
line-height: 32px;
font-size: 24px;
padding-bottom:20px;
}

.content h3 {
font-weight: 400;
line-height: 24px;
font-size: 18px;
padding-bottom:20px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 1px) and (max-width: 575px) {

	.banner-index .content h1{
	line-height: 48px;
	font-size: 38px;
	}
	.banner-index .content h2{
	line-height: 28px;
	font-size: 18px;
	}
	.banner-index .content .banner-index-image{
	display:none;
	}
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {

	.banner-index .content h1{
	line-height: 38px;
	font-size: 32px;
	}
	.banner-index .content h2{
	line-height: 26px;
	font-size: 18px;
	}
	.banner-index .content .banner-index-image{
	margin-top:90px;
	}
	
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

	.banner-index .content .banner-index-image{
	margin-top:20px;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399px) {
	
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	
}
/*--------------------------------------------------------------
# Box
--------------------------------------------------------------*/

.box{
border-radius:20px;
padding:20px;
margin:20px;
color:var(--white-color);
}

.box.box-primary{
background:linear-gradient(to left top, var(--primary-color) 0%, var(--secondary-color) 100%);
color: var(--white-color);
}

.box.box-secondary{
background:linear-gradient(to left top, var(--secondary-color) 0%, var(--tertiary-color) 100%);
color: var(--white-color);
}

.box.box-tertiary{
background:linear-gradient(to left top, var(--tertiary-color) 0%, var(--fourth-color) 100%);
color: var(--white-color);
}

.box.box-fourth{
background:linear-gradient(to left top, var(--fourth-color) 0%, var(--fifth-color) 100%);
color: var(--primary-color);
}

.box.box-fifth{
background:linear-gradient(to left top, var(--fifth-color) 0%, var(--sixth-color) 100%);
color: var(--white-color);
}

.box.box-sixth{
background:linear-gradient(to left top, var(--sixth-color) 0%, var(--seventh-color) 100%);
color: var(--white-color);
}

.box.box-seventh{
background:linear-gradient(to left top, var(--seventh-color) 0%, var(--primary-color) 100%);
color: var(--white-color);
}

.box h2.title{
font-weight:500;
}

.box h2.text{
font-size:1.3em;
}

.box p.title{
font-weight:500;
font-size:1.3em;
}

.box p.text{
font-size:1.1em;
}

.box .tag{
font-weight:500;
}

.box .datestamp{
font-weight:300;
font-size:0.8em;
font-style:italic;
}

.box .button{
border-radius:15px;
font-size:1em;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.difference .box p.text{
	min-height:130px;
	}
	
	.our-solutions .box h2.title{
	font-size:1.3em;
	}
	
	.careers .box h2.title{
	font-size:1.2em;
	}
	
	.our-solutions .box h2.text{
	min-height:230px;
	}
	
	.careers .box h2.text{
	min-height:320px;
	}
	
	.work-and-insights .box h2.title{
	font-size:1.3em;
	min-height:150px;
	}

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.difference .box p.title{
	font-size:1.2em;
	}
	
	.difference .box p.text{
	min-height:110px;
	}

	.careers .box h2.title{
	font-size:1.4em;
	}
	
	.careers .box h2.text{
	min-height:280px;
	}

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

	.difference .box p.title{
	font-size:1.3em;
	}
	
	.difference .box p.text{
	min-height:90px;
	}
	
	.our-solutions .box h2.title{
	font-size:1.6em;
	}
	
	.our-solutions .box h2.text{
	min-height:170px;
	}

	.careers .box h2.title{
	font-size:1.6em;
	}
	
	.careers .box h2.text{
	min-height:220px;
	}
	
	.work-and-insights .box h2.title{
	font-size:1.3em;
	min-height:120px;
	}

}



/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/

.testimonials{
margin:20px auto;
}

.testimonials-holder{
color:var(--white-color);
margin:0px 0px;
padding:30px 40px 0px 40px;
}

.testimonials-text{
border:1px dashed #ffffff;
border-color:var(--white-color);
border-radius: 25px;
padding:20px;
height:230px;
font-size:1.2em;
}

.testimonials-person{
font-style:italic;
font-size:1.1em;
font-weight:bold;
padding:20px 0px;
}



/*--------------------------------------------------------------
# Frameworks
--------------------------------------------------------------*/

.row.frameworks img {
display: inline-block;
vertical-align: middle;
margin:20px 20px;
padding:20px;
height:120px;
}



/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/

form .form-feedback-error{
color:var(--error-color);
}

form input.button{
background-color:var(--tertiary-color);
color:var(--white-color);
}

form input.button:hover{
background-color:var(--secondary-color);
color:var(--primary-color);
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer {
background-color:var(--tertiary-color);
color:var(--white-color);
padding: 60px 0 30px 0;
font-size: 14px;
}

.footer .footer-links {
margin-bottom: 30px;
}

.footer .footer-links a {
color:var(--white-color);
text-decoration:none;
}

.footer .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}

.footer .footer-links ul i {
padding-right: 2px;
font-size: 18px;
line-height: 1;
}

.footer .footer-links ul li {
padding: 10px 0;
display: flex;
align-items: center;
}

.footer .footer-links ul li:first-child {
padding-top: 0;
}

.footer .footer-links ul {
color:var(--white-color);
}

.footer .footer-links ul a {
transition: 0.3s;
display: inline-block;
line-height: 1;
text-decoration:none;
}

.footer .footer-links ul a:hover {
color:var(--secondary-color);
transition: 0.3s;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	.footer .footer-links .our-socials{
	text-align:left;
	}
	
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.footer .footer-links .our-socials{
	text-align:right;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}

.footer .footer-links a.social-links{
background-color:var(--secondary-color);
color:var(--primary-color);
font-size: 18px;
display: inline-block;
line-height: 1;
padding: 8px 0;
margin-right: 4px;
border-radius: 4px;
text-align: center;
width: 36px;
height: 36px;
transition: 0.3s;
}

.footer .footer-links a.social-links:hover {
background-color:var(--primary-color);
color:var(--white-color);
text-decoration:none;
font-weight:600;
}

.footer .footer-links .accreditations img{
margin:10px 10px 0px 0px;
float:left;
}



.footer .footer-links a.button{
background-color:var(--secondary-color);
color:var(--primary-color);
width: fit-content;
border-radius:20px;
padding:7px 20px;
text-decoration:none;
transition: 0.3s;
line-height:30px;
font-size:18px;
}

.footer .footer-links a.button:hover{
background-color:var(--primary-color);
color:var(--white-color);
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	.footer .footer-links .our-socials{
	float:left;
	text-align:left;
	}
	
	.footer .footer-links .accreditations img{
	float:left;
	}
	
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.footer .footer-links .accreditations img{
	float:left;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.footer .footer-links .accreditations img{
	float:right;
	}
	
	.footer .footer-links a.button{
	font-size:14px;
	}
	
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.footer .footer-links .accreditations img{
	float:right;
	}
	
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

	.footer .footer-links .accreditations img{
	float:right;
	}
	
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

#base {
background-color:var(--primary-color);
text-align:center;
color:var(--secondary-color);
padding:35px 20px;
font-size:0.9em;
}



/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

.back-to-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 15px;
z-index: 996;
background-color:var(--tertiary-color);
width: 40px;
height: 40px;
border-radius: 4px;
transition: all 0.4s;
}

.back-to-top i {
font-size: 28px;
color:var(--white-color);
line-height: 0;
}

.back-to-top:hover {
background-color:var(--secondary-color);
color:var(--primary-color);
}

.back-to-top.active {
visibility: visible;
opacity: 1;
}



/*--------------------------------------------------------------
# Development
--------------------------------------------------------------*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 1px) and (max-width: 575px) {

	.MW001{display:inline;}
	.MW576{display:none;}
	.MW768{display:none;}
	.MW992{display:none;}
	.MW1200{display:none;}
	.MW1400{display:none;}
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {

	.MW001{display:none;}
	.MW576{display:inline;}
	.MW768{display:none;}
	.MW992{display:none;}
	.MW1200{display:none;}
	.MW1400{display:none;}
	
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

	.MW001{display:none;}
	.MW576{display:none;}
	.MW768{display:inline;}
	.MW992{display:none;}
	.MW1200{display:none;}
	.MW1400{display:none;}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {

	.MW001{display:none;}
	.MW576{display:none;}
	.MW768{display:none;}
	.MW992{display:inline;}
	.MW1200{display:none;}
	.MW1400{display:none;}
	
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399px) {

	.MW001{display:none;}
	.MW576{display:none;}
	.MW768{display:none;}
	.MW992{display:none;}
	.MW1200{display:inline;}
	.MW1400{display:none;}
	
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

	.MW001{display:none;}
	.MW576{display:none;}
	.MW768{display:none;}
	.MW992{display:none;}
	.MW1200{display:none;}
	.MW1400{display:inline;}
	
}

.devsite-text{
color:red;
background-color:white;
padding:0px 7px;
}

.devsite-text a{
color:red !IMPORTANT;
text-decoration:underline;
}