@font-face {
	font-family: "Konnect-Regular";
	src: url("https://db.onlinewebfonts.com/t/3fed18a36b9edde1d5eabdc89d6bcb94.eot");
	src: url("https://db.onlinewebfonts.com/t/3fed18a36b9edde1d5eabdc89d6bcb94.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/3fed18a36b9edde1d5eabdc89d6bcb94.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/3fed18a36b9edde1d5eabdc89d6bcb94.woff") format("woff"), url("https://db.onlinewebfonts.com/t/3fed18a36b9edde1d5eabdc89d6bcb94.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/3fed18a36b9edde1d5eabdc89d6bcb94.svg#Konnect-Regular") format("svg");
  }
  @font-face {
	font-family: "Konnect-Medium";
	src: url("https://db.onlinewebfonts.com/t/77bfec01862883e7d34a59c40156fe2f.eot");
	src: url("https://db.onlinewebfonts.com/t/77bfec01862883e7d34a59c40156fe2f.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/77bfec01862883e7d34a59c40156fe2f.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/77bfec01862883e7d34a59c40156fe2f.woff") format("woff"), url("https://db.onlinewebfonts.com/t/77bfec01862883e7d34a59c40156fe2f.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/77bfec01862883e7d34a59c40156fe2f.svg#Konnect-Medium") format("svg");
  }
  @font-face {
	font-family: isidora;
	font-style: normal;
	font-weight: 250;
	src: url("/fonts/isidora/isidora-thin.woff") format("woff");
  }
  @font-face {
	font-family: isidora;
	font-style: italic;
	font-weight: 250;
	src: url("/fonts/isidora/isidora-thin-italic.woff") format("woff");
  }
  @font-face {
	font-family: isidora;
	font-style: normal;
	font-weight: 300;
	src: url("/fonts/isidora/isidora-light.woff") format("woff");
  }
  @font-face {
	font-family: isidora;
	font-style: italic;
	font-weight: 300;
	src: url("/fonts/isidora/isidora-light-italic.woff") format("woff");
  }
  @font-face {
	font-family: isidora;
	font-style: normal;
	font-weight: 500;
	src: url("/fonts/isidora/isidora-medium.woff") format("woff");
  }
  ont-face {
	font-family: isidora;
	font-style: italic;
	font-weight: 500;
	src: url("/fonts/isidora/isidora-medium-italic.woff") format("woff");
  }
  @font-face {
	font-family: isidora;
	font-style: normal;
	font-weight: 600;
	src: url("/fonts/isidora/isidora-semi-bold.woff") format("woff");
  }
  @font-face {
	font-family: isidora;
	font-style: italic;
	font-weight: 600;
	src: url("/fonts/isidora/isidora-semi-bold-italic.woff") format("woff");
  }
  @font-face {
	font-family: isidora;
	font-style: normal;
	font-weight: 700;
	src: url("/fonts/isidora/isidora-bold.woff") format("woff");
  }
  @font-face {
	font-family: isidora;
	font-style: italic;
	font-weight: 700;
	src: url("/fonts/isidora/isidora-bold-italic.woff") format("woff");
  }
  @font-face {
	font-family: isidora;
	font-style: normal;
	font-weight: 900;
	src: url("/fonts/isidora/isidora-black.woff") format("woff");
  }
  @font-face {
	font-family: isidora;
	font-style: italic;
	font-weight: 900;
	src: url("/fonts/isidora/isidora-black-italic.woff") format("woff");
  }
  /*========== Screen sizes ==========*/
  /*========== Font and typography ==========*/
  /*.5rem = 8px | 1rem = 16px ...*/
  /*========== Font weight ==========*/
  /*========== Colors ==========*/
  /*Color mode HSL(hue, saturation, lightness)*/
  /* making sizing simpler  */
  *, *::before, *:after {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
  }
  /* remove default spacing */
  /* force styling of the type through  */
  * {
	margin: 0;
	padding: 0;
	font-family: inherit;
  }
  /* dark mode user-agent-styles */
  html {
	color-scheme: dark light;
	hanging-punctuation: first last;
	box-sizing: inherit;
	scroll-behavior: smooth;
	height: -webkit-fill-available;
  }
  /* min body height */
  body {
	min-height: 100svh;
	padding-top: 2.25rem;
	font-family: "Konnect", system-ui, sans-serif;
	font-size: 100%;
	font-weight: 400;
	font-style: normal;
	color: hsl(0, 0%, 100%);
	background-color: hsl(216, 40%, 20%);
  }
  /* responsive images/videos */
  img, picture, svg, video {
	display: block;
	max-width: 100%;
	height: auto;
  }
  /* works between 2-4 lines long */
  h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
  }
  /* longer text */
  p {
	max-width: 75ch; /* comfortable line length to read */
	text-wrap: pretty; /* prevent orfans words */
  }
  a, button {
	cursor: pointer;
	border: none;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background: none;
	box-shadow: none;
  }
  ul {
	list-style: none;
	/* Color highlighting when pressed on mobile devices */
	-webkit-tap-highlight-color: transparent;
  }
  a {
	text-decoration: none;
  }
  @media (prefers-reduced-motion: no-preference) {
	/* internal links to sections of the page (in page scroll) */
	:has(:target) {
	  scroll-behavior: smooth;
	  scroll-padding-top: 3rem;
	}
  }
  @media only screen and (max-width: 1024px) {
	body {
	  padding-top: unset;
	}
  }
  :root {
	/* custom scroll bar */
	/*::-webkit-scrollbar {
		width: 10px;
	}
  
	::-webkit-scrollbar-track {
		background: #242526;
	}
  
	::-webkit-scrollbar-thumb {
		background: #3A3B3C;
	}*/
  }
  .wrapper {
	display: grid;
	grid-template-columns: 5rem 1fr 1fr 5rem;
	grid-template-rows: auto;
	width: 100vw;
  }
  .p-relative {
	position: relative;
  }
  .p-absolute {
	position: absolute;
  }
  .m-block {
	margin-block: 2.5rem;
  }
  .mb-4 {
	margin-bottom: 4rem;
  }
  .pb-1 {
	padding-bottom: 1rem;
  }
  .pb-2 {
	padding-bottom: 2rem;
  }
  .pb-3 {
	padding-bottom: 3rem;
  }
  .pb-4 {
	padding-bottom: 4rem;
  }
  .pb-5 {
	padding-bottom: 5rem;
  }
  .pt-5 {
	padding-bottom: 5rem;
  }
  .p-block-5 {
	padding-block: 5rem;
  }
  .bg-clr-white {
	background-color: hsl(0, 0%, 100%) !important;
  }
  .bg-clr-white-teal {
	background-color: hsl(198, 57%, 94%) !important;
  }
  .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	height: 2.75rem;
	padding: 0 1.5rem;
  }
  .btn-rounded {
	border-radius: 2.5rem;
  }
  .btn-bg-green {
	background-color: hsl(162, 54%, 43%);
  }
  .btn-clr-white {
	color: hsl(0, 0%, 100%);
  }
  .btn-outline {
	border: 2px solid hsl(162, 54%, 43%);
	background-color: transparent;
  }
  .btn-icon {
	width: 24px;
	height: 24px;
  }
  .btn-icon.green {
	fill: hsl(162, 54%, 43%);
  }
  .btn-icon.white {
	fill: hsl(0, 0%, 100%);
  }
  .btn-lr-radius-m {
	border-radius: 0 3.75rem;
  }
  /* CTA */
  .cta {
	place-self: center;
	width: 100%;
	max-width: 90rem;
	height: 7.5rem;
	margin: 1rem 0;
	text-align: center;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 2.125rem);
	font-style: normal;
	font-weight: 600;
	line-height: 2.25rem;
	color: hsl(0, 0%, 100%);
	transition: background-color 0.4s ease-in-out;
  }
  .cta:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	padding: 2rem;
  }
  .card-lr-radius-l {
	border-radius: 5rem 0;
  }
  .card-lr-radius-m {
	border-radius: 2.75rem 0;
  }
  .card-lr-radius-s {
	border-radius: 1.375rem 0;
  }
  .card-lr-radius-xs {
	border-radius: 1rem 0;
  }
  .card-rl-radius-l {
	border-radius: 0 5rem;
  }
  .card-rl-radius-m {
	border-radius: 0 2.75rem;
  }
  .card-rl-radius-s {
	border-radius: 0 1.5rem;
  }
  .card-rl-radius-xs {
	border-radius: 0 1.375rem;
  }
  .card-bg-teal {
	background-color: hsl(198, 56%, 44%);
  }
  .card-bg-green {
	background-color: hsl(162, 54%, 43%);
  }
  .card-bg-mandarin {
	background-color: hsl(13, 80%, 69%);
  }
  .header {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	position: sticky;
	top: 0;
	z-index: 100;
	width: 100vw;
	min-height: 4.875rem;
	height: auto;
	background-color: hsl(216, 40%, 20%);
  }
  .header .contact__info {
	grid-row: 1;
	display: none;
	justify-content: flex-end;
	align-items: center;
	gap: 0.25rem;
	width: 100%;
	padding-inline: 3rem;
	background-color: hsl(216, 45%, 15%);
  }
  .header .contact__info svg {
	fill: hsl(162, 54%, 43%);
  }
  .header .contact__info a {
	color: hsl(0, 0%, 100%);
	background-color: unset;
  }
  .nav {
	position: relative;
	grid-row: 1;
	place-self: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 90rem;
	width: 100%;
	height: 4.875rem;
  }
  .nav .nav__logo {
	display: block;
	width: 6.5rem;
	height: 2.875rem;
  }
  .nav .nav__toggle {
	display: none;
  }
  .nav .nav__toggle svg {
	fill: hsl(162, 54%, 43%);
  }
  .nav .nav__list {
	display: flex;
	align-items: center;
	height: 2.875rem;
	background-color: hsl(216, 40%, 20%);
	transition: all 0.4s ease-in-out;
  }
  .nav .nav__list li, .nav .nav__list .dropdown__item > div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0 1.125rem;
	border-radius: 1rem 0;
	cursor: pointer;
	transition: background-color 0.4s ease-in-out;
  }
  .nav .nav__list li {
	padding: 0;
  }
  .nav .nav__list li:first-child, .nav .nav__list li:nth-child(2) {
	display: none;
  }
  .nav .nav__list li:first-child:hover {
	background-color: unset;
  }
  .nav .nav__list li:hover {
	background-color: hsl(162, 54%, 43%);
  }
  .nav .nav__list li:hover .active {
	color: white !important;
  }
  .nav .nav__list .active {
	color: hsl(162, 54%, 43%) !important;
  }
  .nav .nav__list li svg {
	fill: hsl(162, 54%, 43%);
  }
  .nav .nav__list li:hover svg {
	fill: hsl(0, 0%, 100%);
  }
  .nav .nav__list li.nav__list__close {
	padding: unset;
  }
  .nav .nav__list li.nav__list__close div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background-color: hsl(216, 45%, 15%);
  }
  .nav .nav__list li.nav__list__close div svg {
	fill: hsl(0, 0%, 100%);
  }
  .nav .nav__list .dropdown__item {
	position: relative;
  }
  .nav .nav__list .dropdown__item svg {
	pointer-events: none;
  }
  .nav .nav__list .nav__link {
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0.875rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color: white;
	padding: 0 1.125rem;
	height: 100%;
	display: flex;
	align-items: center;
	gap: 0.3rem;
  }
  .nav .dropdown__menu.open {
	top: 7.125rem;
	visibility: visible;
	opacity: 1;
	padding: 10px;
  }
  .nav .dropdown__menu {
	position: absolute;
	top: -100%;
	left: calc(50% - 12rem);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	padding: 1.875rem 0;
	border-radius: 1rem;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.25);
	background-color: hsl(216, 39%, 23%);
	transition: all 0.4s ease-in-out;
  }
  .nav .dropdown__menu li:nth-child(2) {
	display: none;
  }
  .nav .dropdown__menu li:last-child {
	grid-column: span 3;
	place-content: start;
  }
  .nav .dropdown__menu li:hover {
	background-color: hsl(162, 54%, 43%);
  }
  .nav .dropdown__menu li.dropdown__menu__close:hover, .nav .dropdown__menu li:last-child:hover {
	background-color: unset;
  }
  .nav .dropdown__menu li.dropdown__menu__close {
	display: none;
	justify-content: flex-end;
  }
  .nav .dropdown__menu li.dropdown__menu__close div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background-color: hsl(216, 45%, 15%);
  }
  .nav .dropdown__menu li.dropdown__menu__close div svg {
	fill: hsl(0, 0%, 100%);
  }
  .nav .dropdown__menu .dropdown__menu__card {
	width: 18rem;
	padding: 1rem;
	border-radius: 1rem 0;
	transition: all 0.4s ease-in-out;
  }
  .nav .dropdown__menu .dropdown__menu__card.active .card__link h3 {
	color: hsl(162, 54%, 43%) !important;
  }
  .nav .dropdown__menu .dropdown__menu__card:hover .card__link h3 {
	color: white !important;
  }
  .nav .dropdown__menu .dropdown__menu__card h2 {
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.375rem;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
  }
  .nav .dropdown__menu .dropdown__menu__card .card__link {
	color: hsl(0, 0%, 100%);
  }
  .nav .dropdown__menu .dropdown__menu__card .card__link h3 {
	margin-bottom: 0.75rem;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.375rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
  }
  .nav .dropdown__menu .dropdown__menu__card .card__link p {
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
  }
  .nav .dropdown__menu .dropdown__menu__card .dropdown__menu__card--cta {
	transition: background-color 0.4s ease-in-out;
  }
  .nav .dropdown__menu .dropdown__menu__card .dropdown__menu__card--cta:hover {
	background-color: hsl(13, 80%, 69%);
  }
  /* Testimonials */
  .testimonials {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	position: relative;
	background-color: hsl(216, 40%, 20%);
  }
  .testimonials .testimonials__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
  }
  .testimonials .testimonials__container .testimonials__card {
	grid-column: span 2;
	place-self: center;
	flex-direction: row;
	gap: 0.625rem;
	max-width: 90rem;
	width: 100%;
	padding: 3.75rem;
	z-index: 1;
	text-align: center;
  }
  .testimonials .testimonials__container .testimonials__card .card__quote__icon {
	display: flex;
	min-width: 4.2rem;
  }
  .testimonials .testimonials__container .testimonials__card .card__quote__icon.top {
	align-self: flex-start;
  }
  .testimonials .testimonials__container .testimonials__card .card__quote__icon.bottom {
	align-self: flex-end;
	transform: scaleX(-1);
  }
  .testimonials .testimonials__container .testimonials__card .card__content p {
	margin: 0 auto;
  }
  .testimonials .testimonials__container .testimonials__card .card__content p:nth-child(1) {
	padding-inline: 2.5rem;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 1.625rem);
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
  }
  .testimonials .testimonials__container .testimonials__card .card__content p:nth-child(2) {
	padding-top: 1.25rem;
	font-family: "Konnect", system-ui, sans-serif;
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
  }
  .testimonials .testimonials__container .testimonials__card .card__content p:nth-child(2) span {
	font-weight: 600;
  }
  .footer {
	display: grid;
	padding-top: 5rem;
	background-color: hsl(216, 45%, 15%);
	width: 100vw;
  }
  .footer .footer__container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	place-self: center;
	gap: 0.5rem;
	max-width: 90rem;
	width: 100%;
	padding-bottom: 5rem;
  }
  .footer .footer__container h3, .footer .footer__container h2 {
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
  }
  .footer .footer__container h3 {
	font-size: clamp(1.25rem, 4vw, 1rem);
	line-height: 1.375rem;
	letter-spacing: 0.15rem;
	color: hsl(198, 56%, 44%);
  }
  .footer .footer__container h2 {
	font-size: clamp(1.5rem, 4vw, 1.25rem);
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
  }
  .footer .footer__container a {
	font-size: 1.125rem;
	font-weight: 700;
	font-style: normal;
	line-height: 1.5rem;
	color: hsl(0, 0%, 100%);
  }
  .footer .footer__container .footer__info img {
	width: 10.25rem;
	height: 4.25rem;
	margin-bottom: 2rem;
  }
  .footer .footer__container .footer__info p {
	font-size: clamp(1.125rem, 4vw, 1rem);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
  }
  .footer .footer__container .footer__info .footer__info__box {
	display: flex;
	flex-direction: column;
	gap: 1rem;
  }
  .footer .footer__container .footer__info .footer__info__box div:last-child {
	font-size: clamp(1.125rem, 4vw, 1rem);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
  }
  .footer .footer__container .footer__info .footer__info__box__contact, .footer .footer__container .footer__info .footer__info__box__reg, .footer .footer__container .footer__info span {
	display: flex;
	align-items: center;
	gap: 1rem;
  }
  .footer .footer__container .footer__info span {
	gap: 0.4rem;
	margin: unset;
  }
  .footer .footer__container .footer__info .footer__info__box__contact span a {
	font-size: clamp(1.125rem, 4vw, 1rem);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
  }
  .footer .footer__container .footer__info .footer__info__box__reg span {
	font-size: clamp(1.125rem, 4vw, 1rem);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
  }
  .footer .footer__container .footer__menu {
	place-self: start center;
  }
  .footer .footer__container .footer__menu nav {
	margin-top: 1.25rem;
  }
  .footer .footer__container .footer__menu nav li {
	margin-bottom: 1rem;
  }
  .footer .footer__container .footer__menu nav li a {
	font-size: 1.125rem;
	font-weight: 600;
	transition: color 0.4s ease-in-out;
  }
  .footer .footer__container .footer__menu nav li a:hover {
	color: hsl(162, 54%, 43%);
  }
  .footer .footer__container .footer__article {
	width: 18rem;
	word-wrap: break-word;
  }
  .footer .footer__container .footer__article h2 {
	margin-block: 1.25rem;
  }
  .footer .footer__container .footer__article a.footer__article__cta {
	width: -moz-max-content;
	width: max-content;
	transition: all 0.4s ease-in-out;
  }
  .footer .footer__container .footer__article a.footer__article__cta svg {
	fill: hsl(162, 54%, 43%);
  }
  .footer .footer__container .footer__article a.footer__article__cta:hover {
	border-color: hsl(13, 80%, 69%);
	background-color: rgba(239, 140, 113, 0.3);
  }
  .footer .footer__container .footer__article a.footer__article__cta:hover svg {
	fill: hsl(13, 80%, 69%);
  }
  .footer .footer__container .footer__products h3 {
	width: 10rem;
  }
  .footer .footer__container .footer__products div {
	margin-top: 1.25rem;
  }
  .footer .footer__container .footer__products div img {
	width: 10rem;
	height: 3rem;
	-o-object-fit: contain;
	   object-fit: contain;
  }
  .footer .footer__strip img {
	width: 100%;
	max-height: 2.5rem;
  }
  /* Home Hero */
  .hero {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	height: 20.3125rem;
  }
  .hero.hh {
	margin-block: 5rem;
	background-image: url("/images/illustrations/roi3.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-position-x: 65rem;
	background-size: contain;
	background-color: hsl(216, 40%, 20%);
  }
  .hero .hero__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
  }
  .hero .hero__container .hero__text {
	grid-column: 1;
	place-self: center start;
	display: flex;
	flex-direction: column;
	padding-right: 2rem;
  }
  .hero .hero__container .hero__text h1 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2.5rem, 4vw, 4.875rem);
	font-style: normal;
	font-weight: 700;
	line-height: clamp(2.375rem, 4vw, 4.875rem);
	text-transform: uppercase;
  }
  .hero .hero__container .hero__text h1 span {
	display: inline-block;
  }
  .hero .hero__container .hero__text h1 .hero__text--gold {
	color: hsl(48, 64%, 63%);
  }
  .hero .hero__container .hero__text h1 .hero__text--teal {
	color: hsl(198, 56%, 44%);
  }
  .hero .hero__container .hero__text p {
	padding: 1rem 0 2rem 0;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 1.625rem);
	font-weight: 600;
	line-height: clamp(1.6875rem, 4vw, 2rem);
  }
  .hero .hero__container .hero__text .hero__text__cta {
	width: 14.5rem;
	height: 4.25rem;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.5rem;
	text-transform: uppercase;
	transition: background-color 0.4s ease-in-out;
	color: hsl(0, 0%, 100%);
  }
  .hero .hero__container .hero__text .hero__text__cta:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .hero__text__cta {
	width: 14.5rem;
	height: 4.25rem;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.5rem;
	text-transform: uppercase;
	transition: background-color 0.4s ease-in-out;
	color: hsl(0, 0%, 100%);
  }
  .hero__text__cta:hover {
	background-color: hsl(13, 80%, 69%);
  }
  /* Home Hero */
  #homepage .testimonials__card {
	position: absolute;
  }
  @media only screen and (max-width: 768px) {
	#homepage #second_testimonial .testimonials__card {
	  position: absolute;
	  bottom: -66px;
	}
  }
  #homepage__container__images .cta__container {
	display: flex;
	justify-content: center;
	width: 100vw;
	padding: 10px;
  }
  #homepage__container__images .cta__container .cta-get-in-touch {
	margin-bottom: 15rem;
  }
  @media only screen and (max-width: 768px) {
	#homepage__container__images .cta__container .cta-get-in-touch {
	  margin-bottom: 20rem;
	}
  }
  #homepage__container__images .hero__banner:nth-child(3) > div img {
	margin-left: 20%;
  }
  @media only screen and (max-width: 1274px) {
	#homepage__container__images .hero__banner:nth-child(3) > div img {
	  margin-left: 0%;
	}
  }
  .hero__banner .hero__width {
	width: 100vw;
	margin-bottom: 5rem;
  }
  .hero__banner .hero__width .hero__grid {
	display: grid;
	grid-template-columns: 2fr 2fr;
	justify-items: center;
	margin: 10rem 0;
  }
  .hero__banner .hero__width .hero__text {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	max-width: 723px;
	flex-direction: column;
	justify-self: end;
  }
  .hero__banner .hero__width .hero__text .item__text__small {
	padding-bottom: 1rem;
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-style: normal;
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .hero__banner .hero__width .hero__text .item__text__h2 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-style: normal;
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
	text-transform: uppercase;
	text-align: left;
  }
  @media only screen and (max-width: 450px) {
	.hero__banner .hero__width .hero__text .item__text__h2 {
	  text-align: center;
	}
  }
  .hero__banner .hero__width .hero__text .item__text__h2 span {
	color: hsl(13, 80%, 69%);
  }
  .hero__banner .hero__width img {
	max-height: calc(100% + 20px);
	min-width: 445px;
  }
  .hero__banner .hero__width h1 {
	text-align: left;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2.5rem, 4vw, 4.875rem);
	font-style: normal;
	font-weight: 700;
	line-height: clamp(2.375rem, 4vw, 4.875rem);
	text-transform: uppercase;
  }
  .hero__banner .hero__width h1 span {
	display: inline-block;
  }
  .hero__banner .hero__width h1 .hero__text--gold {
	color: hsl(48, 64%, 63%);
  }
  .hero__banner .hero__width h1 .hero__text--teal {
	color: hsl(198, 56%, 44%);
  }
  .hero__banner .hero__width p {
	text-align: left;
	padding: 1rem 0 2rem 0;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 1.625rem);
	font-weight: 600;
	line-height: clamp(1.6875rem, 4vw, 2rem);
  }
  .hero__banner .hero__width .hero__text__cta {
	width: 14.5rem;
	height: 4.25rem;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.5rem;
	text-transform: uppercase;
	transition: background-color 0.4s ease-in-out;
	color: hsl(0, 0%, 100%);
  }
  .hero__banner .hero__width .hero__text__cta:hover {
	background-color: hsl(13, 80%, 69%);
  }
  @media (max-width: 768px) {
	.hero__banner .hero__grid {
	  grid-template-columns: 1fr !important;
	  justify-items: start;
	}
	.hero__banner .hero__text {
	  text-align: left;
	  padding-left: 20px;
	}
	.hero__banner .hero__text div {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  flex-direction: column;
	}
	.hero__banner .hero__text h1, .hero__banner .hero__text p, .hero__banner .hero__text .btn {
	  text-align: center;
	}
	.hero__banner .hero__width img.main__margin {
	  margin-left: 29%;
	  margin-top: 1rem;
	}
  }
  @media only screen and (max-width: 1440px) {
	.hero__banner .hero__text > div {
	  margin-left: 78px;
	}
  }
  @media only screen and (max-width: 768px) {
	.hero__banner .hero__text > div {
	  margin-left: 0 !important;
	}
  }
  @media (max-width: 768px) {
	#homepage__container__images .hero__banner:nth-child(even) .hero__grid {
	  display: flex;
	  justify-content: center;
	  flex-direction: column-reverse;
	}
  }
  .processes {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding-top: 5rem;
	padding-bottom: 8rem;
	background-image: url("/images/illustrations/complexityheadon.svg"), url("/images/illustrations/integrateseamlessly.svg"), url("/images/illustrations/support.svg"), url("/images/illustrations/keptintheloop.svg");
	background-size: 80%, 80%, 35%, 65%;
	background-position: 290% 15%, -170% 35%, 85% 58%, -60% 80%;
	background-repeat: no-repeat;
	background-color: hsl(216, 40%, 20%);
  }
  .processes .processes__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
  }
  .processes .processes__container .title {
	grid-column: span 2;
	place-self: center;
	text-align: center;
	padding-bottom: 4rem;
  }
  .processes .processes__container .title p {
	padding-bottom: 1rem;
	font-size: clamp(1.25em, 4vw, 1.5rem);
	font-style: normal;
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .processes .processes__container .title h2 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-style: normal;
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
	text-transform: uppercase;
  }
  .processes .processes__container .title h2 span {
	color: hsl(13, 80%, 69%);
  }
  .processes .processes__container .item {
	display: grid;
	grid-column: span 2;
	grid-template-columns: subgrid;
	position: relative;
	padding-block: 0.5rem;
	height: 35rem;
  }
  .processes .processes__container .item:last-child {
	height: 20rem;
  }
  .processes .processes__container .item .item__text {
	place-self: center start;
  }
  .processes .processes__container .item .item__text.it__left-p {
	grid-column: 1;
  }
  .processes .processes__container .item .item__text.it__right-p {
	grid-column: 2;
  }
  .processes .processes__container .item .item__text p.item__text__small {
	padding-bottom: 1rem;
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-style: normal;
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .processes .processes__container .item .item__text h2 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-style: normal;
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
	text-transform: uppercase;
  }
  .processes .processes__container .item .item__text h2 span {
	color: hsl(13, 80%, 69%);
  }
  .processes .processes__container .item .item__text .item__text__info p {
	padding-top: 1rem;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
  }
  .processes .processes__container .item a.cta {
	grid-column: span 2;
	place-self: center;
  }
  .deliverables {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	height: 80rem;
	background-image: url("/images/illustrations/roi4.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 65%;
	background-color: hsl(198, 57%, 94%);
  }
  .deliverables .deliverables__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	gap: 3.12rem 0;
  }
  .deliverables .deliverables__container .title {
	grid-column: span 2;
	place-self: center;
	text-align: center;
  }
  .deliverables .deliverables__container .title p {
	padding-bottom: 1rem;
	font-size: clamp(1.25em, 4vw, 1.5rem);
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .deliverables .deliverables__container .title h2 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
	text-transform: uppercase;
	color: hsl(216, 45%, 15%);
  }
  .deliverables .deliverables__container .deliverables__container__items {
	grid-column: span 2;
	display: flex;
	gap: 0 2.5rem;
  }
  .deliverables .deliverables__container .deliverables__container__items .item {
	display: flex;
	display: flex;
	flex-direction: column;
	gap: 2rem 0;
  }
  .deliverables .deliverables__container .deliverables__container__items .item .item__img {
	width: 4.375rem;
	height: 4.375rem;
  }
  .deliverables .deliverables__container .deliverables__container__items .item .item__text {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
	padding: 2.125rem 1.625rem 1.625rem 1.625rem;
	border-radius: 0 0 2.625rem 0;
	color: hsl(216, 40%, 20%);
	background-color: hsl(0, 0%, 100%);
  }
  .deliverables .deliverables__container .deliverables__container__items .item .item__text .item__text__logo__layout {
	display: flex;
	justify-content: space-between;
  }
  .deliverables .deliverables__container .deliverables__container__items .item .item__text .item__text__logo__layout img {
	height: 50px;
	width: 50px;
  }
  .deliverables .deliverables__container .deliverables__container__items .item .item__text .item__text__tag {
	position: absolute;
	top: -1rem;
	left: 0;
	place-self: start;
	display: flex;
	justify-content: center;
	align-items: center;
	width: -moz-max-content;
	width: max-content;
	padding: 0.5rem 1rem;
	border-radius: 1rem 0;
	text-transform: uppercase;
	color: hsl(0, 0%, 100%);
	background-color: hsl(13, 80%, 69%);
  }
  .deliverables .deliverables__container .deliverables__container__items .item .item__text h2 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: 1.5;
	font-weight: 700;
	line-height: 1.625rem;
	text-transform: uppercase;
  }
  .deliverables .deliverables__container .deliverables__container__items .item .item__text h2 span.item__text--teal {
	color: hsl(198, 56%, 44%);
  }
  .deliverables .deliverables__container .deliverables__container__items .item .item__text p {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5rem;
  }
  .deliverables .deliverables__container .deliverables__container__items .item .item__text .item__text__cta {
	place-self: end;
	width: -moz-max-content;
	width: max-content;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem;
	color: hsl(0, 0%, 100%);
	transition: background-color 0.4s ease-in-out;
  }
  .deliverables .deliverables__container .deliverables__container__items .item .item__text .item__text__cta:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .deliverables .deliverables__container a.cta {
	grid-column: span 2;
	position: absolute;
	bottom: -6%;
  }
  .process {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding-top: 15rem;
	background-color: hsl(216, 40%, 20%);
	/* PROCESS SECOND SECTION WITH WHITE BACKGROUND COLOR */
	/******************************************************/
  }
  .process div.item__content {
	padding-bottom: 5rem;
  }
  .process.second__section {
	padding-block: 6rem;
	background-color: hsl(198, 57%, 94%);
  }
  .process.second__section .process__container .item .item__title .item__title__text {
	color: hsl(216, 40%, 20%);
  }
  .process.second__section .process__container .item .item__content {
	color: hsl(216, 40%, 20%);
  }
  .process.second__section .process__container .item .item__content.first h2:before {
	height: 15rem;
  }
  .process.second__section .process__container .item .item__content .item__content__icon {
	box-shadow: 0 0 0 6px hsl(198, 57%, 94%);
  }
  .process.second__section .process__container .item .item__content.last .item__content__card {
	color: hsl(0, 0%, 100%);
  }
  .process .process__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
  }
  .process .process__container .title {
	grid-column: span 2;
	place-self: center;
	text-align: center;
	padding-bottom: 4rem;
  }
  .process .process__container .title p {
	padding-bottom: 1rem;
	font-size: clamp(1.25em, 4vw, 1.5rem);
	font-style: normal;
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .process .process__container .title h2 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-style: normal;
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
	text-transform: uppercase;
  }
  .process .process__container .title h2 span {
	color: hsl(13, 80%, 69%);
  }
  .process .process__container .item {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
	gap: 0 10rem;
  }
  .process .process__container .item:last-child .item__content.last h2.item__content__title:before {
	display: none;
  }
  .process .process__container .item .item__title {
	grid-column: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
	grid-row: span 2;
  }
  .process .process__container .item .item__title h3.item__title__tag {
	display: flex;
	justify-content: center;
	align-items: center;
	width: -moz-max-content;
	width: max-content;
	padding: 0.5rem 1rem;
	border-radius: 1.375rem 0;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 1.625rem);
	font-weight: 600;
	line-height: clamp(1.6875rem, 4vw, 2rem);
	background-color: hsl(13, 80%, 69%);
  }
  .process .process__container .item .item__title h2.item__title__text {
	padding-top: 2rem;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
	text-transform: uppercase;
  }
  .process .process__container .item .item__content {
	grid-column: 2;
  }
  .process .process__container .item .item__content.last {
	height: 20rem;
  }
  .process .process__container .item .item__content h2 {
	position: relative;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.625rem, 4vw, 2.25rem);
	font-weight: 700;
	line-height: clamp(1.625rem, 4vw, 2.25rem);
	text-transform: uppercase;
  }
  .process .process__container .item .item__content h2:before {
	content: "";
	position: absolute;
	left: calc(-5rem - 2px);
	display: flex;
	width: 4px;
	height: 14rem;
	border-left: 4px dotted hsl(198, 56%, 44%);
  }
  .process .process__container .item .item__content h2 .item__content__icon {
	position: absolute;
	top: 0;
	left: -7rem;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	box-shadow: 0 0 0 6px hsl(216, 40%, 20%);
	background-color: hsl(198, 56%, 44%);
  }
  .process .process__container .item .item__content h2.first {
	padding-left: unset;
  }
  .process .process__container .item .item__content h2.first:before {
	height: 15rem;
  }
  @media only screen and (max-width: 1024px) {
	.process .process__container .item .item__content h2.first:before {
	  height: 15rem;
	}
  }
  @media only screen and (max-width: 768px) {
	.process .process__container .item .item__content h2.first:before {
	  height: 10rem;
	}
  }
  @media only screen and (max-width: 425px) {
	.process .process__container .item .item__content h2.first:before {
	  height: 13rem;
	}
  }
  .process .process__container .item .item__content h2.item__content__title {
	padding-bottom: 1rem;
	font-family: "Konnect", system-ui, sans-serif;
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(162, 54%, 43%);
  }
  .process .process__container .item .item__content h2.item__content__title:before {
	height: 20rem;
  }
  .process .process__container .item .item__content h2.item__content__title .item__content__icon.s-icon {
	left: -6rem;
	width: 2rem;
	height: 2rem;
	background-color: hsl(162, 54%, 43%);
  }
  .process .process__container .item .item__content .item__content__card {
	display: flex;
	padding: 1.125rem 1.25rem 1.25rem 1.75rem;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	border-radius: 0 1.5rem;
	background-color: hsl(162, 54%, 43%);
  }
  .process .process__container .item .item__content .item__content__card p {
	width: 95%;
	padding-top: unset;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.25rem, 4vw, 1.625rem);
	font-weight: 600;
	line-height: clamp(1.5rem, 4vw, 2rem);
  }
  .process .process__container .item .item__content p {
	padding-block: 1rem;
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
  }
  .hero__bottom {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding-top: 15rem;
	padding-bottom: 8rem;
	background-color: hsl(216, 40%, 20%);
  }
  .hero__bottom .hero__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
  }
  .hero__bottom .hero__container .hero__bottom__logo {
	grid-column: 1;
	place-self: center;
	width: 20rem;
	aspect-ratio: 1;
	-o-object-fit: cover;
	   object-fit: cover;
  }
  .hero__bottom .hero__container .hero__bottom__text {
	grid-column: 2;
	place-self: center;
	display: flex;
	flex-direction: column;
  }
  .hero__bottom .hero__container .hero__bottom__text h2 {
	padding-bottom: 2rem;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
	text-transform: uppercase;
  }
  .hero__bottom .hero__container .hero__bottom__text h2 span:nth-child(2) {
	display: none;
  }
  .hero__bottom .hero__container .hero__bottom__text .hero__bottom__text__cta {
	width: -moz-max-content;
	width: max-content;
	height: 4.25rem;
	padding: 0 2.125rem;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.5rem;
	text-transform: uppercase;
	color: hsl(0, 0%, 100%);
	transition: background-color 0.4s ease-in-out;
  }
  .hero__bottom .hero__container .hero__bottom__text .hero__bottom__text__cta:hover {
	background-color: hsl(13, 80%, 69%);
  }
  /* What we do (wwd) Hero */
  .hero.wwd {
	height: 30rem;
	margin-top: 3rem;
	padding-block: unset;
	background-image: url("/images/illustrations/whatwedo.svg");
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
  }
  .wwd__filters {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	padding-block: 3rem;
  }
  .wwd__filters .wwd__filters__wrapper {
	grid-column: span 2;
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	padding-bottom: 2rem;
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row.mobile {
	display: none;
	flex-direction: column;
	border: unset;
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row.mobile p {
	display: block;
	width: 100%;
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row.mobile .filters__container {
	flex-direction: row;
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row.mobile .filters__container .filter__item {
	width: -moz-max-content;
	width: max-content;
	color: hsl(0, 0%, 100%);
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row.mobile .filters__container .filter__item svg {
	fill: hsl(162, 54%, 43%);
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row.mobile .filters__container .filter__item:hover svg, .wwd__filters .wwd__filters__wrapper .wwd__filters__row.mobile .filters__container .filter__item:focus-within svg {
	fill: hsl(13, 80%, 69%);
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row.open {
	display: flex;
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row p {
	width: 15%;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5rem;
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5rem;
	width: 85%;
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container .filter__item {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem;
	border-color: hsla(198, 56%, 44%, 0.3);
	color: hsla(0, 0%, 100%, 0.4);
	cursor: pointer;
	transition: all 0.4s ease-in-out;
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container .filter__item.active {
	border-color: hsl(162, 54%, 43%);
	color: hsl(0, 0%, 100%);
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container .filter__item.active svg.checkmark {
	display: block;
	fill: hsl(162, 54%, 43%);
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container .filter__item.active svg.xmark {
	display: none;
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container .filter__item svg.xmark {
	display: block;
	fill: hsl(0, 0%, 100%);
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container .filter__item svg.checkmark {
	display: none;
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container .filter__item:hover {
	border-color: hsl(13, 80%, 69%);
	background-color: rgba(239, 140, 113, 0.3);
  }
  .wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container .filter__item:hover svg.checkmark, .wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container .filter__item:hover svg.xmark {
	fill: hsl(13, 80%, 69%);
  }
  .wwd__projects {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
  }
  .wwd__projects .wwd__projects__row {
	grid-column: span 2;
	display: grid;
	grid-template-columns: 0.2fr 1fr;
	gap: 2.25rem;
	align-items: center;
	padding-block: 2rem;
	border-bottom: 2px dotted hsl(198, 56%, 44%);
  }
  .wwd__projects .wwd__projects__row:first-child {
	border-top: 2px dotted hsl(198, 56%, 44%);
  }
  .wwd__projects .wwd__projects__row:last-child {
	border-top: unset;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__date-counter {
	text-transform: uppercase;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__date-counter h2 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
  }
  .wwd__projects .wwd__projects__row .wwd__projects__date-counter h3 {
	font-size: clamp(1rem, 4vw, 1.25rem);
	font-weight: 700;
	line-height: 1.375rem;
	letter-spacing: 0.15rem;
	color: hsl(198, 56%, 44%);
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards {
	display: flex;
	flex-wrap: wrap;
	gap: 1.6rem;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__cards--more {
	display: none;
	flex-wrap: wrap;
	gap: 1.6rem;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__cards--more.open {
	display: flex;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card {
	word-break: break-all;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: unset;
	width: 18.75rem;
	height: 9.6rem;
	padding: 1.25rem 1.5rem;
	color: hsl(0, 0%, 100%);
	background-color: hsl(198, 56%, 44%);
	transition: all 0.6s ease-in-out;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card:hover .wwd__projects__card__icons img.arrow-top-left {
	transform: translate(0, 0);
	opacity: 1;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.hidden {
	position: absolute;
	opacity: 0;
	visibility: hidden;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.show {
	position: initial;
	opacity: 1;
	visibility: visible;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.no-data {
	text-align: center;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.green-card {
	background-color: hsl(162, 54%, 43%);
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.green-card .wwd__projects__card__icons img.arrow-down-left {
	transform: translate(0, 0);
	opacity: 0;
	transition: all 0.4s ease-in-out;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.green-card:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.green-card:hover h2 {
	display: none;
	height: 0;
	opacity: 0;
	visibility: hidden;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.green-card:hover p {
	display: block;
	height: auto;
	opacity: 1;
	visibility: unset;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.green-card:hover .wwd__projects__card__icons img.arrow-down-left {
	transform: translate(-10px, 10px);
	opacity: 1;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.green-card p {
	display: none;
	height: 0;
	opacity: 0;
	visibility: hidden;
	font-weight: 700;
	text-transform: uppercase;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.more-card {
	align-items: stretch;
	cursor: pointer;
	background-color: hsla(198, 56%, 44%, 0.3);
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.more-card:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.more-card img.more-icon {
	place-self: flex-start;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.more-card img {
	margin-right: 0.5rem;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.more-card h3 {
	display: flex;
	align-items: center;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card .wwd__projects__card__icons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card .wwd__projects__card__icons img.arrow-top-left {
	transform: translate(-20px, 10px);
	opacity: 0;
	transition: all 0.4s ease-in-out;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card h2 {
	width: 100%;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
	text-transform: uppercase;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card h3 {
	width: 100%;
	font-size: clamp(1rem, 4vw, 1.25rem);
	font-weight: 700;
	line-height: 1.375rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
  }
  .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card p {
	font-size: 0.98rem;
	font-weight: 400;
	line-height: 1.5rem;
  }
  .wwd__projects .wwd__projects__row.projects__cta {
	padding-block: 3rem;
	border: unset;
  }
  .wwd__projects .wwd__projects__row.projects__cta a.cta {
	grid-column: span 2;
  }
  /* Who we are (wwa) Hero */
  .hero.wwa {
	height: 25rem;
	margin-top: 3rem;
	padding-block: unset;
	background-image: url("/images/illustrations/whoweare.svg");
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
  }
  .wwa__team {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	background-color: hsl(216, 40%, 20%);
  }
  .wwa__team .wwa__team__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
  }
  .wwa__team .wwa__team__container .wwa__team__container__row {
	grid-column: span 2;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 3.75rem 0;
	padding-bottom: 3.75rem;
	border-bottom: 0.25rem dotted hsl(198, 56%, 44%);
  }
  .wwa__team .wwa__team__container .wwa__team__container__row:last-child {
	gap: 1.25rem;
	padding-top: 3.75rem;
	border-bottom: unset;
  }
  .wwa__team .wwa__team__container .wwa__team__container__row h2 {
	width: 100%;
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1.1rem;
	width: 17.5rem;
	height: 14rem;
  }
  .wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member img {
	width: 6.25rem;
	height: 6.25rem;
	border-radius: 3.125rem 3.125rem 3.125rem 0;
  }
  .wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member h3 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.75rem, 4vw, 2rem);
	font-weight: 700;
	line-height: clamp(1.75rem, 4vw, 2rem);
	text-transform: uppercase;
  }
  .wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member p {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.125rem, 4vw, 1.375rem);
	font-weight: 600;
	line-height: 1.625rem;
	color: hsl(13, 80%, 69%);
  }
  .wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member__dev {
	display: flex;
	gap: 1rem;
	width: 18rem;
  }
  .wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member__dev svg {
	fill: hsl(198, 56%, 44%);
  }
  .wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member__dev h3 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.125rem, 4vw, 1.375rem);
	font-weight: 700;
	line-height: 1.375rem;
	text-transform: uppercase;
	color: hsl(0, 0%, 100%);
  }
  .wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member__dev p {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(0.875rem, 4vw, 1rem);
	font-weight: 600;
	line-height: 1.25rem;
	color: hsl(198, 56%, 44%);
  }
  .wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member__dev:last-child svg {
	fill: hsl(162, 54%, 43%);
  }
  .wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member__dev:last-child p {
	color: hsl(162, 54%, 43%);
  }
  .wwa__tech {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding: 5rem 0 6.25rem 0;
	background-color: hsl(198, 57%, 94%);
  }
  .wwa__tech .wwa__tech__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
  }
  .wwa__tech .wwa__tech__container .wwa__tech__container__row {
	grid-column: span 2;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 2.75rem 0;
  }
  .wwa__tech .wwa__tech__container .wwa__tech__container__row div {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
  }
  .wwa__tech .wwa__tech__container .wwa__tech__container__row div h2 {
	width: 100%;
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .wwa__tech .wwa__tech__container .wwa__tech__container__row div p {
	width: 100%;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 1.625rem);
	font-weight: 600;
	line-height: clamp(1.6875rem, 4vw, 2rem);
	color: hsl(216, 40%, 20%);
  }
  .wwa__tech .wwa__tech__container .wwa__tech__container__row .tech__tags .tech__tag {
	padding: 0.75rem 1.5rem;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 1.625rem);
	font-weight: 600;
	line-height: clamp(1.6875rem, 4vw, 2rem);
	background-color: hsl(13, 80%, 69%);
	cursor: pointer;
  }
  .wwa__ca {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding: 5rem 0 2.5rem 0;
	background-color: hsl(216, 40%, 20%);
  }
  .wwa__ca .wwa__ca__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
  }
  .wwa__ca .wwa__ca__container .wwa__ca__container__row {
	grid-column: span 2;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 2.75rem 0;
  }
  .wwa__ca .wwa__ca__container .wwa__ca__container__row h2.wwa__ca__title {
	width: 100%;
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .wwa__ca .wwa__ca__container .wwa__ca__container__row .wwa__ca__imgs {
	display: flex;
	flex-wrap: wrap;
	gap: 3.75rem 6.25rem;
  }
  .wwa__ca .wwa__ca__container .wwa__ca__container__row .wwa__ca__imgs img {
	width: 8.125rem;
	height: 3.375rem;
  }
  #awards {
	background-color: white;
	width: 100vw;
	color: black;
	padding: 5rem 0 6.25rem 0;
  }
  #awards > div {
	margin: 0 auto;
	width: 80vw;
  }
  #awards p {
	margin: 0 auto;
	width: 100%;
	font-family: "Isidora Alt", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 1.625rem);
	font-weight: 600;
	line-height: clamp(1.6875rem, 4vw, 2rem);
	color: hsl(216, 40%, 20%);
  }
  #awards .awards__opening__text {
	text-align: center;
	padding-bottom: 5rem;
  }
  #awards .awards__opening__text h2 {
	width: 100%;
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  #awards .long__term__rewards__container {
	display: flex;
	justify-content: space-around;
	padding-bottom: 10rem;
  }
  @media only screen and (max-width: 768px) {
	#awards .long__term__rewards__container {
	  flex-direction: column;
	  gap: 5rem;
	}
  }
  #awards .long__term__rewards__container h3 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.75rem, 4vw, 2rem);
	font-weight: 700;
	line-height: clamp(1.75rem, 4vw, 2rem);
	text-transform: uppercase;
	padding: 0 20px;
	max-width: 500px;
  }
  #awards .long__term__rewards__container p {
	padding: 0 2rem;
	font-family: "Konnect", system-ui, sans-serif;
  }
  #awards .long__term__rewards__container div:nth-of-type(1), #awards .long__term__rewards__container div:nth-of-type(3) {
	flex-basis: 49%;
	display: flex;
	justify-content: flex-start;
	text-align: center;
	flex-direction: column;
	align-items: center;
	gap: 20px;
  }
  #awards .long__term__rewards__container div:nth-of-type(1) img, #awards .long__term__rewards__container div:nth-of-type(3) img {
	max-width: 221px;
  }
  #awards .long__term__rewards__container div:nth-of-type(2) {
	flex-basis: 1%;
	content: "";
	left: calc(-5rem - 2px);
	display: flex;
	width: 4px;
	border-left: 4px dotted hsla(198, 56%, 44%, 0.4);
  }
  #awards .accreditatons__container {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	margin: 0 auto;
	gap: 20px;
  }
  @media only screen and (max-width: 1440px) {
	#awards .accreditatons__container {
	  justify-content: center;
	}
  }
  #awards .accreditatons__container img {
	flex-basis: 15%;
	max-width: 200px;
  }
  .hero.ec .hero__container .hero__text:last-child {
	grid-column: 2;
	place-self: start;
	padding-right: unset;
  }
  .hero.ec .hero__container .hero__text:last-child p {
	padding-top: unset;
  }
  .hero.ec .hero__container .hero__text:last-child p .hero__text__tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
	padding-top: 1rem;
  }
  .hero.ec .hero__container .hero__text:last-child p .hero__text__tags .hero__text__tag {
	width: -moz-max-content;
	width: max-content;
	padding: 0.75rem 1.5rem;
	background-color: hsl(13, 80%, 69%);
  }
  .ec__map {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding-block: 5rem;
	background-color: hsl(216, 40%, 20%);
  }
  .ec__map .ec__map__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	position: relative;
	max-width: 67rem;
	height: 29rem;
	background-size: contain;
	background-image: url("/images/illustrations/mapdots.svg");
	background-position: center;
	background-repeat: no-repeat;
  }
  .ec__map .ec__map__container .map__pin {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	position: absolute;
	left: 5rem;
	top: -2rem;
	width: 11.25rem;
	height: 11.25rem;
	padding: 0.625rem;
	border-radius: 50%;
	background-color: hsl(344, 35%, 87%);
  }
  .ec__map .ec__map__container .map__pin:after {
	content: "";
	position: absolute;
	top: 95%;
	width: 1rem;
	height: 1rem;
	rotate: 45deg;
	background-color: hsl(344, 35%, 87%);
  }
  .ec__map .ec__map__container .map__pin p:first-child {
	color: hsl(355, 64%, 56%);
  }
  .ec__map .ec__map__container .map__pin p:first-child span:first-child {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: 3rem;
	font-weight: 700;
	line-height: 3rem;
	text-transform: uppercase;
	text-align: center;
  }
  .ec__map .ec__map__container .map__pin p:first-child span:last-child {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem;
	text-align: center;
  }
  .ec__map .ec__map__container .map__pin p:last-child {
	width: 70%;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.125rem;
	text-align: center;
	color: hsl(216, 40%, 20%);
  }
  .ec__map .ec__map__container .map__cta {
	grid-column: span 2;
	place-self: end center;
	height: 4.25rem;
	padding: 0 2.125rem;
	margin-bottom: 3rem;
	font-size: clamp(1.125rem, 4vw, 1.5rem);
	font-weight: 600;
	line-height: 1.5rem;
	text-transform: uppercase;
	text-align: center;
	transition: background-color 0.4s ease-in-out;
	color: hsl(0, 0%, 100%);
  }
  .ec__map .ec__map__container .map__cta:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .ec__business {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding-block: 5rem;
	background-color: hsl(216, 40%, 20%);
  }
  .ec__business .ec__business__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	max-width: 75.5rem;
  }
  .ec__business .ec__business__container .ec__business__title {
	grid-column: span 2;
	text-align: center;
  }
  .ec__business .ec__business__container .ec__business__title h2 {
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .ec__business .ec__business__container .ec__business__title p {
	margin: 1rem auto;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 1.625rem);
	font-weight: 600;
	line-height: clamp(1.6875rem, 4vw, 2rem);
  }
  .ec__business .ec__business__container .ec__business__cards {
	grid-column: span 2;
	display: flex;
	flex-wrap: wrap;
	gap: 3.75rem;
	padding-block: 4rem;
  }
  .ec__business .ec__business__container .ec__business__cards .ec__business__card {
	display: flex;
	gap: 0 1.5rem;
	width: 35.875rem;
  }
  .ec__business .ec__business__container .ec__business__cards .ec__business__card .ec__business__card__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4.875rem;
	height: 4.875rem;
	border-radius: 50%;
	background-color: hsl(13, 80%, 69%);
  }
  .ec__business .ec__business__container .ec__business__cards .ec__business__card .ec__business__card__text {
	display: flex;
	flex-direction: column;
	gap: 0.5rem 0;
	width: 82%;
  }
  .ec__business .ec__business__container .ec__business__cards .ec__business__card .ec__business__card__text h3 {
	font-size: clamp(1rem, 4vw, 1.25rem);
	font-weight: 700;
	line-height: 1.375rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
  }
  .ec__business .ec__business__container .ec__business__cards .ec__business__card .ec__business__card__text p {
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: 1.5rem;
  }
  .ec__business .ec__business__container .ec__business__cards .ec__business__card.last-card {
	padding: 2.75rem 3.125rem 3.125rem 3.125rem;
	transition: background-color 0.4s ease-in-out;
	background-color: hsl(162, 54%, 43%);
  }
  .ec__business .ec__business__container .ec__business__cards .ec__business__card.last-card:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .ec__business .ec__business__container .ec__business__cards .ec__business__card.last-card a {
	display: flex;
	align-items: center;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 2.125rem);
	font-weight: 600;
	line-height: clamp(1.6875rem, 4vw, 2.25rem);
	color: hsl(0, 0%, 100%);
  }
  .ec__slider {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding-block: 3rem;
	background-color: hsl(0, 0%, 100%);
  }
  .ec__slider .ec__slider__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	max-width: 75.5rem;
  }
  .ec__slider .ec__slider__container .ec__slider__title {
	grid-column: span 2;
	text-align: center;
  }
  .ec__slider .ec__slider__container .ec__slider__title h2 {
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .ec__slider .ec__slider__container .ec__slider__title p {
	margin: 1rem auto;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 1.625rem);
	font-weight: 600;
	line-height: clamp(1.6875rem, 4vw, 2rem);
	color: hsl(216, 40%, 20%);
  }
  .ec__slider .ec__slider__container .carousel {
	grid-column: span 2;
	place-self: center;
	width: 95%;
	margin-top: 4rem;
	color: black;
  }
  .ec__slider .ec__slider__container .carousel img {
	width: 14rem !important;
	height: 10rem !important;
	-o-object-fit: contain;
	   object-fit: contain;
  }
  .ec__slider .ec__slider__container .carousel .carousel__pagination {
	margin-top: 3.75rem;
  }
  .ec__slider .ec__slider__container .carousel .carousel__pagination .carousel__pagination-button:after {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	transition: background-color 0.4s ease-in-out;
	background-color: hsl(162, 54%, 43%);
  }
  .ec__slider .ec__slider__container .carousel .carousel__pagination .carousel__pagination-button.carousel__pagination-button--active:after {
	background-color: hsl(48, 64%, 63%);
  }
  .ec__experience {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding-block: 3rem;
	color: hsl(216, 40%, 20%);
	background-color: hsl(198, 57%, 94%);
  }
  .ec__experience .ec__experience__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	grid-template-columns: 1fr;
	max-width: 75.5rem;
  }
  .ec__experience .ec__experience__container .ec__experience__title {
	grid-column: 1;
	padding-bottom: 3.75rem;
	text-align: center;
  }
  .ec__experience .ec__experience__container .ec__experience__title h2 {
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .ec__experience .ec__experience__container .ec__experience__title p {
	margin: 1rem auto;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 1.625rem);
	font-weight: 600;
	line-height: clamp(1.6875rem, 4vw, 2rem);
  }
  .ec__experience .ec__experience__container .ec__experience__items {
	grid-column: 1;
	display: flex;
	gap: 0 2.75rem;
  }
  .ec__experience .ec__experience__container .ec__experience__items .ec__experience__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem 0;
	text-align: center;
  }
  .ec__experience .ec__experience__container .ec__experience__items .ec__experience__item:nth-child(2) {
	padding-inline: 2.75rem;
	border-inline: 4px dotted hsl(198, 56%, 44%);
  }
  .ec__experience .ec__experience__container .ec__experience__items .ec__experience__item img {
	width: 7rem;
	aspect-ratio: 1;
  }
  .ec__experience .ec__experience__container .ec__experience__items .ec__experience__item h2 {
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: clamp(1.375rem, 4vw, 1.625rem);
	letter-spacing: 0.24rem;
	text-transform: uppercase;
  }
  .ec__experience .ec__experience__container .ec__experience__items .ec__experience__item p {
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
  }
  /* Case Studies (cs) Hero */
  .hero.cs {
	height: 20rem;
	margin-block: 3rem;
	padding-block: unset;
	background-image: url("/images/illustrations/casestudies.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-position-x: 80%;
	background-size: contain;
  }
  .cs__list {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding-block: 3rem;
	background-color: hsl(216, 40%, 20%);
  }
  .cs__list .cs__list__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
  }
  .cs__list .cs__list__container .cs__cards {
	grid-column: span 2;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	gap: 2rem 2.5rem;
  }
  .cs__list .cs__list__container .cs__cards .cs__card {
	width: 25rem;
  }
  .cs__list .cs__list__container .cs__cards .cs__card .cs__card__img {
	height: 17.5rem;
	border-radius: 3.125rem 0;
  }
  .cs__list .cs__list__container .cs__cards .cs__card .cs__card__tag {
	display: flex;
	width: -moz-max-content;
	width: max-content;
	padding: 0.5625rem 1.125rem;
	transform: translate(1rem, -1.5rem);
	font-size: clamp(1rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: clamp(1.625rem, 4vw, 1.1875rem);
	letter-spacing: clamp(0.1275rem, 4vw, 0.24rem);
	text-transform: uppercase;
	color: hsl(0, 0%, 100%);
	background-color: hsl(13, 80%, 69%);
  }
  .cs__list .cs__list__container .cs__cards .cs__card .cs__card__text {
	padding-left: 0.5rem;
	transform: translate(1rem, -1rem);
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
  }
  /* Case Stuides Blog */
  .hero.csb {
	padding-block: 5rem;
	height: unset;
  }
  .hero.csb .hero__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
  }
  .hero.csb .hero__container .csb__testimonials {
	grid-column: span 2;
	display: flex;
	align-items: flex-start;
	gap: 0 2.375rem;
  }
  .hero.csb .hero__container .csb__testimonials .card__quote__icon img, .hero.csb .hero__container .csb__testimonials .card__quote__icon__second img {
	width: 8rem;
  }
  .hero.csb .hero__container .csb__testimonials .card__quote__icon__second {
	transform: scaleX(-1);
  }
  .hero.csb .hero__container .csb__testimonials .card__content {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.875rem, 4vw, 2.5rem);
	font-weight: 600;
	line-height: clamp(2.1875rem, 4vw, 2.875rem);
  }
  .csb__hero {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	height: 37.5rem;
	background-image: url("/images/case-studies/safelives.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  }
  .csb__hero .csb__hero__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	align-self: flex-end;
  }
  .csb__hero .csb__hero__container .csb__hero__card {
	grid-column: 1;
	align-items: flex-start;
	width: 48rem;
	padding: 2.75rem 3.125rem 3.125rem 3.125rem;
	transform: translate(0, 25%);
	background-color: hsl(13, 80%, 69%);
  }
  .csb__hero .csb__hero__container .csb__hero__card h2 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
	text-transform: uppercase;
  }
  .csb__hero .csb__hero__container .csb__hero__card h3 {
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: clamp(1.375rem, 4vw, 1.625rem);
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(216, 40%, 20%);
  }
  .csb__hero .csb__hero__container .csb__hero__card p {
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
	color: hsl(216, 40%, 20%);
  }
  .csb__content {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding-top: 10rem;
	padding-bottom: 3rem;
	color: hsl(216, 40%, 20%);
	background-color: hsl(198, 57%, 94%);
  }
  .csb__content .csb__content__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	grid-template-columns: 1fr 0.25fr;
  }
  .csb__content .csb__content__container .csb__content__article {
	grid-column: 1;
  }
  .csb__content .csb__content__container .csb__content__article h1 {
	font-size: clamp(1rem, 4vw, 3.5rem);
	text-align: center;
  }
  .csb__content .csb__content__container .csb__content__article div {
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
  }
  .csb__content .csb__content__container .csb__content__article div h2 {
	padding-top: 2.12rem;
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: clamp(1.375rem, 4vw, 1.625rem);
	letter-spacing: 0.24rem;
	text-transform: uppercase;
  }
  .csb__content .csb__content__container .csb__content__article div h2 a {
	color: hsl(216, 40%, 20%);
	-webkit-user-select: text;
	   -moz-user-select: text;
			user-select: text;
  }
  .csb__content .csb__content__container .csb__content__article div p, .csb__content .csb__content__container .csb__content__article div ul, .csb__content .csb__content__container .csb__content__article div ol {
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
  }
  .csb__content .csb__content__container .csb__content__article div ul, .csb__content .csb__content__container .csb__content__article div ol {
	padding-left: 2rem;
	list-style-type: initial;
  }
  .csb__content .csb__content__container .csb__content__article div ol {
	list-style-type: decimal;
  }
  .csb__content .csb__content__container .csb__content__aside {
	grid-column: 2;
	margin-left: 5rem;
  }
  .csb__content .csb__content__container .csb__content__aside .csb__content__aside__card {
	position: sticky;
	top: 5.875rem;
	width: 22rem;
	padding: 2.75rem 3.125rem 3.125rem 3.125rem;
	color: hsl(0, 0%, 100%);
	background-color: hsl(162, 54%, 43%);
  }
  .csb__content .csb__content__container .csb__content__aside .csb__content__aside__card h2 {
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: clamp(1.375rem, 4vw, 1.625rem);
	letter-spacing: 0.24rem;
	text-transform: uppercase;
  }
  .csb__content .csb__content__container .csb__content__aside .csb__content__aside__card div {
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
  }
  .csb__content .csb__content__container .csb__content__aside .csb__content__aside__card p {
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
  }
  .csb__content .csb__content__container .csb__content__aside .csb__content__aside__card p a {
	font-weight: 700;
	color: hsl(0, 0%, 100%);
  }
  .csb__footer {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding-block: 3rem;
	color: hsl(216, 40%, 20%);
	background-color: hsl(198, 57%, 94%);
  }
  .csb__footer .csb__footer__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	grid-template-columns: 1fr;
  }
  .csb__footer .csb__footer__container .csb__footer__container__items {
	grid-column: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 1rem 2.5rem;
  }
  .csb__footer .csb__footer__container .csb__footer__container__items .csb__footer__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem 0;
	width: 17rem;
	height: 9rem;
  }
  .csb__footer .csb__footer__container .csb__footer__container__items .csb__footer__item .csb__footer__item__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4.875rem;
	min-height: 4.875rem;
	aspect-ratio: 1;
	border-radius: 50%;
  }
  .csb__footer .csb__footer__container .csb__footer__container__items .csb__footer__item .csb__footer__item__icon.clr-teal {
	background-color: hsl(198, 56%, 44%);
  }
  .csb__footer .csb__footer__container .csb__footer__container__items .csb__footer__item .csb__footer__item__icon.clr-mandarin {
	background-color: hsl(13, 80%, 69%);
  }
  .csb__footer .csb__footer__container .csb__footer__container__items .csb__footer__item .csb__footer__item__icon.clr-gold {
	background-color: hsl(48, 64%, 63%);
  }
  .csb__footer .csb__footer__container .csb__footer__container__items .csb__footer__item .csb__footer__item__icon.clr-red {
	background-color: hsl(355, 64%, 56%);
  }
  .csb__footer .csb__footer__container .csb__footer__container__items .csb__footer__item .csb__footer__item__icon img {
	width: 2.375rem;
	height: 2.375rem;
  }
  .csb__footer .csb__footer__container .csb__footer__container__items .csb__footer__item h3 {
	font-size: clamp(1rem, 4vw, 1.25rem);
	font-weight: 700;
	line-height: 1.375rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	text-align: center;
  }
  /* Contact Us (cu) Hero */
  .hero.cu {
	height: 25rem;
	margin-top: 3rem;
	padding-bottom: unset;
	background-image: url("/images/illustrations/contact.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-position-x: 70%;
	background-position-y: bottom;
	background-size: contain;
  }
  .cu__content {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
  }
  .cu__content .cu__content__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	grid-template-columns: 1fr 0.5fr;
	padding-bottom: 4rem;
  }
  .cu__content .cu__content__container .cu__content__form {
	grid-column: 1;
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
	width: 42rem;
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group {
	display: flex;
	flex-direction: column;
	gap: 0.75rem 0;
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__res__success, .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__res__error {
	display: none;
	padding: 1.25rem;
	opacity: 0;
	visibility: hidden;
	font-size: clamp(1.25em, 4vw, 1.5rem);
	font-weight: 600;
	line-height: 1.625rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.4s ease-in-out;
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__res__success.show, .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__res__error.show {
	opacity: 1;
	visibility: unset;
	display: block;
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__res__success {
	background-color: hsl(162, 54%, 43%);
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__res__error {
	background-color: hsl(355, 64%, 56%);
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group label {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1rem;
	text-transform: uppercase;
	color: hsl(13, 80%, 69%);
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__input, .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__textarea {
	min-height: 2.75rem;
	border: unset;
	outline: unset;
	padding-block: 0.625rem;
	border-bottom: 3px solid rgba(49, 137, 175, 0.2);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5rem;
	color: hsl(0, 0%, 100%);
	background-color: transparent;
	transition: border-color 0.4s ease-in-out;
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__input::-moz-placeholder, .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__textarea::-moz-placeholder {
	color: hsl(198, 56%, 54%);
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__input::placeholder, .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__textarea::placeholder {
	color: hsl(198, 56%, 54%);
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__input:hover, .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__textarea:hover {
	border-color: hsl(162, 54%, 43%);
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__textarea {
	padding-block: unset;
	resize: unset;
	height: 11.6875rem;
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__error {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5rem;
	color: hsl(355, 64%, 56%);
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__submit {
	width: -moz-max-content;
	width: max-content;
	height: 4.25rem;
	outline: unset;
	border: unset;
	padding: 0 2.125rem;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.5rem;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.4s ease-in-out;
	color: hsl(0, 0%, 100%);
  }
  .cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__submit:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .cu__content .cu__content__container .cu__content__info {
	grid-column: 2;
	place-self: center;
	display: flex;
	flex-direction: column;
	gap: 2rem 0;
  }
  .cu__content .cu__content__container .cu__content__info p {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 1.625rem);
	font-weight: 600;
	line-height: clamp(1.625rem, 4vw, 2rem);
  }
  .cu__content .cu__content__container .cu__content__info .cu__content__info__box {
	display: flex;
	flex-direction: column;
	gap: 0.75rem 0;
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
  }
  .cu__content .cu__content__container .cu__content__info .cu__content__info__box div {
	display: flex;
  }
  .cu__content .cu__content__container .cu__content__info .cu__content__info__box div a {
	padding-left: 0.5rem;
	color: hsl(0, 0%, 100%);
  }
  .portfolio__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	padding-block: 4rem;
	gap: 0 4rem;
  }
  .portfolio__container .portfolio__title {
	grid-column: span 2;
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
	padding-bottom: 3rem;
  }
  .portfolio__container .portfolio__title p {
	display: flex;
	gap: 0 0.5rem;
	font-size: clamp(1rem, 4vw, 1.25rem);
	font-weight: 700;
	line-height: 1.375rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	color: hsl(13, 80%, 69%);
  }
  .portfolio__container .portfolio__title p img {
	width: 1.5rem;
	height: 1.5rem;
	-o-object-fit: contain;
	   object-fit: contain;
  }
  .portfolio__container .portfolio__title p svg {
	fill: hsl(13, 80%, 69%);
  }
  .portfolio__container .portfolio__title h1 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
	text-transform: uppercase;
  }
  .portfolio__container .portfolio__content {
	grid-column: 1;
	display: flex;
	flex-direction: column;
	gap: 2.75rem 0;
  }
  .portfolio__container .portfolio__content p.portfolio__content__card {
	padding: 2.75rem 3.125rem 3.125rem 3.125rem;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.375rem, 4vw, 1.625rem);
	font-weight: 600;
	line-height: clamp(1.6875rem, 4vw, 2rem);
	background-color: hsl(198, 56%, 44%);
  }
  .portfolio__container .portfolio__content p, .portfolio__container .portfolio__content article > p {
	font-size: clamp(1.125rem, 4vw, 1rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
  }
  .portfolio__container .portfolio__content .portfolio__content__cta {
	width: -moz-max-content;
	width: max-content;
	height: 4.25rem;
	padding: 0 2.125rem;
	font-size: clamp(1.125rem, 4vw, 1.5rem);
	font-weight: 600;
	line-height: 1.5rem;
	text-transform: uppercase;
	transition: background-color 0.4s ease-in-out;
	color: hsl(0, 0%, 100%);
  }
  .portfolio__container .portfolio__content .portfolio__content__cta:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .portfolio__container .portfolio__content .portfolio__content__slider {
	display: none;
	max-width: 24rem;
	width: 100%;
  }
  .portfolio__container .portfolio__content .portfolio__content__slider .carousel .carousel__pagination {
	margin-top: 2rem;
  }
  .portfolio__container .portfolio__content .portfolio__content__slider .carousel .carousel__pagination .carousel__pagination-button:after {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	transition: background-color 0.4s ease-in-out;
	background-color: hsl(162, 54%, 43%);
  }
  .portfolio__container .portfolio__content .portfolio__content__slider .carousel .carousel__pagination .carousel__pagination-button.carousel__pagination-button--active:after {
	background-color: hsl(48, 64%, 63%);
  }
  .portfolio__container .portfolio__content article h1 {
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 700;
	line-height: clamp(1.375rem, 4vw, 1.625rem);
	letter-spacing: 0.24rem;
	text-transform: uppercase;
  }
  .portfolio__container .portfolio__content article div {
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
  }
  .portfolio__container .portfolio__content article div h2 {
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: clamp(1.375rem, 4vw, 1.625rem);
	letter-spacing: 0.24rem;
	text-transform: uppercase;
  }
  .portfolio__container .portfolio__content article div h2 a {
	color: hsl(13, 80%, 69%);
  }
  .portfolio__container .portfolio__images {
	grid-column: 2;
	display: flex;
	flex-direction: column;
	gap: 5rem 0;
  }
  .portfolio__container .portfolio__tech {
	grid-column: span 2;
	display: flex;
	gap: 0 2.5rem;
	padding-top: 5rem;
  }
  .portfolio__container .portfolio__tech .portfolio__tech__card {
	align-items: flex-start;
	gap: 1rem 0;
	width: 70%;
	padding: 2.75rem 3.125rem 3.125rem 3.125rem;
	background-color: hsl(162, 54%, 43%);
  }
  .portfolio__container .portfolio__tech .portfolio__tech__card p {
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
  }
  .portfolio__container .portfolio__tech .portfolio__tech__card p .portfolio__tech__card__link {
	font-weight: 700;
	color: hsl(0, 0%, 100%);
  }
  .portfolio__container .portfolio__tech .portfolio__tech__card h2 {
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: clamp(1.375rem, 4vw, 1.625rem);
	letter-spacing: 0.24rem;
	text-transform: uppercase;
  }
  .portfolio__container .portfolio__tech .portfolio__tech__tags {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 1rem;
	width: 20%;
  }
  .portfolio__container .portfolio__tech .portfolio__tech__tags .portfolio__tech__tag {
	display: flex;
	justify-content: center;
	align-items: center;
	width: -moz-max-content;
	width: max-content;
	height: 3.5rem;
	padding: 0.75rem 1.5rem;
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 600;
	line-height: clamp(1.6875rem, 4vw, 2rem);
	background-color: hsl(13, 80%, 69%);
  }
  .hero {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
  }
  .hero.b {
	padding-block: 2rem;
  }
  .hero .hero__container .hero__form {
	display: flex;
  }
  .hero .hero__container .hero__form .hero__form__group {
	display: flex;
	align-items: center;
	gap: 0 0.5rem;
	width: 50%;
  }
  .hero .hero__container .hero__form .hero__form__group:first-child {
	position: relative;
	padding-right: 1rem;
  }
  .hero .hero__container .hero__form .hero__form__group:first-child .hero__form__group__input {
	width: 100%;
	height: 2.75rem;
	outline: none;
	border: unset;
	border-bottom: 3px solid rgba(49, 137, 175, 0.2);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5rem;
	color: hsl(0, 0%, 100%);
	background-color: transparent;
	transition: all 0.4s ease-in-out;
  }
  .hero .hero__container .hero__form .hero__form__group:first-child .hero__form__group__input::-moz-placeholder {
	color: hsl(0, 0%, 100%);
  }
  .hero .hero__container .hero__form .hero__form__group:first-child .hero__form__group__input::placeholder {
	color: hsl(0, 0%, 100%);
  }
  .hero .hero__container .hero__form .hero__form__group:first-child .hero__form__group__input:hover {
	border-color: hsl(162, 54%, 43%);
  }
  .hero .hero__container .hero__form .hero__form__group:first-child svg {
	position: absolute;
	right: 1rem;
	fill: hsl(0, 0%, 100%);
  }
  .hero .hero__container .hero__form .hero__form__group button {
	height: 2.75rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem;
	color: hsl(0, 0%, 100%);
	transition: background-color 0.4s ease-in-out;
  }
  .hero .hero__container .hero__form .hero__form__group button:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .b__content {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
  }
  .b__content .b__content__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	grid-template-columns: 1fr;
	gap: 5rem 0;
	padding-block: 2rem;
	padding-right: 13.75rem;
  }
  .b__content .b__content__container .b__content__article {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
  }
  .b__content .b__content__container .b__content__article .b__content__article__link {
	display: flex;
	gap: 0 2.75rem;
  }
  .b__content .b__content__container .b__content__article .b__content__article__link:hover .b__content__article__img {
	background-color: hsl(355, 64%, 56%);
  }
  .b__content .b__content__container .b__content__article .b__content__article__link:hover .b__content__article__img img {
	opacity: 0;
  }
  .b__content .b__content__container .b__content__article .b__content__article__link:hover .b__content__article__title h2, .b__content .b__content__container .b__content__article .b__content__article__link:hover .b__content__article__title time {
	color: hsl(13, 80%, 69%);
  }
  .b__content .b__content__container .b__content__article .b__content__article__link .b__content__article__img {
	position: relative;
	display: flex;
	min-width: 11.25rem;
	min-height: 11.25rem;
	width: 11.25rem;
	height: 11.25rem;
	border-radius: 50%;
	background-color: hsl(216, 45%, 15%);
	transition: background-color 0.4s ease-in-out;
  }
  .b__content .b__content__container .b__content__article .b__content__article__link .b__content__article__img:before {
	content: "";
	position: absolute;
	z-index: 2;
	width: 11.25rem;
	height: 11.25rem;
	border-radius: 50%;
	background-image: url("/images/icons/utils/quote-light.svg");
	background-position: center;
	background-repeat: no-repeat;
  }
  .b__content .b__content__container .b__content__article .b__content__article__link .b__content__article__img img {
	position: absolute;
	z-index: 1;
	width: 11.25rem;
	height: 11.25rem;
	border-radius: 50%;
	transition: opacity 0.4s ease-in-out;
  }
  .b__content .b__content__container .b__content__article .b__content__article__link .b__content__article__title {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.75rem 0;
  }
  .b__content .b__content__container .b__content__article .b__content__article__link .b__content__article__title h2 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
	text-transform: uppercase;
	color: hsl(0, 0%, 100%);
	transition: color 0.4s ease-in-out;
  }
  .b__content .b__content__container .b__content__article .b__content__article__link .b__content__article__title time {
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
	color: hsl(198, 56%, 44%);
	transition: color 0.4s ease-in-out;
  }
  .b__content .b__content__container .b__content__article .b__content__article__text {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.75rem 0;
	margin-left: 14rem;
  }
  .b__content .b__content__container .b__content__article .b__content__article__text p {
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
	color: hsl(0, 0%, 100%);
	transition: color 0.4s ease-in-out;
  }
  .b__content .b__content__container .b__content__article .b__content__article__text a.cta {
	place-self: flex-start;
	width: -moz-max-content;
	width: max-content;
	height: 2.75rem;
	padding: 0 1.5rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem;
	transition: background-color 0.4s ease-in-out;
  }
  .b__content .b__content__container .b__content__article .b__content__article__text a.cta:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .b__paggination {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	padding-block: 4rem;
  }
  .b__paggination .b__paggination__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
  }
  .b__paggination .b__paggination__container .b__paggination__container__btns {
	grid-column: span 2;
	place-self: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 21rem;
  }
  .b__paggination .b__paggination__container .b__paggination__container__btns button {
	width: 6.5rem;
	height: 2.75rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem;
	color: hsl(0, 0%, 100%);
	transition: all 0.4s ease-in-out;
  }
  .b__paggination .b__paggination__container .b__paggination__container__btns button:hover {
	border-color: hsl(13, 80%, 69%);
	background-color: rgba(239, 140, 113, 0.2);
  }
  .b__paggination .b__paggination__container .b__paggination__container__btns div {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5rem;
  }
  .b__paggination .b__paggination__container .b__paggination__container__btns div span:first-child {
	margin-right: 0.2rem;
	font-weight: 700;
  }
  .b__paggination .b__paggination__container .b__paggination__container__btns div span:last-child {
	margin-left: 0.2rem;
	font-weight: 700;
  }
  .b__paggination .b__paggination__container .b__paggination__container__btns div span.teal-txt {
	color: hsl(198, 56%, 44%);
  }
  .hero {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
  }
  .hero.bd {
	min-height: 15rem;
	margin-top: 3rem;
	padding-top: unset;
	background-color: hsl(216, 40%, 20%);
  }
  .hero.bd.bg-img {
	height: 37.5rem;
	background-image: url("/images/blog/blog-details.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
  }
  .hero.bd .hero__container {
	align-self: start;
	position: relative;
  }
  .hero.bd .hero__container .hero__bd__icon {
	position: absolute;
	top: -1.5rem;
	z-index: 1;
	width: 7.5rem;
	height: 7.5rem;
  }
  .bd__content {
	display: grid;
	grid-column: span 4;
	grid-template-columns: subgrid;
	background-color: hsl(198, 57%, 94%);
  }
  .bd__content .bd__content__container {
	grid-column: 2/4;
	place-self: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 90rem;
	width: 100%;
	grid-template-columns: 1fr 0.5fr;
	gap: 0 4rem;
	padding-bottom: 4rem;
  }
  .bd__content .bd__content__container .bd__content__article {
	padding-bottom: 2rem;
	border-bottom: 4px dotted hsl(198, 56%, 44%);
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__card {
	background-color: #d74753;
	padding: 2.75rem 3.125rem 3.125rem;
	transform: translateY(-25%)
}
  .bd__content .bd__content__container .bd__content__article .bd__content__article__card h1 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: clamp(2rem, 4vw, 3.5rem);
	text-transform: uppercase;
}
  .bd__content .bd__content__container .bd__content__article .bd__content__article__card .bd__content__article__card__info {
	display: flex;
	gap: 0 2rem;
	width: 100%;
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__card .bd__content__article__card__info .bd__content__article__card__info__author {
	display: flex;
	align-items: center;
	gap: 0 1rem;
	padding-right: 2rem;
	border-right: 4px dotted hsl(0, 0%, 100%);
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__card .bd__content__article__card__info .bd__content__article__card__info__author svg {
	align-self: start;
	min-width: 1.25rem;
	max-height: 2.5rem;
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__card .bd__content__article__card__info .bd__content__article__card__info__author div h3 {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(1.125rem, 4vw, 1.375rem);
	font-weight: 700;
	line-height: clamp(1.125rem, 4vw, 1.375rem);
	text-transform: uppercase;
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__card .bd__content__article__card__info .bd__content__article__card__info__author div span {
	font-family: "Isidora", system-ui, sans-serif;
	font-size: clamp(0.875rem, 4vw, 1rem);
	font-weight: 600;
	line-height: clamp(1.125rem, 4vw, 1.25rem);
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__card .bd__content__article__card__info time {
	align-self: start;
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__text {
	margin-bottom: 3.12rem;
	color: hsl(216, 40%, 20%);
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__text h2 {
	margin-bottom: 1rem;
	font-size: clamp(1.25rem, 4vw, 1.5rem);
	font-weight: 700;
	line-height: clamp(1.375rem, 4vw, 1.625rem);
	letter-spacing: 0.24rem;
	text-transform: uppercase;
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__text p, 
  .bd__content .bd__content__container .bd__content__article .bd__content__article__text ul, 
  .bd__content .bd__content__container .bd__content__article .bd__content__article__text ol {
	max-width: 100%;
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 400;
	line-height: clamp(1.375rem, 4vw, 1.5rem);
	padding: 0 0 1rem;
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__text pre {
	max-width: 125ch;
    overflow: auto;
	font-family: 'Courier New', Courier;
	font-size: 12px;
	background-color: #fff;
	padding: 10px;
	margin: 10px 0;
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__text ul {
	list-style-type: initial;
	padding-left: 1.1rem;
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 2rem;
    border-bottom: 4px dotted hsl(198, 56%, 44%);
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__footer .bd__content__article__footer__share {
	display: flex;
	align-items: center;
	gap: 0 1.5rem;
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__footer .bd__content__article__footer__share h3 {
	font-size: clamp(1rem, 4vw, 1.25rem);
	font-weight: 700;
	line-height: 1.375rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__footer .bd__content__article__footer__btns {
	display: flex;
	align-items: center;
	gap: 0 0.5rem;
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__footer .bd__content__article__footer__btns button {
	height: 2.75rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem;
	color: hsl(0, 0%, 100%);
	transition: background-color 0.4s ease-in-out;
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__footer .bd__content__article__footer__btns button:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .bd__content .bd__content__container .bd__content__article .bd__content__article__comments {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	padding: 15px;
	margin-top: 2rem;
}
.bd__content .bd__content__container .bd__content__article .bd__content__article__comments h3{
	color: hsl(216, 40%, 20%);
}
  .bd__content .bd__content__container .bd__content__aside {
	display: flex;
	flex-direction: column;
	gap: 2.25rem 0;
	width: 19rem;
	padding-top: 14rem;
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__form {
	display: flex;
	flex-direction: column;
	gap: 2.25rem 0;
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__form .form__group {
	display: flex;
	align-items: center;
	gap: 0 0.5rem;
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__form .form__group button {
	height: 2.75rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem;
	color: hsl(0, 0%, 100%);
	transition: background-color 0.4s ease-in-out;
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__form .form__group button:hover {
	background-color: hsl(13, 80%, 69%);
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__form .form__group:last-child {
	position: relative;
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__form .form__group:last-child .form__group__input {
	width: 100%;
	height: 2.75rem;
	outline: none;
	border: unset;
	border-bottom: 3px solid rgba(0, 0, 0, 0.1);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5rem;
	color: hsl(216, 40%, 20%);
	background-color: transparent;
	transition: all 0.4s ease-in-out;
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__form .form__group:last-child .form__group__input::-moz-placeholder {
	color: hsl(216, 40%, 20%);
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__form .form__group:last-child .form__group__input::placeholder {
	color: hsl(216, 40%, 20%);
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__form .form__group:last-child .form__group__input:hover {
	border-color: hsl(162, 54%, 43%);
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__form .form__group:last-child svg {
	position: absolute;
	right: 0;
	fill: hsl(216, 40%, 20%);
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__cat,
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__tags,
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__articles {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__cat h3,
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__tags h3,
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__articles h3 {
	width: 100%;
	margin-bottom: 1rem;
	font-size: clamp(1rem, 4vw, 1.25rem);
	font-weight: 700;
	line-height: 1.375rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	color: hsl(198, 56%, 44%);
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__cat .bd__content__aside__tag,
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__tags .bd__content__aside__tag,
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__articles .bd__content__aside__tag {
	padding: 0.5rem 1rem;
	font-size: clamp(1rem, 4vw, 1.125rem);
	font-weight: 700;
	line-height: 1.375rem; /* 110% */
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	background-color: hsl(355, 64%, 56%);
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__articles a h2 {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color: hsl(216, 40%, 20%);
	transition: color 0.4s ease-in-out;
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__articles a time {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5rem;
	color: hsl(355, 64%, 56%);
	transition: color 0.4s ease-in-out;
  }
  .bd__content .bd__content__container .bd__content__aside .bd__content__aside__articles a:hover h2, .bd__content .bd__content__container .bd__content__aside .bd__content__aside__articles a:hover time {
	color: hsl(13, 80%, 69%);
  }
  .error__container {
	grid-column: 2/4;
	display: grid;
	grid-template-columns: 1fr;
	place-content: center;
	height: 100svh;
  }
  .error__container .error__items {
	place-self: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 30rem;
	gap: 1rem 0;
	text-transform: uppercase;
	text-align: center;
	color: hsl(0, 0%, 100%);
  }
  .error__container .error__items h1 {
	padding-bottom: 1rem;
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 600;
	line-height: clamp(2rem, 4vw, 3.5rem);
  }
  .error__container .error__items h2 {
	font-size: clamp(1.125rem, 4vw, 1.625rem);
	font-weight: 500;
  }
  @media only screen and (max-width: 1440px) {
	.cta {
	  max-width: 80rem;
	}
  }
  @media only screen and (max-width: 768px) {
	.wrapper {
	  grid-template-columns: 1rem 1fr 1rem;
	}
  }
  @media only screen and (max-width: 1024px) {
	.header {
	  grid-template-rows: 2.25rem 1fr;
	}
	.header .contact__info {
	  display: flex;
	}
  }
  @media only screen and (max-width: 425px) {
	.header {
	  grid-template-rows: 1fr;
	}
	.header .contact__info {
	  display: none;
	}
  }
  @media only screen and (max-width: 1440px) {
	.nav {
	  padding-inline: 5rem;
	}
	.nav .dropdown__menu {
	  left: calc(50% - 40rem);
	}
  }
  @media only screen and (max-width: 1024px) {
	.nav {
	  grid-row: 2;
	}
	.nav .nav__list li:last-child {
	  display: none;
	}
	.nav .dropdown__menu {
	  grid-template-columns: repeat(3, 1fr);
	  left: calc(50% - 29rem);
	  padding: 1rem;
	}
	.nav .dropdown__menu li:last-child {
	  grid-column: span 3;
	}
  }
  @media only screen and (max-width: 768px) {
	.nav {
	  padding-inline: 1rem;
	}
	.nav .nav__toggle {
	  display: block;
	}
	.nav .nav__list.open {
	  left: 0;
	  visibility: visible;
	  opacity: 1;
	}
	.nav .nav__list.close {
	  left: 0;
	  visibility: hidden;
	  opacity: 0;
	}
	.nav .nav__list {
	  position: absolute;
	  top: 0;
	  left: -100%;
	  flex-direction: column;
	  align-items: flex-start;
	  gap: 1.5rem;
	  width: 100%;
	  height: 100svh;
	  padding-inline: 1rem;
	  visibility: hidden;
	  opacity: 0;
	}
	.nav .nav__list li {
	  justify-content: flex-start;
	  width: 100%;
	  height: 2.75rem;
	}
	.nav .nav__list li:first-child, .nav .nav__list li:nth-child(2) {
	  display: flex;
	}
	.nav .nav__list li:first-child {
	  height: 4.75rem;
	  justify-content: flex-end;
	}
	.nav .nav__list .dropdown__item .nav__link {
	  justify-content: space-between;
	  width: 100%;
	}
	.nav .nav__list .dropdown__item .nav__link svg {
	  rotate: -90deg;
	  fill: hsl(0, 0%, 100%);
	}
	.nav .dropdown__menu.open {
	  top: 0;
	}
	.nav .dropdown__menu {
	  left: 0;
	  grid-template-columns: 1fr;
	  gap: unset;
	  width: 100%;
	  height: 100svh;
	  border-radius: unset;
	  box-shadow: none;
	}
	.nav .dropdown__menu li.dropdown__menu__close {
	  display: flex;
	  height: 3.75rem;
	}
	.nav .dropdown__menu li:nth-child(2) {
	  display: block;
	}
	.nav .dropdown__menu li:last-child {
	  grid-column: unset;
	  width: 100%;
	  height: 4.75rem;
	  border-top: 1px solid hsl(162, 54%, 43%);
	  border-radius: unset;
	}
	.nav .dropdown__menu li {
	  width: 100%;
	  height: 2.75rem;
	  padding: 0.5rem;
	}
	.nav .dropdown__menu .dropdown__menu__card .card__link p {
	  display: none;
	}
  }
  @media only screen and (max-width: 425px) {
	.nav {
	  grid-row: 1;
	}
  }
  @media only screen and (max-width: 768px) {
	.testimonials .testimonials__container {
	  grid-column: 2/3;
	}
	.testimonials .testimonials__container .testimonials__card {
	  padding: 2.375rem 0;
	  flex-direction: column;
	  align-items: flex-start;
	  gap: 1.25rem;
	}
	.testimonials .testimonials__container .testimonials__card .card__quote__icon {
	  width: 4.125rem;
	}
	.testimonials .testimonials__container .testimonials__card .card__quote__icon.top {
	  align-self: center;
	}
	.testimonials .testimonials__container .testimonials__card .card__quote__icon.bottom {
	  display: none;
	}
	.testimonials .testimonials__container .testimonials__card .card__content p {
	  padding-inline: 1.5rem;
	}
  }
  @media only screen and (max-width: 1440px) {
	.footer .footer__container {
	  padding-inline: 5rem;
	}
	.footer .footer__container .footer__info__box .footer__info__box__contact, .footer .footer__container .footer__info__box .footer__info__box__reg {
	  flex-direction: column;
	  align-items: flex-start;
	}
  }
  @media only screen and (max-width: 1024px) {
	.footer .footer__container {
	  grid-template-columns: repeat(3, 1fr);
	}
	.footer .footer__container .footer__menu {
	  display: none;
	}
  }
  @media only screen and (max-width: 768px) {
	.footer {
	  padding-top: 1rem;
	}
	.footer .footer__container {
	  grid-template-columns: 1fr;
	  padding-bottom: 1rem;
	  padding-inline: 1rem;
	}
	.footer .footer__container .footer__article {
	  padding-block: 1rem;
	}
	.footer .footer__container .footer__products h3 {
	  width: auto;
	}
  }
  @media only screen and (min-width: 2560px) {
	.hero.hh {
	  background-position-x: 85rem;
	}
  }
  @media only screen and (max-width: 1440px) {
	.hero.hh {
	  background-position-x: 45rem;
	}
  }
  @media only screen and (max-width: 1024px) {
	.hero.hh {
	  margin-block: 2rem;
	  background-position-x: 35rem;
	}
  }
  @media only screen and (max-width: 768px) {
	.hero.hh {
	  grid-column: span 4;
	  background-position-x: 25rem;
	}
	.hero.hh .hero__container {
	  grid-column: 2/3;
	}
	.hero.hh .hero__container .hero__text {
	  grid-column: 1;
	  width: 100%;
	}
  }
  @media only screen and (max-width: 425px) {
	.hero.hh {
	  background-position-y: 85%;
	  background-position-x: 4rem;
	  background-size: 140%;
	}
	.hero.hh .hero__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	  place-self: start;
	}
	.hero.hh .hero__container .hero__text {
	  padding-right: unset;
	  text-align: center;
	}
	.hero.hh .hero__container .hero__text .hero__text__cta {
	  place-self: center;
	  transform: translateY(12rem);
	}
  }
  @media only screen and (max-width: 320px) {
	.hero.hh .hero__container .hero__text .hero__text__cta {
	  transform: translateY(10rem);
	}
  }
  @media only screen and (min-width: 2560px) {
	.processes {
	  background-size: 55%, 55%, 25%, 45%;
	  background-position: 120% 15%, -20% 35%, 75% 58%, 0 80%;
	}
  }
  @media only screen and (max-width: 1024px) {
	.processes {
	  background-position: 290% 15%, -170% 35%, 85% 55%, -60% 75%;
	}
	.processes .processes__container .item {
	  height: 25rem;
	}
  }
  @media only screen and (max-width: 768px) {
	.processes {
	  padding-bottom: 10rem;
	  background-position: 515% 9%, -90% 33%, 50% 54.5%, -515% 77%;
	  background-size: 95%, 95%, 50%, 95%;
	}
	.processes .processes__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.processes .processes__container .title {
	  grid-column: 1;
	  padding-bottom: 2rem;
	}
	.processes .processes__container .item {
	  grid-column: 1;
	  height: 40rem;
	}
	.processes .processes__container .item:last-child {
	  height: auto;
	}
	.processes .processes__container .item .item__text {
	  place-self: end;
	  width: 100%;
	  text-align: center;
	}
	.processes .processes__container .item .item__text.it__left-p, .processes .processes__container .item .item__text.it__right-p {
	  grid-column: 1;
	}
	.processes .processes__container .item a.cta {
	  grid-column: 1;
	  margin-block: 3rem;
	}
  }
  @media only screen and (max-width: 425px) {
	.processes {
	  padding-bottom: 14rem;
	  background-position: 5rem 9.5%, -5rem 33%, center 51%, -10rem 71%;
	  background-size: 30rem, 30rem, 60%, 30rem;
	}
	.processes .processes__container .item {
	  height: 35rem;
	}
	.processes .processes__container .item a.cta {
	  flex-direction: column;
	  width: auto;
	  height: auto;
	  padding: 1.25rem 1.5rem 1.875rem 1.5rem;
	}
	.processes .processes__container .item a.cta svg {
	  rotate: 90deg;
	}
  }
  @media only screen and (max-width: 375px) {
	.processes {
	  background-position: 5rem 10%, -9rem 33%, center 51%, -12rem 71%;
	}
	.processes .processes__container .title {
	  margin-bottom: 2rem;
	}
  }
  @media only screen and (max-width: 320px) {
	.processes {
	  background-position: 3rem 10%, -11rem 33%, center 51.5%, -14rem 71%;
	}
  }
  @media only screen and (min-width: 2560px) {
	.deliverables {
	  background-size: 48%;
	}
  }
  @media only screen and (max-width: 1440px) {
	.deliverables {
	  background-size: 77%;
	}
  }
  @media only screen and (max-width: 1024px) {
	.deliverables {
	  height: 110rem;
	  background-image: unset;
	}
	.deliverables .deliverables__container {
	  place-self: end;
	  padding: 5rem;
	}
	.deliverables .deliverables__container .deliverables__container__items {
	  flex-direction: column;
	  gap: 3.12rem 0;
	}
	.deliverables .deliverables__container a.cta {
	  width: calc(100% - 2rem);
	}
  }
  @media only screen and (max-width: 425px) {
	.deliverables {
	  height: 130rem;
	}
	.deliverables .deliverables__container {
	  padding-bottom: 5rem;
	}
	.deliverables .deliverables__container .deliverables__container__items .item .item__img {
	  place-self: center;
	}
	.deliverables .deliverables__container a.cta {
	  flex-direction: column;
	  height: 9rem;
	  bottom: -5%;
	}
	.deliverables .deliverables__container a.cta svg {
	  rotate: 90deg;
	}
  }
  @media only screen and (max-width: 375px) {
	.deliverables {
	  height: 136rem;
	}
  }
  @media only screen and (max-width: 320px) {
	.deliverables {
	  height: 148rem;
	}
	.deliverables .deliverables__container a.cta {
	  bottom: -4%;
	}
  }
  @media only screen and (max-width: 1024px) {
	.process .process__container .item .item__title {
	  width: 100%;
	}
	.process .process__container .item .item__content {
	  width: 100%;
	  height: auto;
	  padding-bottom: 1rem;
	}
	.process .process__container .item .item__content h2:before {
	  height: 15rem;
	}
  }
  @media only screen and (min-width: 1024px) {
	.process .process__container .item .item__title {
	  position: sticky;
	  top: 5rem;
	}
	.process .process__container .item .item__title :last-of-type {
	  padding-bottom: 2rem;
	}
  }
  @media only screen and (max-width: 768px) {
	.process {
	  padding-top: 8rem;
	  /* PROCESS SECOND SECTION WITH WHITE BACKGROUND COLOR */
	  /******************************************************/
	}
	.process.second__section {
	  padding-top: 3rem;
	  padding-bottom: 10rem;
	}
	.process .process__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.process .process__container .title {
	  grid-column: 1;
	  padding-bottom: 3rem;
	}
	.process .process__container .title h2 br {
	  display: none;
	}
	.process .process__container .item {
	  grid-column: 1;
	  grid-template-columns: 1fr;
	  gap: unset;
	  padding-bottom: 1rem;
	}
	.process .process__container .item .item__title {
	  grid-column: 1;
	  align-items: flex-start;
	  height: auto;
	  text-align: unset;
	}
	.process .process__container .item .item__title br:nth-child(2) {
	  display: none;
	}
	.process .process__container .item .item__title h2.item__title__text {
	  padding-block: 1rem;
	}
	.process .process__container .item .item__content {
	  grid-column: 1;
	  height: auto;
	  padding-left: 3.5rem;
	  padding-bottom: 1rem;
	}
	.process .process__container .item .item__content h2:before {
	  left: calc(-2.2rem - 2px);
	  height: 9rem;
	}
	.process .process__container .item .item__content h2 .item__content__icon {
	  left: -3.5rem;
	  width: 2.8rem;
	  height: 2.8rem;
	}
	.process .process__container .item .item__content h2 .item__content__icon img {
	  transform: scale(0.6);
	}
	.process .process__container .item .item__content p {
	  padding-top: 0.4rem;
	}
	.process .process__container .item .item__content.last {
	  height: 15rem;
	}
	.process .process__container .item .item__content.last h2:before {
	  height: 0rem;
	}
	.process .process__container .item .item__content.last h2 .item__content__icon.s-icon {
	  left: -3.2rem;
	}
	.process .process__container .item:last-child .item__title h2 br {
	  display: none;
	}
  }
  @media only screen and (max-width: 375px) {
	.process {
	  /* PROCESS SECOND SECTION WITH WHITE BACKGROUND COLOR */
	}
	.process.second__section {
	  padding-bottom: 18rem;
	}
  }
  @media only screen and (max-width: 320px) {
	.process .process__container .item.first-section {
	  padding-bottom: 7rem;
	}
  }
  @media only screen and (max-width: 1024px) {
	.hero__bottom .hero__bottom__text {
	  width: 100%;
	}
  }
  @media only screen and (max-width: 768px) {
	.hero__bottom {
	  padding-bottom: 4rem;
	}
	.hero__bottom .hero__container {
	  grid-column: 2/3;
	  grid-template-columns: 1fr;
	}
	.hero__bottom .hero__container .hero__bottom__text {
	  grid-column: 1;
	  align-items: center;
	  padding-top: 2rem;
	}
	.hero__bottom .hero__container .hero__bottom__text h2 span:first-child {
	  display: none;
	}
	.hero__bottom .hero__container .hero__bottom__text h2 span:nth-child(2) {
	  display: block;
	}
  }
  @media only screen and (max-width: 425px) {
	.hero__bottom {
	  padding-top: 20rem;
	}
  }
  @media only screen and (max-width: 1024px) {
	.hero.wwd {
	  background-size: 50%;
	}
	.wwd__filters {
	  padding-top: unset;
	}
	.wwd__projects .wwd__projects__row.projects__cta a.cta {
	  width: 100%;
	}
  }
  @media only screen and (max-width: 768px) {
	.wwd__filters {
	  grid-column: 2;
	}
	.wwd__filters .wwd__filters__wrapper .wwd__filters__row {
	  flex-direction: column;
	  align-items: flex-start;
	}
	.wwd__filters .wwd__filters__wrapper .wwd__filters__row p, .wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container {
	  width: auto;
	}
	.wwd__projects {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	  padding-top: unset;
	}
	.wwd__projects .wwd__projects__row {
	  grid-template-columns: 1fr;
	  gap: 1rem 0;
	}
  }
  @media only screen and (max-width: 425px) {
	.hero.wwd {
	  height: 35rem;
	  background-size: 95%;
	  background-position-y: 5%;
	}
	.hero.wwd .hero__container {
	  grid-column: 2;
	  place-self: end;
	  grid-template-columns: 1fr;
	}
	.hero.wwd .hero__container .hero__text {
	  padding-right: unset;
	  text-align: center;
	}
	.wwd__filters {
	  grid-template-columns: 1fr;
	  padding-bottom: unset;
	}
	.wwd__filters .wwd__filters__wrapper {
	  grid-column: 1;
	}
	.wwd__filters .wwd__filters__wrapper .wwd__filters__row {
	  display: none;
	  padding-block: 1rem;
	  border-bottom: 1px solid hsl(162, 54%, 43%);
	}
	.wwd__filters .wwd__filters__wrapper .wwd__filters__row p {
	  display: none;
	}
	.wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container {
	  flex-wrap: unset;
	  flex-direction: column;
	  width: 100%;
	  max-height: 16rem;
	  height: auto;
	  overflow-y: scroll;
	}
	.wwd__filters .wwd__filters__wrapper .wwd__filters__row .filters__container .filter__item {
	  width: 100%;
	  min-height: 2.75rem;
	}
	.wwd__filters .wwd__filters__wrapper .wwd__filters__row.mobile {
	  display: flex;
	}
	.wwd__projects .wwd__projects__row:first-child {
	  border-top: unset;
	}
	.wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card {
	  flex-direction: row;
	  gap: unset;
	  width: 100%;
	  height: 4.5rem;
	  padding: 0.7rem;
	  border-radius: 0 1rem;
	}
	.wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card .wwd__projects__card__icons {
	  width: auto;
	}
	.wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card .wwd__projects__card__icons img.arrow-top-left, .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card .wwd__projects__card__icons img.arrow-down-left {
	  display: none;
	}
	.wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card h2, .wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card h3 {
	  width: -moz-max-content;
	  width: max-content;
	  padding-left: 1rem;
	}
	.wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card p {
	  width: 100%;
	  font-size: 0.9rem;
	  text-align: center;
	}
	.wwd__projects .wwd__projects__row .wwd__projects__cards .wwd__projects__card.more-card svg.more-icon {
	  display: none;
	}
	.wwd__projects .wwd__projects__row.projects__cta a.cta {
	  grid-column: 1;
	  flex-direction: column;
	  height: auto;
	  padding: 1.25rem 1.5rem 1.875rem 1.5rem;
	}
	.wwd__projects .wwd__projects__row.projects__cta a.cta svg {
	  rotate: 90deg;
	}
  }
  @media only screen and (max-width: 320px) {
	.wwd__filters .wwd__filters__wrapper .wwd__filters__row.mobile .filters__container {
	  flex-direction: column;
	}
	.wwd__filters .wwd__filters__wrapper .wwd__filters__row.mobile .filters__container .filter__item {
	  width: 100%;
	}
  }
  @media only screen and (max-width: 1024px) {
	.hero.wwa {
	  background-size: 50%;
	}
  }
  @media only screen and (max-width: 768px) {
	.hero.wwa .hero__container {
	  grid-column: 2;
	}
	.hero.wwa .hero__container .wwa__team__container__row {
	  justify-content: space-evenly;
	}
	.wwa__team .wwa__team__member, .wwa__tech .wwa__team__member, .wwa__ca .wwa__team__member {
	  flex-basis: 34%;
	}
	.wwa__team .wwa__team__container,
	.wwa__team .wwa__tech__container,
	.wwa__team .wwa__ca__container, .wwa__tech .wwa__team__container,
	.wwa__tech .wwa__tech__container,
	.wwa__tech .wwa__ca__container, .wwa__ca .wwa__team__container,
	.wwa__ca .wwa__tech__container,
	.wwa__ca .wwa__ca__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.wwa__team .wwa__team__container .wwa__team__container__row,
	.wwa__team .wwa__team__container .wwa__tech__container__row,
	.wwa__team .wwa__team__container .wwa__ca__container__row,
	.wwa__team .wwa__tech__container .wwa__team__container__row,
	.wwa__team .wwa__tech__container .wwa__tech__container__row,
	.wwa__team .wwa__tech__container .wwa__ca__container__row,
	.wwa__team .wwa__ca__container .wwa__team__container__row,
	.wwa__team .wwa__ca__container .wwa__tech__container__row,
	.wwa__team .wwa__ca__container .wwa__ca__container__row, .wwa__tech .wwa__team__container .wwa__team__container__row,
	.wwa__tech .wwa__team__container .wwa__tech__container__row,
	.wwa__tech .wwa__team__container .wwa__ca__container__row,
	.wwa__tech .wwa__tech__container .wwa__team__container__row,
	.wwa__tech .wwa__tech__container .wwa__tech__container__row,
	.wwa__tech .wwa__tech__container .wwa__ca__container__row,
	.wwa__tech .wwa__ca__container .wwa__team__container__row,
	.wwa__tech .wwa__ca__container .wwa__tech__container__row,
	.wwa__tech .wwa__ca__container .wwa__ca__container__row, .wwa__ca .wwa__team__container .wwa__team__container__row,
	.wwa__ca .wwa__team__container .wwa__tech__container__row,
	.wwa__ca .wwa__team__container .wwa__ca__container__row,
	.wwa__ca .wwa__tech__container .wwa__team__container__row,
	.wwa__ca .wwa__tech__container .wwa__tech__container__row,
	.wwa__ca .wwa__tech__container .wwa__ca__container__row,
	.wwa__ca .wwa__ca__container .wwa__team__container__row,
	.wwa__ca .wwa__ca__container .wwa__tech__container__row,
	.wwa__ca .wwa__ca__container .wwa__ca__container__row {
	  grid-column: 1;
	  justify-content: space-evenly;
	}
  }
  @media only screen and (max-width: 425px) {
	.hero.wwa {
	  height: 35rem;
	  background-size: 95%;
	  background-position-y: 85%;
	}
	.hero.wwa .hero__container {
	  place-self: start;
	  grid-template-columns: 1fr;
	}
	.hero.wwa .hero__container .hero__text {
	  text-align: center;
	}
	.wwa__team .wwa__team__container .wwa__team__container__row {
	  justify-content: center;
	  gap: 1.62rem;
	  padding-bottom: 2rem;
	}
	.wwa__team .wwa__team__container .wwa__team__container__row:last-child {
	  gap: 0.75rem;
	  padding-top: 2rem;
	}
	.wwa__team .wwa__team__container .wwa__team__container__row h2 {
	  text-align: center;
	}
	.wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member {
	  flex-direction: row;
	  flex-wrap: wrap;
	  width: 100%;
	  height: auto;
	}
	.wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member img {
	  width: 3.125rem;
	  height: 3.125rem;
	  border-radius: 1.5625rem 0 1.5625rem 1.5625rem;
	}
	.wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member h3, .wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member p {
	  width: 100%;
	}
	.wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member h3 br, .wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member p br {
	  display: none;
	}
	.wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member__dev {
	  width: 11.5rem;
	  gap: 0.5rem;
	}
	.wwa__team .wwa__team__container .wwa__team__container__row .wwa__team__member__dev svg {
	  width: 15%;
	}
	.wwa__tech {
	  padding-block: 3.125rem;
	}
	.wwa__tech .wwa__tech__container .wwa__tech__container__row {
	  gap: 2rem;
	}
	.wwa__tech .wwa__tech__container .wwa__tech__container__row div {
	  gap: 0.5rem;
	  text-align: center;
	}
	.wwa__tech .wwa__tech__container .wwa__tech__container__row .tech__tags {
	  justify-content: center;
	}
	.wwa__ca {
	  padding-block: 3.125rem;
	}
	.wwa__ca .wwa__ca__container .wwa__ca__container__row {
	  gap: 1rem;
	}
	.wwa__ca .wwa__ca__container .wwa__ca__container__row h2.wwa__ca__title {
	  text-align: center;
	}
	.wwa__ca .wwa__ca__container .wwa__ca__container__row .wwa__ca__imgs {
	  gap: 2rem;
	}
	.wwa__ca .wwa__ca__container .wwa__ca__container__row .wwa__ca__imgs img {
	  width: 4rem;
	  height: 1.6875rem;
	}
  }
  @media only screen and (max-width: 1440px) {
	.hero.ec .hero__container {
	  grid-column: 2/4;
	}
  }
  @media only screen and (max-width: 768px) {
	.hero.ec {
	  padding-block: 1rem;
	}
	.hero.ec .hero__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.hero.ec .hero__container .hero__text {
	  text-align: center;
	}
	.hero.ec .hero__container .hero__text:last-child {
	  grid-column: 1;
	}
	.hero.ec .hero__container .hero__text:last-child p {
	  display: flex;
	  flex-wrap: wrap;
	  align-items: center;
	  justify-content: center;
	  gap: 0.75rem;
	}
	.ec__map, .ec__business {
	  grid-column: span 3;
	}
	.ec__map .ec__map__container, .ec__map .ec__business__container, .ec__business .ec__map__container, .ec__business .ec__business__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.ec__map .ec__map__container .map__cta, .ec__map .ec__map__container .ec__business__title, .ec__map .ec__map__container .ec__business__cards, .ec__map .ec__business__container .map__cta, .ec__map .ec__business__container .ec__business__title, .ec__map .ec__business__container .ec__business__cards, .ec__business .ec__map__container .map__cta, .ec__business .ec__map__container .ec__business__title, .ec__business .ec__map__container .ec__business__cards, .ec__business .ec__business__container .map__cta, .ec__business .ec__business__container .ec__business__title, .ec__business .ec__business__container .ec__business__cards {
	  grid-column: 1;
	}
	.ec__map .ec__map__container .ec__business__title h2, .ec__map .ec__business__container .ec__business__title h2, .ec__business .ec__map__container .ec__business__title h2, .ec__business .ec__business__container .ec__business__title h2 {
	  letter-spacing: unset;
	}
	.ec__slider .ec__slider__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.ec__slider .ec__slider__container .ec__slider__title {
	  grid-column: 1;
	}
	.ec__experience .ec__experience__container {
	  grid-column: 2;
	}
	.ec__experience .ec__experience__container .ec__experience__title {
	  padding-bottom: unset;
	}
	.ec__experience .ec__experience__container .ec__experience__items {
	  flex-direction: column;
	}
	.ec__experience .ec__experience__container .ec__experience__items .ec__experience__item {
	  padding-block: 2.75rem;
	}
	.ec__experience .ec__experience__container .ec__experience__items .ec__experience__item:nth-child(2) {
	  border-inline: unset;
	  border-block: 4px dotted hsl(198, 56%, 44%);
	}
  }
  @media only screen and (max-width: 425px) {
	.hero.ec .hero__container .hero__text:last-child p .hero__text__tags {
	  flex-direction: column;
	  align-items: unset;
	}
	.hero.ec .hero__container .hero__text:last-child p .hero__text__tags span:nth-child(2) {
	  display: none;
	}
	.hero.ec .hero__container .hero__text:last-child p .hero__text__tags span:last-child:before {
	  content: "to";
	  position: absolute;
	  left: 18%;
	}
	.ec__map {
	  padding: unset;
	  padding-bottom: 1rem;
	}
	.ec__map .ec__map__container {
	  max-width: 90rem;
	  width: 100%;
	  height: auto;
	  background-image: unset;
	}
	.ec__map .ec__map__container .map__pin {
	  display: none;
	}
	.ec__map .ec__map__container .map__cta {
	  height: 2.75rem;
	  margin-bottom: unset;
	  padding-inline: 1rem;
	}
	.ec__business .ec__business__container .ec__business__cards {
	  flex-direction: column;
	  flex-wrap: unset;
	  gap: 2rem 0;
	  padding-block: 1rem;
	}
	.ec__business .ec__business__container .ec__business__cards .ec__business__card {
	  flex-direction: column;
	  align-items: center;
	  gap: 0.5rem 0;
	  width: 100%;
	  text-align: center;
	}
	.ec__slider.ec__pb {
	  padding-bottom: 15rem;
	}
	.ec__slider .ec__slider__container .ec__slider__glider-contain {
	  padding-block: 1rem;
	}
	.ec__slider .ec__slider__container .ec__slider__glider-contain .glider {
	  overflow: hidden;
	}
	.ec__slider .ec__slider__container .ec__slider__glider-contain .glider .glider-track {
	  gap: 0 2.25rem;
	}
	.ec__slider .ec__slider__container .ec__slider__glider-contain .glider img {
	  width: 100% !important;
	}
  }
  @media only screen and (max-width: 375px) {
	.hero.ec .hero__container .hero__text:last-child p .hero__text__tags span:last-child:before {
	  left: 15%;
	}
  }
  @media only screen and (max-width: 320px) {
	.hero.ec .hero__container .hero__text:last-child p .hero__text__tags span:last-child:before {
	  left: 10%;
	}
  }
  @media only screen and (min-width: 2560px) {
	.hero.cs {
	  background-position-x: 70%;
	}
  }
  @media only screen and (max-width: 1440px) {
	.hero.cs {
	  background-position-x: 90%;
	}
	/* Case Stuides Blog */
	.csb__hero .csb__hero__container .csb__hero__card {
	  padding: 1.125rem 1.25rem 1.25rem 1.25rem;
	}
	.csb__content .csb__content__container .csb__content__article {
	  padding-left: unset;
	}
  }
  @media only screen and (max-width: 1024px) {
	.hero.cs {
	  background-size: 45%;
	}
	.csb__content .csb__content__container .csb__content__aside .csb__content__aside__card {
	  padding: 1.125rem 1.25rem 1.25rem 1.25rem;
	}
  }
  @media only screen and (max-width: 768px) {
	.hero.cs {
	  padding-bottom: unset;
	}
	.hero.cs .hero__container {
	  grid-column: 2;
	}
	.hero.cs .hero__container h1 span br {
	  display: none;
	}
	.cs__list {
	  padding-block: 0.5rem;
	}
	.cs__list .cs__list__container {
	  grid-column: 2;
	}
	.cs__list .cs__list__container .cs__cards {
	  gap: 1.5rem 0;
	}
	.cs__list .cs__list__container .cs__cards .cs__card {
	  width: 40%;
	}
	.cs__list .cs__list__container .cs__cards .cs__card .cs__card__img {
	  width: 100%;
	  height: 10rem;
	  -o-object-fit: cover;
		 object-fit: cover;
	}
	.cs__list .cs__list__container .cs__cards .cs__card .cs__card__tag {
	  padding: 0.375rem 0.75rem;
	  max-width: 11rem;
	  font-size: 0.9rem;
	}
	/* Case Stuides Blog */
	.hero.csb {
	  padding-block: 2rem;
	  display: flex;
	}
	.hero.csb .hero__container {
	  grid-column: 2;
	}
	.hero.csb .hero__container .csb__testimonials {
	  grid-column: span 2;
	  flex-direction: column;
	  align-items: center;
	  gap: 1rem 0;
	}
	.hero.csb .hero__container .csb__testimonials .card__content {
	  text-align: center;
	}
	.csb__hero .csb__hero__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.csb__hero .csb__hero__container .csb__hero__card {
	  width: 100%;
	}
	.csb__content .csb__content__container {
	  grid-column: 2;
	}
	.csb__content .csb__content__container .csb__content__aside .csb__content__aside__card {
	  top: 8.125rem;
	}
  }
  @media only screen and (max-width: 425px) {
	.hero.cs {
	  height: 30rem;
	  background-position-x: center;
	  background-position-y: 10%;
	  background-size: 90%;
	}
	.hero.cs .hero__container {
	  place-self: end;
	  grid-template-columns: 1fr;
	}
	.hero.cs .hero__container .hero__text {
	  padding-right: unset;
	  text-align: center;
	}
	.cs__list {
	  padding: unset;
	}
	.cs__list .cs__list__container {
	  grid-template-columns: 1fr;
	}
	.cs__list .cs__list__container .cs__cards {
	  grid-column: 1;
	}
	.cs__list .cs__list__container .cs__cards .cs__card {
	  width: 100%;
	}
	/* Case Stuides Blog */
	.csb__hero {
	  height: 15rem;
	}
	.csb__hero .csb__hero__container {
	  height: 15rem;
	}
	.csb__hero .csb__hero__container .csb__hero__card {
	  transform: translate(0, 40%);
	}
	.csb__content {
	  padding-top: 23rem;
	}
	.csb__content .csb__content__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.csb__content .csb__content__container .csb__content__article {
	  grid-column: 1;
	  padding-left: unset;
	}
	.csb__content .csb__content__container .csb__content__aside {
	  grid-column: 1;
	  margin-left: 0;
	}
	.csb__content .csb__content__container .csb__content__aside .csb__content__aside__card {
	  position: static;
	  width: 100%;
	  margin-top: 3rem;
	  margin-left: unset;
	}
	.csb__footer {
	  padding-block: unset;
	}
	.csb__footer .csb__footer__container {
	  grid-column: 2;
	}
	.csb__footer .csb__footer__container .csb__footer__container__items {
	  flex-direction: column;
	  flex-wrap: unset;
	  justify-content: space-between;
	  align-items: center;
	  gap: 1.5rem 0;
	}
	.csb__footer .csb__footer__container .csb__footer__container__items .csb__footer__item {
	  flex-direction: row;
	  justify-content: space-between;
	  align-items: center;
	  gap: 0 1rem;
	  width: 100%;
	  height: auto;
	}
	.csb__footer .csb__footer__container .csb__footer__container__items .csb__footer__item .csb__footer__item__icon {
	  width: 3.25rem;
	  height: 3.25rem;
	}
	.csb__footer .csb__footer__container .csb__footer__container__items .csb__footer__item .csb__footer__item__icon img {
	  width: 1.5rem;
	  height: 1.5rem;
	}
	.csb__footer .csb__footer__container .csb__footer__container__items .csb__footer__item h3 {
	  text-align: left;
	}
  }
  @media only screen and (max-width: 375px) {
	.csb__content {
	  padding-top: 30rem;
	}
  }
  @media only screen and (max-width: 320px) {
	.csb__content {
	  padding-top: 33rem;
	}
  }
  @media only screen and (max-width: 1440px) {
	.hero.cu {
	  background-position-x: 80%;
	}
  }
  @media only screen and (max-width: 1024px) {
	.hero.cu {
	  background-position-x: 90%;
	}
	.cu__content .cu__content__container .cu__content__form {
	  width: 80%;
	}
  }
  @media only screen and (max-width: 768px) {
	.cu__content .cu__content__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.cu__content .cu__content__container .cu__content__form {
	  width: 100%;
	}
	.cu__content .cu__content__container .cu__content__form .cu__content__form__group .cu__content__form__submit {
	  width: unset;
	}
	.cu__content .cu__content__container .cu__content__info {
	  place-self: start;
	  grid-column: 1;
	  padding-top: 3rem;
	}
  }
  @media only screen and (max-width: 425px) {
	.hero.cu {
	  height: 30rem;
	  background-position-x: center;
	  background-position-y: 0;
	  background-size: 50%;
	}
	.hero.cu .hero__container {
	  align-self: flex-end;
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.hero.cu .hero__container .hero__text {
	  padding-right: unset;
	  text-align: center;
	}
  }
  @media only screen and (max-width: 768px) {
	.portfolio__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.portfolio__container .portfolio__title, .portfolio__container .portfolio__images {
	  grid-column: 1;
	  align-items: center;
	}
	.portfolio__container .portfolio__images {
	  padding-top: 2rem;
	}
	.portfolio__container .portfolio__tech {
	  grid-column: 1;
	  flex-direction: column;
	}
	.portfolio__container .portfolio__tech .portfolio__tech__card, .portfolio__container .portfolio__tech .portfolio__tech__tags {
	  width: 100%;
	  margin-bottom: 1rem;
	}
	.portfolio__container .portfolio__tech .portfolio__tech__tags {
	  justify-content: center;
	}
  }
  @media only screen and (max-width: 425px) {
	.portfolio__container .portfolio__images {
	  display: none;
	}
	.portfolio__container .portfolio__content .portfolio__content__cta {
	  width: 100%;
	  text-transform: unset;
	}
	.portfolio__container .portfolio__content .portfolio__content__slider {
	  display: block;
	}
	.portfolio__container .portfolio__content .portfolio__content__slider .glider {
	  overflow: hidden;
	}
	.portfolio__container .portfolio__content .portfolio__content__slider .glider .glider-track {
	  gap: 0 2.25rem;
	}
	.portfolio__container .portfolio__content .portfolio__content__slider .glider img {
	  width: 100% !important;
	}
	.portfolio__container .portfolio__tech .portfolio__tech__card {
	  padding: 1.125rem 1.25rem 1.25rem 1.25rem;
	}
	.portfolio__container .portfolio__tech .portfolio__tech__tag {
	  padding: 0.375rem 0.875rem;
	}
  }
  @media only screen and (max-width: 375px) {
	.portfolio__container .portfolio__content .portfolio__content__slider {
	  max-width: 21rem;
	}
  }
  @media only screen and (max-width: 320px) {
	.portfolio__container .portfolio__content .portfolio__content__slider {
	  max-width: 18rem;
	}
  }
  @media only screen and (max-width: 1024px) {
	.b__content .b__content__container {
	  padding-right: unset;
	}
  }
  @media only screen and (max-width: 768px) {
	.hero.b .hero__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.hero.b .hero__container .hero__text {
	  grid-column: 1;
	  margin-bottom: 2rem;
	  width: 100%;
	  text-align: center;
	}
	.hero.b .hero__container .hero__form {
	  grid-column: 1;
	  gap: 2rem 0;
	  flex-direction: column;
	}
	.hero.b .hero__container .hero__form .hero__form__group {
	  width: 100%;
	}
	.hero.b .hero__container .hero__form .hero__form__group:first-child {
	  padding-right: unset;
	}
	.hero.b .hero__container .hero__form .hero__form__group:first-child svg {
	  right: 0;
	}
	.hero.b .hero__container .hero__form .hero__form__group button {
	  width: 50%;
	}
	.b__content .b__content__container {
	  grid-column: 2;
	  gap: 3rem 0;
	}
	.b__content .b__content__container .b__content__article .b__content__article__link {
	  flex-direction: column;
	  align-items: center;
	  gap: 1.25rem 0;
	}
	.b__content .b__content__container .b__content__article .b__content__article__link .b__content__article__title {
	  align-items: center;
	  text-align: center;
	}
	.b__content .b__content__container .b__content__article .b__content__article__text {
	  align-items: center;
	  width: 100%;
	  margin-top: 1rem;
	  margin-left: unset;
	  text-align: center;
	}
	.b__content .b__content__container .b__content__article .b__content__article__text a.cta {
	  place-self: unset;
	}
  }
  @media only screen and (max-width: 425px) {
	.b__paggination {
	  padding-block: 1rem;
	}
	.b__paggination .b__paggination__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.b__paggination .b__paggination__container .b__paggination__container__btns {
	  grid-column: 1;
	  flex-wrap: wrap;
	  gap: 1rem 0.5rem;
	  width: 100%;
	}
	.b__paggination .b__paggination__container .b__paggination__container__btns div {
	  order: 1;
	  width: 100%;
	  text-align: center;
	}
	.b__paggination .b__paggination__container .b__paggination__container__btns button {
	  order: 2;
	  width: 48%;
	}
  }
  @media only screen and (max-width: 768px) {
	.bd__content .bd__content__container {
	  grid-column: 2;
	  gap: 0 2rem;
	}
	.bd__content .bd__content__container .bd__content__article .bd__content__article__footer {
	  flex-direction: column;
	  align-items: flex-start;
	  gap: 1.5rem;
	}
	.bd__content .bd__content__container .bd__content__aside {
	  width: 100%;
	}
	.bd__content .bd__content__container .bd__content__aside .bd__content__aside__form .form__group button svg {
	  display: none;
	}
  }
  @media only screen and (max-width: 425px) {
	.hero.bd.bg-img {
	  height: 16.625rem;
	}
	.hero.bd .hero__container {
	  grid-column: 2;
	}
	.hero.bd .hero__container .hero__bd__icon {
	  left: calc(50% - 3.75rem);
	}
	.bd__content .bd__content__container {
	  grid-column: 2;
	  grid-template-columns: 1fr;
	}
	.bd__content .bd__content__container .bd__content__article .bd__content__article__card {
	  padding: 1.125rem 1.25rem 1.25rem 1.25rem;
	}
	.bd__content .bd__content__container .bd__content__article .bd__content__article__card .bd__content__article__card__info {
	  flex-direction: column;
	  gap: 1rem 0;
	}
	.bd__content .bd__content__container .bd__content__article .bd__content__article__card .bd__content__article__card__info .bd__content__article__card__info__author {
	  padding-right: unset;
	  border-right: unset;
	  padding-bottom: 1rem;
	  border-bottom: 4px dotted hsl(0, 0%, 100%);
	}
	.bd__content .bd__content__container .bd__content__article .bd__content__article__footer {
	  align-items: center;
	}
	.bd__content .bd__content__container .bd__content__article .bd__content__article__footer .bd__content__article__footer__btns {
	  width: 100%;
	}
	.bd__content .bd__content__container .bd__content__article .bd__content__article__footer .bd__content__article__footer__btns button {
	  width: 50%;
	}
	.bd__content .bd__content__container .bd__content__aside {
	  padding-top: 2rem;
	}
	.bd__content .bd__content__container .bd__content__aside .bd__content__aside__form .form__group button {
	  width: 50%;
	}
	.bd__content .bd__content__container .bd__content__aside .bd__content__aside__form .form__group button svg {
	  display: block;
	}
	.bd__content .bd__content__container .bd__content__aside .bd__content__aside__articles {
	  display: none;
	}
  }
  @media only screen and (max-width: 768px) {
	.error__container {
	  grid-column: 2;
	}
	.error__container .error__items {
	  width: 100%;
	}
  }
  html, body {
	overflow-x: clip;
  }