/* project page rebrand */

/* .project-header-main-wrapper-image {
  background-image: url("img/covid-phone.png");
  height: 500px; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
} */

.project-feedback-wrapper {
  background-color:#443e52;
  padding: 80px;
  margin-bottom: 70px;
}

.project-feedback-inner-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  align-items: center;
}

.project-feedback-inner-wrapper img {
  margin-bottom: 20px;
  width: 5%;
}

.project-feedback-quote {
  margin-bottom: 0;
  color: white;
  font-family: 'Poppins-Light';
  width: 80%;
  text-align: center;
  line-height: 2;
  font-size: 22px;
}

.project-feedback-author {
  font-family: 'Poppins-Italic';
  color: white;
  font-size: 16px;
}

.highlight-section {
  width: 70%;
  margin: 50px 0;
  border-left: 5px solid #FEC458;
  padding: 10px;
}

.design-process-image-wrapper {
  display: flex; 
  justify-content: center; 
  margin-top: 80px; 
  margin-bottom: 100px;
}

.design-process-image-wrapper img {
  width: 50%;
}

.project-overview-wrapper {
  display: flex; 
  justify-content: space-between;
}

.project-overview-wrapper p {
  margin-bottom: 25px;
}

.background-wrapper {
  display: flex;
  justify-content: space-between;
}

.next-project-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 130px;
  margin-bottom: 130px;
}

.next-project-wrapper p {
  margin-bottom: 0;
  position: relative;
  color: #3c3c43fa;
  transition: 1s; 
}

.next-project-wrapper a {
  position: relative;
  cursor: pointer;
}

.next-project-wrapper i {
  color: #73738a8a;
  font-size: 60px;
}

.circle {
  height: 100px;
  width: 100px;
  background-color: #b6b6c29c;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: -18px;
  left: -70px;
  transition: width 1s; 
}

.next-project-wrapper a:hover .circle {
  width: 230px;
  background-color: #b6b6c243;
}

.next-project-wrapper a:hover i {
  color: #fff;
}

.next-project-wrapper a:hover p {
  color: #333;
  font-size: 25px;
}

.next-project-link a:hover .next-project-wrapper {
  margin-bottom: 145px;
}

.next-projects-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.next-projects-inner-wrapper {
  padding: 30px;
  border-radius: 30px;
}

.nhs-next-project {
  background-color: rgb(70, 106, 149);
  width: 33%;
}

.mot-next-project {
  background-color: rgb(100, 110, 118);
  width: 33%;
}

.nhs-next-project img {
  width: 100%;
}

.mot-next-project img {
  width: 100%;
}

.next-project {
  padding-top: 70px;
  padding-bottom: 70px;
}

.prison-background {
  background-image: url("img/prison.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.prison-background p {
  color: white;
  font-size: 18px;
  margin-bottom: 25px;
}

.top-contacts.contacts-box-elements {
  margin-top: 0;
}

.top-contacts .contacts a {
  font-size: 15px;
} 

/* 
.fixed-top {
  top: 71px;
} */

.award_container {
  display: flex;
  flex-direction: row;
  gap: 40px;
  margin: 50px 0;
}

.award_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #F9F9F9;
  box-shadow: 3px 4px 4px #a19e9e45;
  padding: 30px;
  border-radius: 30px;
  width: 25%;
  gap: 10px;
  transition: all 0.5s ease-out;
  background-position: 1% 50%;
  background-size: 300% 300%;
  background-image: linear-gradient(45deg, transparent 0%, transparent 75%, rgba(255,255,255,0.3) 75%, transparent 100%);
}

.award_box img {
  width: 30%;
}

.award_name {
  font-family: 'Poppins-Medium'; 
  text-align: center;
  color: #433E52;
  margin-bottom: 0;
  font-size: 16px;
}

.award_issuer {
  font-family: 'Poppins-Light';
  text-align: center;
  color: #433E52;
  margin-bottom: 0; 
  font-size: 13px;
}

.about-work {
  padding: 100px 0;
}

.bold-text {
  font-family: 'Poppins-SemiBold';
}

.work-about li {
  margin-bottom: 15px;
}

.about-life-wrapper {
  background-color: #fafafa;
  padding: 100px 0;
}

.in-life-header {
  align-self: flex-end;
  margin: 0 0 80px 0;
}

.explorer-image {
  justify-content: flex-start;
}

.card {
  position: relative;
  width: 336px;
  height: 468px;
  margin: 30px;
  transform: rotate(-4deg);
  border: 0;
  transition: 1s;
}

.card .image {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  transform: translate(10px, 10px);
}

 .card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 362px;
  height: 495px;
  border: 25px solid #fff;
  z-index: 1;
  background: linear-gradient(145deg, #ffffff, #e6e6e6);
  box-shadow: 7px 7px 21px #bdbdbd, -7px -7px 21px #ffffff;
  background: transparent;
}

 .card::before {
  filter: url(#wavy2);
}

.image2 {
  background-image: url("img/explorer.jpg");
}

 .card .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 30px 30px 30px;
  transform: translate(10px, 10px);
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 1.4;
  font-size: 20px;
  opacity: 0;
  transition-duration: 0.5s;
}

.card:hover .info {
  opacity: 1;
}


/* gallery */

.gallery img {
	width: 100%;
	display: block;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	transition: transform 1000ms;
}

.gallery {
	list-style: none;
	margin-top: 60px;
	padding: 0;
	display: grid;
	gap: 0.5rem;
	grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
	max-width: 100%;
	width: 50rem;
}

.gallery figure {
	margin: 0;
	position: relative;
	overflow: hidden;
}

.gallery figure::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200%;
	height: 200%;
	transform-origin: center;
	opacity: 0;
	transform: scale(2);
	transition: opacity 300ms;
}


@media (prefers-reduced-motion: no-preference) {
	.gallery figcaption {
		transform: translate3d(0, 2rem, 0);
	}
	
	.gallery figure::after {
		border-radius: 50%;
		opacity: 1;
		transform: scale(0);
		transition: transform 900ms;
	}
	
	.gallery li:is(:hover, :focus) figure::after {
		transform: scale(2.5);
	}

	.gallery li:is(:hover, :focus) figcaption {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		transition: opacity 600ms 400ms, transform 600ms 400ms;
	}

	.gallery li:is(:hover, :focus) img {
		transform: scale(1.2);
	}
}

/* new project */

.project_box-outer {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.project-wrapper {
  padding-top: 100px;
}

.project_box {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 60px 40px;
  justify-content: center;
}

.project_box-nhs {
  background-color: #466A95;
}

.project_box.project_box-covid {
  background-color: #218278;
  padding: 100px 40px;
}

.project_box-mot {
  background-color: #646e76;
}

.project_box img {
  transition: transform 900ms;
  width: 40%;
}

.project_box:hover img {
  transform: scale(1.1);
  transition: transform 900ms;
}

.project_box-description {
  width: 40%;
  text-align: left;
  padding: 30px;
  color: #fff;
  border-radius: 20px;
}

.project_box-description h3 {
  font-size: 35px;
  color: #fff;
  margin-bottom: 25px;
}

.project_box-description p {
  font-family: 'Poppins-Light';
  font-size: 16px;
}

.tags_box {
  display: flex;
  gap: 10px;
  color: #fff;
  margin-top: 20px;
}

.tags_box p {
  background-color: #f7f6f9d6;
  color: #3f464e;
  padding: 3px 9px;
  border-radius: 5px;
  font-size: 12px;
  font-family: 'Poppins-Regular';
  display: flex;
  align-items: center;
  text-align: center;
  /* nice gradient */
  /* background-image: linear-gradient(-25deg, #616161 0%, #96B7C4 100%); */
}

.tags_box.tags_box-covid p {
  background-color: #d7e6e4e8;
  color: #343b3a;
}

.project-link_box {
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: 10px;
}

.project-link {
  color: #fff;
  font-family: 'Poppins-Light';
  font-size: 16px;
}

@keyframes bounceright {
  from { transform: translateX(0); }
  to   { transform: translateX(4px); }
}
@-webkit-keyframes bounceright {
  from { -webkit-transform: translateX(0); }
  to   { -webkit-transform: translateX(4px); }
}

.project_box:hover svg {
  -webkit-animation: bounceright .4s alternate ease infinite;
  animation: bounceright .4s alternate ease infinite;
}

@font-face {
  font-family: HomemadeApple-Regular;
  src: url(fonts/Homemade_Apple/HomemadeApple-Regular.ttf);
}

@font-face {
  font-family: Poppins-Light;
  src: url(fonts/Poppins/Poppins-Light.ttf);
}

@font-face {
  font-family: Poppins-Italic;
  src: url(fonts/Poppins/Poppins-Lightitalic.ttf);
}

@font-face {
  font-family: Poppins-Medium-Italic;
  src: url(fonts/Poppins/Poppins-MediumItalic.ttf);
}

@font-face {
  font-family: Poppins-Regular;
  src: url(fonts/Poppins/Poppins-Regular.ttf);
}

@font-face {
  font-family: Poppins-Medium;
  src: url(fonts/Poppins/Poppins-Medium.ttf);
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url(fonts/Poppins/Poppins-SemiBold.ttf);
}

@font-face {
  font-family: Rubik-Light;
  src: url(fonts/Rubik/Rubik-Light.ttf);
}

@font-face {
  font-family: Rubik-Regular;
  src: url(fonts/Rubik/Rubik-Regular.ttf);
}

@font-face {
  font-family: Rubik-Medium;
  src: url(fonts/Rubik/Rubik-Medium.ttf);
}

@font-face {
  font-family: Parisienne-Regular;
  src: url(fonts/Parisienne/Parisienne-Regular.ttf);
}


@font-face {
  font-family: Copperplate;
  src: url(fonts/Copperplate/Copperplate.ttf);
}

@font-face {
  font-family: CopperplateBold;
  src: url(fonts/Copperplate/CopperplateBold.ttf);
}

@keyframes drop {
  0%   {top:6px;}
  50%  {top:16px;}
  100% {top:25px; opacity: 0;}
}

body {
  font-family: Poppins-Regular;
  font-size: 17px;
}

p {
  text-align: left;
}

a {
  color: rgb(33,37,41);
  text-decoration: none;
}

a:hover {
  color: #fff;
}

.row {
  margin-right: 0;
  margin-left: 0;
  flex-wrap: unset;
}

h2 {
  font-family: HomemadeApple-Regular;
  font-size: 40px;
  color: #433e52;
  text-align: center;
  position: relative;
  width: fit-content;
  line-height: inherit;
  margin: 0 auto;
  margin-bottom: 80px;
}

h2:after {
  content: "";
  display: block;
  margin: auto;
  height: 3px;
  border-radius: 100%;
  left: 25%;
  bottom: -10px;
  width: 50%;
  background: #433e52;
  position: absolute;
}

.scroll-top-hidden {
  opacity: 0;
  bottom: 90px;
}

.scroll-top-visible {
  opacity: 1 !important;
  bottom: 30px;
}

.scroll-top {
  position: fixed;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  right: 30px;
  font-size: 20px;
  color: #3a394b;
  transition: all 0.55s ease;
  z-index: 9999;
  border-radius: 50%;
  background-color: #e8d1d2;
}

.background {
  width: 100%;
  height: 100%;
  background-color: rgba(67, 62, 82, 0.2);
  display: flex;
  align-items: center;
}

.project-breadcrumb {
  display: block;
  margin-top: 70px;
}

.project-breadcrumb i {
  padding-right: 5px;
}

.project-breadcrumb:hover {
  color: rgb(33, 37, 41);
  text-decoration: underline;
}

/* HEADER */

header {
  background-image: url("img/header-background.jpg");
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.logo {
  width: 5%;
  display:flex;
}

/* NAV-start */

.navbar-collapse {
  flex-grow: 0;
}

.nav-item {
  position: relative;
}

.nav-item:after {
  content: "";
  display: block;
  margin: auto;
  height: 5px;
  border-radius: 5px;
  width: 0;
  background: transparent;
  transition: all 0.3s;
  position: absolute;
  bottom: 0px;
}

.nav-item:hover::after, .nav-item:active::after, .nav-item.active:after {
  background: #fff;
  width: 100%;
}

.nav-link {
  font-size: 18px;
  color: #fff;
  padding: 36px 27px;
}

.nav-link:hover, .nav-link:active, .nav-link:focus, .nav-link:visited {
  color: #fff;
}

.navbar-toggler:focus {
  box-shadow: none;
  outline: 0;
}

/* Mobile */

.navbar-toggler {
  border: 2px solid #fff;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* NAV-end */


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

.text-wrapper {
  color: #fff;
  font-family: Rubik-Light;
  font-size: 80px;
  margin: 80px 0 90px 15%;
  display: flex;
}

.text-change-wrapper {
    font-weight: 700;
    font-family: Rubik-Regular;
    position: relative;
}

.base-text {
  display:inline-block;
  margin-right: 20px;
}

.text {
  overflow: hidden;
  transition: width 1s linear;
  width: 0;

}

.visible {
  width: 100%;
  border-right: 2px solid #fff;
}

.notvisible {
  display: none;
}

.text-change-wrapper {
   display: flex;
}

.text-hidden {
  display: none;
}

.text-small {
  display: none;
}

.about-CV-button {
  text-align: center;

}

.primary_button {
  color: #fff;
  background-color: #433e52;
  border-radius: 40px;
  text-decoration: none;
  transition: all 0.5s ease-out;
  background-position: 1% 50%;
  background-size: 300% 300%;
  background-image: linear-gradient(45deg, transparent 0%, transparent 75%, rgba(255,255,255,0.6) 75%, transparent 100%);
}

.about-CV-button a {
  font-size: 20px;
  padding: 23px 50px;
  display: inline-block;
}

.primary_button:hover {
    color: #fff;
    box-shadow: 0 0.7em 0.8em -0.3em #433e529e;
    background-position: 150% top;
}

.header-wrapper-scroller {
  position: absolute;
  left: 50%;
  bottom: 50px;
  border: 2px solid #fff;
  border-radius: 16px;
  height: 50px;
  width: 30px;
  margin-left: -15px;
  display: block;
  z-index: 10;
  opacity: 0.8;
}

.wheel {
  position: relative;
  border-radius: 10px;
  background: #fff;
  width: 4px;
  height: 10px;
  top: 6px;
  margin-left: auto;
  margin-right: auto;
  -webkit-animation-name: drop;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-name: drop;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-play-state: running;
}


/* ABOUT ME */

.logo {
  fill: #01ffc7;
  stroke: #01ffc7;
  stroke-width: 3px;
  stroke-dasharray: 3115px;
}

#logo:hover .logo {
  animation-duration: 2.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  transition-property: fill;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.logo img {
  width: 100%;
}

.about-inner-wrapper {
  display: flex;
  align-items: flex-start;
}

.about-inner-wrapper svg {
  display: none;
}

.about-box-elements {
  padding-left: 0;
  padding-right: 40px;
}

.about-list {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 120px;
}

.about-list li {
  display: flex;
  align-items: center;
  margin-bottom: 55px;
}

.about-list-icon {
  background-color: #433e52;
  padding: 9px 9px;
  margin-right: 25px;
  border-radius: 50px;
}

.about-list li:last-child {
  border-bottom: none;
}

.about-list li p {
  margin-bottom: 0px;
  font-size: 17px;
  text-align: left;
}

.about-list img {
  width: 46px;
}

.about-contacts-wrapper {
  background-color: rgb(195 184 226 / 33%);
  margin-top: 75px;
}

.about-contacts-wrapper div {
  padding: 20px 15px;
  border-right: 1px dashed #b9abde;
  text-align: center;
}

.about-contacts-wrapper div:last-child {
  border-right: 0;
}

.about-contacts-wrapper svg {
  display: block;
  font-size: 21px;
  margin-bottom: 10px;
}

.about-box-img {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.about-box-img-wrapper {
  max-width: 620px;
}


/* SKILLS */

.project_overview-wrapper, .project_process-wrapper {
  padding: 70px 0;
  /* background-color: #fafafa; */
}

.skills-wrapper {
  padding: 100px 0;
  background-color: #fafafa;
}

.skills-inner-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

 .skills-inner-wrapper .skills-box-wrapper:nth-child(1), .skills-inner-wrapper .skills-box-wrapper:nth-child(2), .skills-inner-wrapper .skills-box-wrapper:nth-child(3) {
  border-bottom: 1px dashed #6864744a;
}

.skills-box-wrapper {
  position: relative;
  padding: 0;
  overflow: hidden;
  text-align: center;
  border-right: 1px dashed #6864744a;
}

.skills-box-wrapper:nth-child(3), .skills-box-wrapper:last-child {
  border-right: none;
}

.skills-box-wrapper:before {
  background-color: rgb(237 229 230);
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: auto;
  right: -100%;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 0;
}

.skills-box-wrapper:hover:before {
  background-color: #fff;
  right: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.skills-box-inner-wrapper {
  padding: 30px 10%;
  position: relative;
  z-index: 1;
}

.skills-box-header {
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
}

.skills-icon-wrapper {
  border: 2px solid #c1a3a3b8;
  border-radius: 100%;
  background-color: transparent;
  padding: 5px;
}

.skills-icon {
  height: 60px; 
  width: 60px;
}

.skills-icon img {
  width: 100%;
}

/*.skills-icon {
  background-color: #c1a3a3b8;
  padding: 10px;
  border-radius: 100%;
}

.skills-icon img {
  height: 30px;
  width: 30px;
}*/

.skills-title {
  font-family: Rubik-Medium;
  font-size: 22px;
  margin-bottom: 20px;
  color: #433e52;
  text-align: center;
}

.skills-text ul {
  list-style-type: none;
  padding: 0 5px 25px 5px;
  font-family: Poppins-Light;
  margin-bottom: 0;
}

.skills-text ul li {
  padding-bottom: 10px;
}

.tools-wrapper {
  padding: 70px 0;
}

.certificates-wrapper {
  padding: 100px 0;
  background-color: #3a394b;
}

.certificates-title {
  margin-bottom: 90px;
  color: #fff;
}

.certificates-title:after {
  background: #fff;
}

.certificates-holder div {
  width: 33%;
  margin-right: 20px;
}

.certificates-holder div:last-child {
  margin-right: 0px;
}

.certificates-holder {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 40px;
}

.certificates-holder.hide {
  display: none;
}

.certificates-holder img {
  width: 100%;
}

.certificates_inner-wrapper:last-child .container {
  margin-bottom: 0px;
  border-bottom: 0;
}

.certificates-buttons {
  display:flex; 
  justify-content: center;
  margin: 100px 0;
}

.certificates-buttons .project-button {
  padding: 30px 77px;
  border-bottom: 3px solid white;
  border-radius: 0;
  background: transparent;
}

.certificates-buttons .project-button.active {
  border-bottom: 3px solid #d29ca3;
}

.certificates-buttons .project-button:hover {
  border-bottom: 3px solid #d29ca3;
  color: white;
}

.certificates-button-holder {
  text-align: center;
  margin-top: 20px;
  display: none;
}

#show-certificates {
  color: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  cursor: pointer;
}

.primary-button::after {
  content: "";
  display: block;
  margin: auto;
  height: 5px;
  border-radius: 5px;
  width: 0;
  background: transparent;
  transition: all 0.3s;
  position: absolute;
  bottom: 0px;
}

.primary-button:hover::after {
  background: #fff;
  width: 100%;
}

.slider {
  margin: 0 80px;
}

.slider__item {
  padding: 30px;
  overflow: hidden;
  transition: transform .3s;
}

.slick-current + .slick-slide {
  transform: scale(1.2)
}

.slider__img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 25px;
}

.slick-dots li button:before {
  font-size: 11px;
  color: #fff;
  opacity: 0.4;
}

.slick-dots li.slick-active button:before {
  color: #fff;
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  color: #fff;
}

.slick-next {
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
}

.slick-next:before, .slick-prev:before {
  color: #fff;
  opacity: 1;
  border-right: 3px solid currentcolor;
  border-bottom: 3px solid currentcolor;
  content: '';
  position: absolute;
  width: 25px;
  height: 25px
}

.slick-next:before {
  left: -15px;
  top: 35px;
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.slick-prev:before {
    right: 13px;
    top: -27px;
    -moz-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 0.7;
}

.background-theme {
    width: 100%;
    height: 100%;
    padding-top: 100px;
}

.projects-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.project-box:nth-child(3), .project-box:nth-child(4) {
  margin-bottom: 0px;
}

.project-inner-box.covid {
  background-image: url("img/covid-project.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.project-background {
  background-color: #f4f0f496;
  height: 100%;
}

.project-button {
  padding: 20px 40px;
  text-align: center;
  display: inline-block;
}

.project-details {
  color: #433e52;
  text-align: center;
}

.project-details p, .project-details h4 {
  text-align: center;
}

.project-holder {
  padding: 60px 60px 20px 60px;
}

.project-holder-title {
  font-size: 30px;
  margin-bottom: 15px;
}

.project-holder-client {
  font-size: 17px;
  font-family:'Poppins-Light';
  font-style: italic;
  margin-bottom: 20px;
}

.decorative-line {
  width: 110px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.decorative-line img {
  width: 100%;
}

.project-description-holder {
  padding: 40px 60px 60px 60px;
}

.project-description {
  font-size: 15px;
  margin-bottom: 40px;
}

.project-tags-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 20px 60px 0 60px;
  border-top: 1px solid #cfcbd742;
  border-bottom: 1px solid #cfcbd742;
  background-color: #ddd8e275;
  gap: 15px;
}

.project-tags {
  margin-bottom: 20px;
  font-family: 'Poppins-Italic';
  font-size: 15px;
}

.project-tags-dot {
  margin-bottom: 20px;
}

.project-inner-box {
 position: relative;
}

.project-inner-box.dvsa {
  background-image: url("img/dvsa-project.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.project-inner-box.health-check {
  background-image: url("img/health-project.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.project-inner-box.dashboard {
  background-image: url("img/dashboard.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

#testimonials {
  padding: 100px 0;
}

.contacts-wrapper {
  background-color: #3a394b;
  padding: 70px 0;
}

.contacts-box-text {
  padding-right: 50px;
  color: #fff;
  position: relative;
}

.contacts-box-elements {
  position: relative;
  width: 70%;
  height: 100%;
  margin: 0 auto;
  margin-top: 120px;
}

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

.contacts-wrapper-button {
  width: 100%;

}

.contacts-wrapper-button a {
  font-size: 16px;
  background-color: #e7e7e7;
  color: rgb(33, 37, 41);
  /*background-color: rgba(167,175,176,0.6);*/
  padding: 23px 50px;
  border-radius: 40px;
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 40px;
}

.contacts {
  display: flex;
  justify-content: space-around;
}

.contacts-phone, .contacts-email, .contacts-linkedin {
    display: flex;
    align-items: center;
}

.contacts i {
    color: #fff;
    font-size: 19px;
    padding-right: 7px;
}

.contacts a {
    color: #fff;
    text-decoration: none;
    font-family: Poppins-Light;
}

.contacts-box-img img, .about-box-img img {
  width: 100%;
}

.footer-wrapper {
  padding: 25px 0;
  text-align: center;
  background-color: #363544;
}

.footer-wrapper p, .project-footer-wrapper p {
  margin-bottom: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  font-family: "Poppins-Light";
}


/*Project page*/

.project-header-main-wrapper {
  display: flex;
  gap: 200px;
  align-items: center;
}

.project-header-main-wrapper-image {
  flex-grow: 2;
}

.subheader-span {
  font-size: 19px;
  font-family: 'Poppins-Medium';
  margin-bottom: 8px;
  display: block;
}

.project-header-main-wrapper-description p {
  margin-bottom: 10px;  
}

.project-header-main-wrapper-description span {
  margin-bottom: 15px;  
}

.dvsa-background {
  background-image: url("img/DVSA-background.jpg");
  height: 700px;
  position: relative;
}

.dvsa-logo-img {
  width: 300px;
  margin-top: 13px;
}

.project-title {
  position: absolute;
  width: 100%;
  top: 40%;
  left: 0;
  margin: auto;

}

.project_client-image {
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 80%);
  height: 50px;
  width: 100%;
  position: absolute;
  bottom: 20%;
  left: 0;
}

.service-image {
  margin: 50px auto;
  display: block;
  width: 75%;
}

.project_header-wrapper {
  background-color: #006E54;
  height: 150px;
  width: 100%;
}

.project_overview {
  display: inline-block;
}

.project-box {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.project_overview-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.project_overview-title {
  display: inline-block;
  margin-bottom: 0;
  font-family: Rubik-Medium;
  font-size: 25px;
  margin-bottom: 0;
  color: #fff;
  margin-right: 10px;
}

.project_overview-title-wrapper-icon {
  background: #d3bcbb;
  padding: 10px;
  border-radius: 20%;
  margin-right: 15px;
  margin-left: -10px;
}

.project_overview-title-icon {
  display: inline-block;
}

.project_overview-text ul li {
  margin-bottom: 10px;
  text-align: left;
}

.project-image-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgb(137 126 169 / 35%);
}

.dvsa .project-image-wrapper {
  background-color: rgb(137 126 169 / 35%);
}

.covid .project-image-wrapper {
  background-color: rgba(105, 101, 117,38%);
}

.dvsa .project-image-wrapper {
  background-color: rgb(137 126 169 / 35%);
}

.project_overview-box-wrapper {
  background-color: #fff;
  position: relative;
  padding: 0;
  text-align: center;
  -webkit-box-shadow: 1px 5px 10px 0px rgb(163 163 163 / 49%);
  box-shadow: 3px 5px 10px 0px rgb(235 234 234 / 49%);
  margin-right: 20px;
}


h2.feedback-title:after {
  background: #fff;
}

.quote p {
  color: #fff;
  text-align: center;
  width: 60%;
  margin: 0 auto;
  font-size: 45px;
  font-family: 'Parisienne-Regular';
}

.quote p:after {
  content: "";
  display: block;
  height: 3px;
  border-radius: 100%;
  width: 30%;
  background: #fff;
  position: absolute;
  left: 35%;
  margin-top: 40px;
}


.certificate-card_inner-wrapper p, .certificate-card_inner-wrapper h3 {
  font-family: 'Copperplate';
  color: #433E52;
}

.testimonial-inner-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.quotes-wrapper {
  /*background: #f4f0f496; /* #e3c4c2 */
  padding: 40px 40px 50px 40px;
  color: #232327;
  display: inline-block;
  border-radius: 5%;
  text-align: center;
  position: relative;
}

.project .splide--slide {
  margin-bottom: 40px;
}

.splide__arrow {
  background: transparent;
}

.splide__arrow svg {
  fill: #433e52;
  height: 100px;
  width: 100px;
}

.splide__slide {
  display: flex;
}

.splide__pagination {
  bottom: -10px;
}

.splide__pagination__page {
  background: #bba7bb;
  height: 12px;
  width: 12px;
  margin: 5px;
}

.splide__pagination__page.is-active {
  background: #433e52;
}

.quote-decoration {
  position: relative;
  margin-bottom: 23px;
}

.quote-decoration img {
  width: 37px;
  position: relative;
}

.quote-decoration:before {
  content:"";
  display: block;
  height: 2px;
  width: 100px;
  position: absolute;
  top: 45%;
  left: 23%;
  background: #433e52;
}

.quote-decoration:after {
  content:"";
  display: block;
  height: 2px;
  width: 100px;
  position: absolute;
  top: 45%;
  right: 23%;
  background: #433e52;
}

.quote-author-role {
  text-align: center;
  font-family: 'Poppins-Regular';
  font-size: 20px;
  margin-bottom: 23px;
}

.quote-author-role-decor {
  width: 20%;
  border-bottom: 2px solid #433e52;
  margin: 50px auto 30px auto;
}

.quote-text {
  text-align: center;
  padding: 0 60px;
  font-family: 'Poppins-Light';
}

.quote-author {
  text-align: center;
  margin-bottom: 30px;
}

.certificate p {
  font-family: 'CopperplateBold';
}

.testimonials-wrapper h2 {
  margin-bottom: 50px!important;
}

.project .project-tools-inner-wrapper {
  justify-content: space-around;
  margin-bottom: 40px;
}

.project .project-tools-inner-wrapper:last-child {
  margin-bottom: 0;
}

.nhs-user-journey-image {
  width: 100%;
}

/*covid*/

.project-header {
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.covid-background {
  background-image: url('img/covid-header-background.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  }

.connected-equipment-background {
  background: rgb(70 63 90 / 65%);
}

.health-check-background {
  background: rgb(81 75 97 / 90%);
}

.tools-wrapper .project-tools-wrapper {
  padding: 0;
}

.project-tools-inner-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.project-tools-inner-wrapper:first-child .logo-wrapper {
  margin-bottom: 40px;
}

.logo-wrapper {
  width: 20%;
  display: flex;
  align-items: center;
}

.project-tools-wrapper img {
  width: 100%;
}


@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-250px * 11))}
}


.slider {
	background: white;
/*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);*/
	height: 200px;
	margin: auto;
	overflow:hidden;
	position: relative;
  align-items: center;
  display: flex;
}

	.slider:before,
	.slider:after {
	  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		content: "";
		height: 200px;
		position: absolute;
		width: 100px;
		z-index: 2;
	}

	.slider:after {
		right: 0;
		top: 0;
		transform: rotateZ(180deg);
	}

	.slider:before {
		left: 0;
		top: 0;
	}

	.slide-track {
		animation: scroll 30s linear infinite;
		display: flex;
	  width: calc(250px * 11);
	}

	.slide {
		height: 100px;
		width: 250px;
    margin: 0 30px;
	}

	.slide:first-child {
		margin-left: 200px;
	}


  /* PROJECT */

  .project header {
   /* height: 700px; */
    position: relative;
  }

  /*.project .ctas-background {
    background-image: url("img/covid-header-background.jpg");
  }

  .project .nhs-background {
    background-image: url("img/health-project.jpeg");
  } */

  .covid-project .project-header-main-wrapper-image {
    width: 40%;
  }

  .covid-project .project-header-main-wrapper {
    gap: 200px;
  }

  .connected-equipment-background .project-header-wrapper, .health-check-background .project-header-wrapper {
    width: 65%; 
    left: 17%; 
  }

  .project-header-wrapper {
    width: 50%; 
    position: absolute; 
    top: 35%; 
    left: 26%; 
    border: 1px solid #dddce1; 
    padding: 20px;
  }

  .project-header-inner-wrapper {
    background: #524e608a; 
    color: white; 
    padding: 60px 30px; 
    text-align: center; 
    box-shadow: 2px 2px 8px #47454fe8;
  }

  .project-header-title {
    margin-bottom: 30px; 
    font-size: 40px;
  }

  .project-header-description {
    display: block;
  }

  .project-header-description p {
    display: inline-block;
    margin-bottom: 0;
  }

  .dot {
    height: 7px;
    width: 7px;
    background-color: #bebcc4;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
  }
  
  .project-inner-wrapper {
    margin-bottom: 65px;
  }

  .project h2 {
    margin: 0 0 30px 0;
    font-family: Poppins-Regular;
    font-size: 35px;
    color: #515356;
   }

  .project h2:after {
    display: none;
   }

  .project .project_overview-text {
    padding: 0;
  }

  .covid-background-list {
    margin-top: 20px;
  }

  .covid-background-list li p {
    padding: 3px 10px !important;
  }

  .covid-background-list li:first-child p {
    padding: 3px 12px !important;
  }

  .discovery-steps {
    list-style: none;
    position: relative;
    padding-left: 0;
  }

  .discovery-steps li {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
  }

  .covid-background-list li {
    margin-bottom: 15px !important;
  }

  .discovery-steps li p:first-child {
    background-color: #433e52;
    padding: 6px 13px;
    border-radius: 100%;
    margin-bottom: 0;
    color: #fff;
    margin-right: 15px;
  }

  .discovery-steps li p:nth-child(2) {
    margin: 0;
    padding: 0!important;
  }

  .role-tasks li, .outcome-list li, .team-list li, .problems-list li {
    margin-bottom: 15px;
  }

  .project .testimonials-wrapper {
    background-image: url("img/testimonials.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .project .testimonials-inners-wrapper {
    padding: 70px 0 100px 0;
    background: rgb(96 90 113 / 80%);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }

  .project .quotes-wrapper {
    padding: 40px;
    color: #232327;
    width: 95%;
    border-radius: 30px;
    text-align: center;
    position: relative;
    background: rgb(208 203 220 / 90%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.25)
    }

    .project .quote-text {
      padding: 0;
      font-family: Poppins-Regular;
    }

    .project .quote-author {
      text-align: right;
      font-style: italic;
      margin-bottom: 0;
    }

    .project_process-title {
      margin-bottom: 20px;
      color: #515356;
    }

    .section-wrapper {
      margin-bottom: 50px;
    }

    .discovery-wrapper {
      position: relative;
    }

    .discovery-steps li:first-child p {
      padding: 5px 15px;
    }

    .vertical-line {
      border-left: 3px dashed #433e528f;
      height: 96%;
      position: absolute;
      left: 16px;
      top: 100px;
    }

    .project .quotes-wrapper.statements {
      width: 44%;
      background-color: #f4e2e769;
      padding: 30px; 
      text-align: left;
    }

    .project .quotes-wrapper.statements:first-child {
      margin-right: 30px;
    }

    .problem-statement_title {
      font-family: Poppins-SemiBold;
      color: #433e52;
      position: relative;
      margin-bottom: 25px;
    }

    .project .testimonials-wrapper .splide__slide {
      justify-content: center;
    }

    .project .testimonials-wrapper .splide__arrow {
      height: 35px;
      width: 35px;
      background: rgb(222 217 233);
      padding: 8px;
      top: unset;
    }

    .project .testimonials-wrapper .splide__arrow--prev {
      right: 5em;
      bottom: -80px;
      left: unset;
    }

    .project .testimonials-wrapper .splide__arrow--next {
      right: 2em;
      bottom: -80px;
    }

    .project .testimonials-wrapper .splide__arrow svg {
      fill: #433e52;
    }

    .project .testimonials-wrapper .splide__pagination {
      display: none;
    }

    .project .quotes-wrapper.statements span {
      color: #433e52;
      font-family: Poppins-SemiBold;
    }

    .problem-statement_title:before {
      content: '';
      width: 10%;
      border-bottom: solid 2px #433e52;
      position: absolute;
      left: 0;
      bottom: -4px;
      z-index: 1;
    }

    .statements li {
      list-style: disc;
      display: list-item;
    }

    .project .research-quotes {
      background-color: #f4e2e769;
      width: 100%;
      margin: 20px 0 40px 0;
      border-radius: 15px;
      padding: 35px;
    }

    .research-quotes-title {
      margin-bottom: 20px;
      font-family:'Poppins-SemiBold';
      text-align: center;
    }

    .research-quote {
      font-family: Poppins-Light;
      text-align: center;
    }

    .project-footer-wrapper {
      padding: 25px 0;
      text-align: center;
      background: rgb(250,250,250);
      background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgb(90 83 112 / 19%) 100%);
    }

    .project-footer-wrapper p {
      color: rgb(33, 37, 41);
      font-family: Poppins-Regular;
    } 

    .subheading {
      color: #515356;
      font-size: 22px;
      margin: 32px 0 10px 0;
      font-family: 'Poppins-Medium';
    }

    .subheader {
      font-family: 'Rubik-Medium';
      font-size: 22px;
      color: #515356;
      margin-bottom: 20px;
    }

    /*Case studies*/

    .case-study_header {
      background-color: #f4e2e769;
      padding: 30px;
      margin: 40px 0 60px 0;
    }

    .case-studies-container {
      padding: 70px 0;
    }

    .case-studies-wrapper {
      max-width: 500px;
    }

    .case-study-image {
      background-image: url("img/people.jpeg");
      background-repeat: no-repeat; 
      background-size: cover; 
      min-height: 250px;
      display: flex;
      border-top-right-radius: 30px;
      border-top-left-radius: 30px;
    }

    .nhs-alpha-image {
      background-image: url("img/nhs-case-study-alpha.jpeg");
      background-position: center;
    }

    .dvsa-case-study-image {
      background-image: url("img/dvsa-case-study.jpeg");
      background-position: center;
    }

    .dvsa-case-study-image .case-study-image-inner-wrapper {
      background-color: #3a345138; 
    } 

    .case-study-image-inner-wrapper {
      background-color: #9d98b038;
      display:flex;
      align-items:flex-end;
      width: 100%;
      border-top-right-radius: 30px;
      border-top-left-radius: 30px;
    }

    .case-study-title {
      background-color: #cfcbdce6;
      padding: 15px;
      margin-bottom: 0;
      width: 100%;
      font-size: 20px;
      line-height: normal;
    }

    .case-study-description-wrapper {
      background-color:#433E52;
      padding: 20px;
      width: 100%;
      border-bottom-right-radius: 30px;
      border-bottom-left-radius: 30px;
    }

    .case-study-description {
      grid-column-gap: 10px;
      flex-flow: wrap;
      align-items: flex-start;
      display: flex;
      color: #fff;
      padding-bottom: 15px;
      border-bottom: 1px solid white;
      font-size: 14px;
    } 

    .case-study-description p {
      margin-bottom: 0.5rem;
      font-family: Poppins-Light;
    }

    .case-study-description > div {
      font-size: 21px;
      line-height: 0.6em;
    }

    .case-study-button {
      color: #fff;
      margin-top:20px;
      display: flex;
      align-items: center;
    }

    .case-study-button:hover {
      color: #d1cddd;
    }

    .case-study-button i {
      padding-left: 6px;
    }

    .facts-background {
      background-image: url("img/stats-background.jpeg");
      background-position: left;
      background-position: cover;
    }

    .facts-wrapper {
      padding: 100px 0;
      background-color: #3d384bed;
    }

    .facts-wrapper h2 {
      color: white;
      font-size: 42px;
      margin-bottom: 60px;
    }

    .facts-holder {
      display: flex;
      justify-content: center;
      flex-direction: row;
      gap: 50px;
    }

    .facts-inner-wrapper {
      display: flex;
      flex-direction: column;
      margin-bottom: 30px;
      align-items: center;
      background: #ffffff21;
      padding: 60px 40px;
      width: 30%;
      border-radius: 25px;
      }

    .facts-inner-wrapper p {
      margin-bottom: 0px;
    }

    .facts-number {
      font-size: 55px;
      color: #fff;
      margin-bottom: 20px;
    }

    .facts-sentence {
      font-size: 18px;
      color: #fff;
      text-align: center;
    }

    .problem-facts h3 {
      margin-bottom: 0;
      color: #fff;
      font-size: 22px;
    }

    .problem-facts-sentence {
      text-align: center;
    }

    .problem-facts-wrapper {
      display: flex;
      justify-content: space-between;
      padding: 30px;
      background-color: #433e52d9;
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
      color: #fff;
    }

    .problem-highlight-wrapper {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 30px;
      border-bottom-right-radius: 30px;
      background-color: #433e52;
      justify-content: center;
      margin-bottom: 60px;
    }

    .problem-facts-inner-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .problem-facts-number {
      font-size: 35px;
      margin-bottom: 10px;
    }

    .problem-statement-wrapper, .hypothesis-wrapper, .nhs-health-check .project-inner-wrapper {
      margin-bottom: 70px;
    }

    .problem-statement-inner-wrapper, .hypothesis-inner-wrapper, .statistics-wrapper {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
    }

    .problem-statement-inner-wrapper i {
      color: #e45858;
      padding-right: 25px;
      font-size: 45px;
    }

    .hypothesis-wrapper i {
      color: #ddac0d;
      padding-right: 25px;
      font-size: 45px;
    }

    .statistics-wrapper i {
      color: #504c60;
      padding-right: 15px;
      font-size: 28px;
    }

    .statistics-wrapper h3 {
      margin-bottom: 5px;
    }

    .problem-statement {
      font-size: 22px;  
      margin-bottom: 0;
      color: #515356;
    }

    .problem-highlight {
      font-size: 18px;
      color: #433e52;
      font-family: 'Poppins-Medium';
    }

    .assessors-quotes p {
      font-family: 'Poppins-Italic';
    }

    .temp {
      margin-top: 20px;
      color: #fff;
      margin-bottom: 5px;
    }

    .outcome-feedback-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .outcome-feedback-wrapper p {
      width: 30%;
      padding: 30px;
      font-family: 'Poppins-Italic';
      color: #fff;
      background-color: #433e52;
      height: 200px;
      border-radius: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    /*case study page*/

    .main-case-study-title {
      text-align: left;
      color: #515356;
      margin-bottom: 15px;
    }

    .main-case-study-topic {
      margin: 0 !important;
      text-align: left;
    }

    .discovery-wrapper img {
      padding-left: 50px;
      width: 90%;
      margin-bottom: 50px;
    }

    .statements-wrapper {
      display:flex;
      align-content: center;
      margin-bottom: 40px;
    }

    .case-study-problem-statement-wrapper {
      margin-left: 50px;
    }

    .diagram-wrapper {
      border-left: 8px solid #433e52;
      padding-left: 20px;
      margin: 30px 0 0 0;
    }

    .diagram-inner-wrapper {
      width: 100%;
      margin: 0 0 50px 2px; 
      padding: 50px 0 20px 20px;
      position: relative;
      border-left: 3px dashed #433e528f;
    }
    
    .diagram-inner-wrapper img {
      width: 100%;
    }

    .video-title {
      font-family: Poppins-SemiBold;
      margin: 30px 0 15px 0;
      font-size: 18px;
      color: #515356;
    }

    video {
      max-width: 100%;
    }

    .testing-list {
      padding-left: 20px;
    }

    .testing-list li {
      margin-bottom: 15px;
    }

    .case-study .section-wrapper {
      margin-bottom: 55px;
    }

    .tools-mobile {
      display: none;
    }

    .research-methods-wrapper span {
      font-family: 'Poppins-SemiBold';
    }

    .project-users-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }

    .users-inner-wrapper {
      display: flex;
      align-items: center;
      flex-direction: column;
      margin-bottom: 30px;
      width: 45%;
    }

    .alpha-case-study img {
      margin: 10px auto 30px auto;
      width: 80%;
    }

    .changes-wrapper img {
      width: 60%;
    }

    .alpha-case-study .users-inner-wrapper img {
      width: 100px;
      height: 170px;
    }

    .users-description {
      background-color: #faf7f8;
    }

    .users-title {
      background-color: #f7f0f2;
      padding: 20px;
      min-height: 90px;
      display: flex;
      align-items: center;
    }

    .alpha-case-study .section-wrapper {
      display: flex;
      flex-direction: column;
    }

    .mini-header {
      font-size: 20px;
      color: #515356;
      font-family: 'Poppins-Medium';
      margin-top: 25px;
    }

    .home-tools {
      display: none;
    }

    .home-tools .logo-wrapper {
      margin-bottom: 30px;
      width: 45%;
    }

/* MEDIA */

@media only screen and (min-width: 767px) {
  .award_box:hover {
    transform: scale(1.1);
    background-position: 150% top;
  }
}

@media only screen and (min-width: 992px) {
  .navbar {
    min-height: 100px;
    padding: 0;
    background-color: rgba(67, 62, 82, 0.8);
  }
}

@media only screen and (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1400px;
  }
}

@media only screen and (min-width: 1200px) {

  .certificates_inner-wrapper-box_mobile {
    display: none;
  }

  .card:hover {
    transform: scale(1.2) rotate(720deg);
  }  

  .about-header {
    margin: 0 0 80px 0;
  }

}

@media only screen and (max-width: 1433px) {

  .project-header-wrapper {
    width: 60%;
    left: 21%;
  }

  .connected-equipment-background .project-header-wrapper {
    width: 75%; 
    left: 12%; 
  }

  .project-tags-wrapper {
    justify-content: start;
  }
}

@media only screen and (max-width: 1406px) {

  .column-gap-5 {
    column-gap: 2.5rem!important;
  }

}

@media only screen and (max-width: 1400px) {

  .about-inner-wrapper {
    align-items: normal;
  }

  .about-list {
    margin-bottom: 100px;
  }

  .quote-decoration:before, .quote-decoration:after {
    width: 70px;
  }

  .gallery {
    grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));
  }

  .card {
    margin: 0;
  }

  .project_box-description {
    width: 50%;
  }

  .award_container {
    justify-content: space-between;
  }

  .award_box {
    width: 30%;
  }
}

@media only screen and (max-width: 1226px) {

  .column-gap-5 {
    column-gap: 2rem!important;
  }

}

@media only screen and (max-width: 1200px) and (min-width: 992px)  {

  .project-tags-wrapper {
    flex-direction: column;
  }

  .project-tags {
    margin-bottom: 8px;
  }

  .project-tags:last-child {
    margin-bottom: 20px;
  }

  .project-tags-dot {
    height: 5px;
    width: 5px;
    margin-bottom: 8px;
  }

}

@media only screen and (max-width: 1200px) {

  .service-image {
    width: 100%;
  }

  .design-process-image-wrapper img {
    width: 60%;
  }

  .about-box-img {
    margin-top: 25px;
    justify-content: center;
  }

  .award_box {
    gap: 20px;
  }

  .award_box img {
    width: 20%;
  }

  .about-inner-wrapper {
    flex-direction: column;
  }

  .in-life-header {
    align-self: center;
  }

  .in-life {
    flex-direction: column;
    align-items: center;
  }

  .gallery {
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr))
  }

  .explorer-image {
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
  }

  .about-list {
    margin-bottom: 80px;
  }

  .about-list li {
    margin-bottom: 40px;
  }

  .about-list li p {
    font-size: 16px;
  }

  .about-list img {
    width: 40px;
  }

  .about-CV-button a {
    font-size: 18px;
    padding: 20px 36px;
  }

  .project_box-description {
    width: 60%;
  }
  
  .text-wrapper {
    font-size: 75px;
    margin: 80px 0 90px 6%;
  }

  .nhs-user-journey-image {
    width: 100%;
  }

  @keyframes scroll {
  	0% { transform: translateX(0); }
  	100% { transform: translateX(calc(-250px * 13))}
  }

  .slide-track {
	  width: calc(250px * 13);
	}

  .certificates_inner-wrapper {
    display: none;
  }

  .certificates_inner-wrapper-box_mobile {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .certificates_inner-wrapper-box_mobile > div {
    margin-bottom: 20px;
  }

  .certificates_inner-wrapper-box_mobile img {
    max-width: 31%;
    margin-bottom: 20px;
  }

  .certificates-button-holder {
    display: block;
  }

  .quote p {
    font-size: 40px;
  }

  .project-header-wrapper {
    top: 30%;
  }

  .project-header-main-wrapper {
    gap: 150px;
  }

  .project-header-description p {
    display: block;
    margin-bottom: 1rem;
    text-align: center;
  }

  .project-header-dot {
    display: none;
  }

  .quote-decoration:before, .quote-decoration:after {
    width: 55px;
  }

  .users-description {
    min-height: 335px;
  }

  .changes-wrapper img {
    width: 80%;
  }

  .facts-holder {
    gap: 30px;
    flex-wrap: wrap;
  }

  .facts-inner-wrapper {
    margin-bottom: unset;
    width: 48%;
  }

  .contacts {
    flex-direction: column;
    align-items: center;
  }

  .contacts div {
    margin-top: 25px;
  }

  .contacts-box-elements {
    margin-top: 80px;
}

}

@media only screen and (max-width: 1014px) {

  .column-gap-5 {
    column-gap: 1.3rem!important;
  }

}

@media only screen and (max-width: 991px) {

  .project-feedback-quote {
    font-size: 20px;
  }

  .project-feedback-inner-wrapper img {
    width: 10%;
  }
  
  .highlight-section {
    width: 100%;
  }

  .highlight-section.exception {
    width: 80%;
  }

  .design-process-image-wrapper img {
    width: 70%;
  }

  .background-wrapper {
    flex-direction: column;
  }

  .project-overview-wrapper {
    flex-direction: column;
  }

  .project-header-main-wrapper-description {
    margin-top: 40px;
  }

  .about-work, .about-life-wrapper, .skills-wrapper, .certificates-wrapper, #testimonials {
    padding: 70px 0;
  }

  .project-wrapper {
    padding-top: 70px;
  }

  .tools-wrapper{
    padding-bottom: 40px;
  }

  .logo {
    width: 8%;
  }

  .navbar {
    background-color: rgba(67, 62, 82, 1);
  }

  .navbar-nav {
    align-items: center;
    margin-top: 20px;
    margin-bottom: 0px!important;
  }

  .nav-link {
    padding: 25px;
  }

  .nav-item {
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #ffffff4f;
  }

  .nav-item:last-child {
    border-bottom: 0;
  }

  .nav-item:after {
    display:none;
  }

  .nav-item.active, .nav-item:hover, .nav-item:focus, .nav-item:active {
    background-color: #767087;
  }

  .text-wrapper {
    font-size: 57px;
    margin: 80px 0 90px 3%;
  }

  .about-CV-button a {
    font-size: 19px;
    padding: 22px 38px;
  }

  .award_box img {
    width: 30%;
  }

  .gallery {
    grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr))
  }

  .project_box {
    flex-direction: column;
    padding: 40px;
  }

  .project_box.project_box-covid {
    flex-direction: column-reverse;
    padding-bottom: 40px;
    padding-top: 80px;
  }

  .project_box-covid .project_box-description {
    margin-top: 60px;
  }

  .project_box img {
    width: 50%;
  }

  .project_box-description {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
  }

  .project_box-description p {
    text-align: center;
  }

  .skills-inner-wrapper .skills-box-wrapper:nth-child(2) {
   border-right: none;
  }

  .skills-inner-wrapper .skills-box-wrapper:nth-child(3) {
   border-right: 1px dashed #6864744a;
  }

  .skills-inner-wrapper .skills-box-wrapper:nth-child(4) {
   border-right: none;
   border-bottom: 1px dashed #6864744a;
  }

  .skills-box-wrapper:hover:before {
    display: none;
  }

  @keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 14))}
  }

  .slide-track {
    width: calc(250px * 14);
  }

  .project-box {
    margin-bottom: 30px;
  }

  .project-box:last-child {
    margin-bottom: 0;
  }

  .project-inner-box {
    display: none;
  }

  .project-header-main-wrapper {
    flex-direction: column;
    margin-top: 190px;
    gap: 80px;
  }

  .project-background.covid {
    background-image: url("img/covid-project.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }

  .project-background.dvsa {
    background-image: url("img/dvsa-project.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }

  .project-background.health-check {
    background-image: url("img/health-project.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }

  .project-background.health-check .project-details {
    background-color: #f4f0f4eb;
  }

  .project-background.covid .project-details {
    background-color: #f4f0f4e8;
  }

  .project-background.dvsa .project-details {
    background-color: #f4f0f4e8;
  }

  .certificates_inner-wrapper-box_mobile img {
    max-width: 48%;
  }

  .certificates_inner-wrapper-box_mobile img:nth-child(2n+1) {
    margin-right: 20px;
  }

  .quote-text {
    padding: 0 50px;
  }

  .quote p {
    width: 100%;
  }

  .project-header-wrapper {
    width: 70%;
    left: 15%;
    top: 28%;
  }

  .project-header-title {
    font-size: 35px;
  }

  .project .project-text-wrapper {
    width: 100%;
  }

  .logo-wrapper {
    width: 43%;
  }

  .project-tools-inner-wrapper:first-child .logo-wrapper {
    margin-bottom: 30px;
  }

  .project .testimonials-wrapper .splide__slide {
    width: 100% !important;
  }

  .quote-decoration:before, .quote-decoration:after {
    width: 100px;
  }

  .problem-facts-inner-wrapper {
    margin-right: 20px;
  }

  .problem-facts-inner-wrapper-last-child {
    margin-right: 0;
  }

  .project-breadcrumb {
    margin-top: 40px;
  }

  .statements-wrapper {
    flex-direction: column;
  }

  .project .quotes-wrapper.statements {
    width: 100%;
  }

  .project .quotes-wrapper.statements:first-child {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .tools-desktop {
    display: none;
  }

  .tools-mobile {
    display: block;
  }

  .outcome-feedback-wrapper p {
    width: 48%;
  }

  .health-check-background .project-header-wrapper {
    width: 80%;
    left: 10%;
  }

  .users-description {
    min-height: 357px;
  }

  .users-title {
    min-height: 112px;
  }

  .alpha-case-study img {
    width: 100%;
  }

  .project .testimonials-wrapper .splide__arrow--prev {
    right: 52%;
  }

  .project .testimonials-wrapper .splide__arrow--next {
    right: 45%;
  }

  .facts-inner-wrapper {
    width: 80%;
  }

  .covid-project .project-header-main-wrapper {
    gap: 10px;
    margin-top: 120px;
  }

  .covid-project .project-header-main-wrapper-image {
    width: 60%;
  }

  .project .project-tools-inner-wrapper {
    margin-bottom: 0;
  }

  .project .logo-wrapper {
    margin-bottom: 20px;
  }

}

@media only screen and (max-width: 991px) and (min-width: 768px) {

  .project-tags-wrapper {
    justify-content: space-around;
  }

}

@media only screen and (max-width: 767px) {

  .project-feedback-wrapper {
    padding: 70px 0px;
  }

  .design-process-image-wrapper img {
    width: 90%;
  }

  .logo {
    width: 10%;
  }

  .text-wrapper {
    font-size: 42px;
    margin: 55px 0 55px 0%;
  }

  .header-wrapper-image img {
    width: 60%;
  }

  .header-wrapper-scroller {
    height: 45px;
    width: 25px;
  }

  .wheel {
    height: 8px;
    width: 3px;
  }

  .award_container {
    gap: 15px;
  }

  .project_box-description {
    width: 100%;
  }

  .project_box-description h3 {
    font-size: 30px;
  }

  .project_box img {
    width: 60%;
  }

  .my-skills-title {
    margin-bottom: 40px;
  }

  .skills-box-inner-wrapper {
    padding: 30px 20%;
  }

  .skills-inner-wrapper .skills-box-wrapper:nth-child(1), .skills-inner-wrapper .skills-box-wrapper:nth-child(3), .skills-inner-wrapper .skills-box-wrapper:nth-child(5) {
   border-right: none;
  }

  .skills-inner-wrapper .skills-box-wrapper:nth-child(5) {
   border-bottom: 1px dashed #6864744a;
  }

  .skills-box-wrapper:last-child .skills-box-inner-wrapper, .skills-box-wrapper:last-child .skills-box-inner-wrapper ul {
    padding-bottom: 0
  }

  @keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 15))}
  }

  .slide-track {
    width: calc(250px * 15);
  }

  .logo-wrapper {
    width: 49%;
  }

  .quote-decoration:before, .quote-decoration:after {
    width: 70px;
  }

  .project-tags-wrapper {
    flex-direction: column;
  }

  .project-tags {
    margin-bottom: 8px;
  }

  .project-tags:last-child {
    margin-bottom: 20px;
  }

  .project-tags-dot {
    height: 5px;
    width: 5px;
    margin-bottom: 8px;
  }

  .problem-statement-inner-wrapper {
    align-items: center;
  }

  .problem-facts-wrapper {
    flex-direction: column;
  }

 .problem-facts-inner-wrapper {
    margin-bottom: 15px;
  }

  .problem-facts-inner-wrapper:last-child {
    margin-bottom: 0;
  }

  .problem-facts-number {
    margin-bottom: 5px;
  }

  .outcome-feedback-wrapper p {
    height: 250px;
    width: 49%;
  }

  .project-users-wrapper {
    flex-direction: column;
  }

  .users-inner-wrapper {
    width: 100%;
  }

  .users-description {
    min-height: unset;
  }

  .project h2 {
    font-size: 30px;
  }

  .project .testimonials-wrapper .splide__arrow--prev {
    right: 53%;
  }

  .project .testimonials-wrapper .splide__arrow--next {
    right: 43%;
  }

  .project-details {
    padding: 50px 30px;
  }

  .home-tools {
    display: flex;
  }

  .slider {
    display: none;
  }

  .facts-inner-wrapper {
    width: 0%;
  }

}

@media only screen and (max-width: 576px) {

  .project-feedback-quote {
    font-size: 17px;
  }

  .design-process-image-wrapper img {
    width: 100%;
  }

  .header-wrapper-scroller {
    display: none;
  }

  .award_container {
    gap: 30px;
    flex-direction: column;
    align-items: center;
  }

  .award_box {
    width: 50%
  }

  .card {
    transform: none;
  }

  .project_box-description {
    margin-top: 15px;
  }

  .project_box-covid .project_box-description {
    margin-top: 40px;
  }

  .project_box img {
    width: 90%;
  }

  .certificates_inner-wrapper-box_mobile {
    justify-content: center;
  }

  .certificates_inner-wrapper-box_mobile img {
    max-width: 65%;
  }

  .certificates_inner-wrapper-box_mobile img:nth-child(2n+1) {
    margin-right: 0;
  }

  .quote p {
    font-size: 35px;
  }

  .project-header-wrapper {
    top: 25%;
  }

  .covid-project .project-header-main-wrapper-image {
    width: 80%;
  }

}

@media only screen and (max-width: 548px) {

  .header-wrapper-image img {
    width: 65%;
  }

  .text-wrapper {
    display: block;
    font-size: 55px;
  }

  .base-text {
    margin-right: 0;
  }

  .text-change-wrapper {
    display: block;
    margin-top: 20px;
  }

  .text {
    display: none;
  }

  .text-small {
    display: block;
  }

  .card {
    width: 285px;
    height: 425px;
    transition: none;
  }

  .card:before {
    width: 315px;
    height: 455px;
  }

  .quote-text {
    padding: 0 35px;
  }

  .quote-decoration:before {
    left: 15%;
  }

  .quote-decoration:after {
    right: 15%;
  }

  .facts-inner-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .facts-number {
    margin-right: 0;
  }

  .facts-inner-wrapper p {
    text-align: center;
  }

  .outcome-feedback-wrapper p {
    width: 100%;
    height: auto;
  }

  .project h2 {
    font-size: 25px;
  }

}

@media only screen and (max-width: 525px) {

  .project_box h3 {
    font-size: 28px;
    text-align: center;
  }

}

@media only screen and (max-width: 470px) {

  .logo {
    width: 12%;
  }

  .text-wrapper {
    font-size: 50px;
  }

  .award_box {
    width: 80%;
  }

  .award_box img {
    width: 20%;
  }

  .card {
    width: 270px;
    height: 425px;
  }

  .card:before {
    width: 295px;
    height: 445px;
  }

  .tags_box {
    flex-direction: column;
    gap: 0;
  }

  .project_box {
    padding: 40px 30px;
  }

  .project_box.project_box-covid {
    padding-top: 70px;
    padding-bottom: 40px;
  }

  @keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 16))}
  }

  .slide-track {
    width: calc(250px * 16);
  }

  .certificates_inner-wrapper-box_mobile img {
    max-width: 75%;
  }

  .project-header-wrapper {
    width: 80%;
    left: 10%;
  }

  .project-header-title {
    font-size: 30px;
  }

  .connected-equipment-background .project-header-wrapper {
    width: 95%;
    left: 8px;
  }

  .project .testimonials-wrapper .splide__arrow--prev {
    right: 55%;
  }

  .project .testimonials-wrapper .splide__arrow--next {
    right: 40%;
  }

}

@media only screen and (max-width: 410px) {

  .logo {
    width: 15%;
  }

  .card {
    width: 250px;
    height: 396px;
  }

  .card:before {
    width: 278px;
    height: 426px;
  }

  .quote p {
    font-size: 30px;
  }

  .quote-text {
    padding: 0 20px;
  }

  .quote-decoration:before, .quote-decoration:after {
    width: 40px;
  }

  .statistics-wrapper {
    align-items: center;
  }


  .health-check-background .project-header-wrapper {
    width: 95%;
    left: 8px;
  }

}

@media only screen and (max-width: 360px) {

  .text-wrapper {
    font-size: 45px;
  }

  .certificates_inner-wrapper-box_mobile img {
    max-width: 80%;
  }

  .quote-text {
    padding: 0 15px;
  }

  .project-header-wrapper {
    top: 20%;
  }

}