@import url("https://fonts.googleapis.com/css?family=Poppins:200,500,700&display=swap");
 :root {
	 --color--secondary: #1777c7;
	 --color--primary: #0b3a59;
	 --color--grey: #f3f3f3;
	 --color--dark: #1a1a1a;
	 --color--highligt: #e75a0a;
	 --color--highligt--light: #fb8d12;
	 --shadow-classic: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}
 .navbar {
	 -webkit-box-shadow: 0px 0.3125rem 1.8125rem 0px rgba(0, 0, 0, 0.35);
	 -moz-box-shadow: 0px 0.3125 1.8125rem 0px rgba(0, 0, 0, 0.35);
	 box-shadow: 0px 0.3125 1.8125rem 0px rgba(0, 0, 0, 0.35);
	 font-weight: 700;
	 z-index: 20;
	 width: 100%;
	 background-color: #e1e1e3 dc;
	 position: fixed;
	 margin: auto;
	 z-index: 4;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 transition: all 300ms ease-in-out;
	 overflow: hidden;
	 padding: 0 1.5rem;
}
 @media (min-width: 768px) {
	 .navbar {
		 padding: 0 4.5rem;
	}
}
 .navbar__links {
	 display: none;
	 font-weight: 500;
}
 @media (min-width: 768px) {
	 .navbar__links {
		 display: flex;
	}
}
 .navbar__links--open {
	 display: flex;
	 flex-direction: column;
	 text-align: center;
	 width: 100%;
	 padding: 0;
	 margin: 0;
}
 .navbar__links--open a {
	 padding: 1rem 0;
	 font-size: 1.3rem;
}
 @media (min-width: 768px) {
	 .navbar__links--open {
		 flex-direction: row;
		 width: auto;
	}
	 .navbar__links--open a {
		 font-size: initial;
		 padding: none;
	}
}
 .navbar__link {
	 list-style: none;
	 margin: 0 3rem;
	 text-transform: uppercase;
}
 .navbar__link a {
	 color: var(--color--dark);
	 text-decoration: none;
	 display: block;
	 height: 100%;
	 display: flex;
	 align-items: center;
}
 .navbar__link a:hover {
	 color: var(--color--secondary);
}
 @media (min-width: 768px) {
	 .navbar__link a:first-of-type {
		 margin-left: 0rem;
	}
	 .navbar__link a:last-of-type {
		 margin-right: 0rem;
	}
}
 .navbar__logo {
	 display: block;
	 color: black;
	 text-decoration: none;
	 font-size: 1.6rem;
}
 .navbar__logo img {
	 width: 6rem;
}
 .navbar--hidden {
	 display: none;
}
 @media (min-width: 768px) {
	 .navbar--hidden {
		 height: 0px;
		 display: unset;
	}
}
 .navbar__header {
	 display: flex;
	 justify-content: space-between;
	 width: 100%;
	 min-height: 3rem;
	 align-items: center;
}
 @media (min-width: 768px) {
	 .navbar__header {
		 width: auto;
	}
}
 .navbar .hamburger {
	 cursor: pointer;
	 padding-top: 1px;
}
 @media (min-width: 768px) {
	 .navbar .hamburger {
		 display: none;
	}
}
 .navbar .hamburger__line {
	 display: block;
	 height: 3px;
	 width: 29px;
	 border-radius: 3px;
	 background: var(--color--primary);
	 -webkit-transition: all ease-in-out 500ms;
	 transition: all ease-in-out 500ms;
}
 .navbar .hamburger__line:after, .navbar .hamburger__line:before {
	 content: "";
	 display: block;
	 height: 3px;
	 width: 29px;
	 border-radius: 3px;
	 -webkit-transition: all ease-in-out 500ms;
	 transition: all ease-in-out 500ms;
	 background: var(--color--primary);
}
 .navbar .hamburger__line:before {
	 -webkit-transform: translateY(-8px);
	 transform: translateY(-8px);
}
 .navbar .hamburger__line:after {
	 -webkit-transform: translateY(4px);
	 transform: translateY(4px);
}
 .navbar .hamburger--open .hamburger__line {
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
}
 .navbar .hamburger--open .hamburger__line:after {
	 -webkit-transform: translateY(-3px) rotate(-90deg);
	 transform: translateY(-3px) rotate(-90deg);
}
 .navbar .hamburger--open .hamburger__line:before {
	 opacity: 0;
}
/*PRIMARY STYLES*/
 * {
	 margin: 0;
	 font-family: "Poppins", sans-serif;
	 box-sizing: border-box;
}
 html {
	 scroll-behavior: smooth;
}
 body {
	 min-height: 100vh;
	 background-color: var(--color--grey);
	 min-width: 330px;
}
 @media screen and (min-width: 330px) {
	 body {
		 overflow-x: hidden;
	}
}
 :root, body, html {
	 font-size: 12px;
}
 @media (min-width: 768px) {
	 :root, body, html {
		 font-size: 13.5px;
	}
}
 @media (min-width: 1000px) {
	 :root, body, html {
		 font-size: 14.5px;
	}
}
 @media (min-width: 1300px) {
	 :root, body, html {
		 font-size: 16px;
	}
}
 h1 {
	 margin: 1.2rem 0;
}
 h2, h3, h4, h5, h6, p {
	 margin: 0.4rem 0;
}
 h4 {
	 text-transform: uppercase;
	 font-size: 1.7rem;
	 margin-bottom: 1.5rem;
}
 h5 {
	 text-transform: uppercase;
	 font-size: 1rem;
	 font-weight: 300;
	 margin-top: 1.5rem;
}
 p {
	 font-size: 1.2rem;
	 line-height: 1.4em;
}
 strong {
	 font-weight: 600;
}
 .btn {
	 width: auto;
	 display: inline-block;
	 border-radius: 0.8rem;
	 border: none;
	 font-size: 1.1rem;
	 font-weight: 500;
	 padding: 0.3em 2em;
	 margin: 1.5rem 0;
	 box-shadow: var(--shadow-classic);
	 text-decoration: none;
	 cursor: pointer;
	 transition: all 300ms ease-in-out;
}
 .btn--light {
	 border: 0.2rem solid var(--color--grey);
	 background-color: var(--color--grey);
	 color: var(--color--dark);
}
 .btn--light:hover {
	 color: var(--color--grey);
	 background-color: var(--color--primary);
}
 .btn--dark {
	 border: 0.2rem solid var(--color--secondary);
	 background-color: var(--color--secondary);
	 color: var(--color--grey);
}
 .btn--dark:hover {
	 color: var(--color--secondary);
	 background-color: var(--color--grey);
}
/*********************************** 3. SECTION ***********************************/
/* Section styles */
 .section--fullscreen {
	 min-height: auto;
}
 @media (min-width: 768px) {
	 .section--fullscreen {
		 min-height: 100vh;
	}
}
 .section--center {
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .section--light {
	 color: #e1e1e3;
}
 .section--light .content {
	 color: var(--color--grey);
}
 .overlay {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
}
 .overlay--dark {
	 background: rgba(37, 40, 43, 0.65);
}
 .overlay--primary {
	 background: rgba(11, 58, 89, 0.65);
}
/* Content */
 .content {
	 display: flex;
	 flex-wrap: wrap;
	 position: relative;
	 color: var(--color--dark);
}
 @media (min-width: 768px) {
	 .content {
		 padding: 3rem;
	}
}
 .content--top-0 {
	 padding-top: 0;
}
 .content--bottom-0 {
	 padding-bottom: 0;
}
 .content--dark {
	 background-color: var(--color--primary);
	 color: #e1e1e3;
}
 .content__box {
	 height: auto;
	 width: 100%;
	 padding: 1.5rem;
	 position: relative;
}
 .content__box img {
	 max-width: 100%;
}
 .content__box--left {
	 text-align: left;
}
 .content__box--right {
	 text-align: right;
}
 .content__box--center {
	 text-align: center;
	 justify-content: center;
}
 @media (min-width: 768px) {
	 .content__box--50 {
		 width: 50%;
	}
	 .content__box--30 {
		 width: 30%;
	}
	 .content__box--33 {
		 width: 33%;
	}
	 .content__box--25 {
		 width: 25%;
	}
	 .content__box--20 {
		 width: 20%;
	}
	 .content__box--40 {
		 width: 40%;
	}
	 .content__box--70 {
		 width: 70%;
	}
}
 .content__header {
	 text-align: center;
	 width: 100%;
}
 .content__title {
	 font-size: 3rem;
	 font-weight: 500;
	 margin: 0.4em 0;
}
 .content__separator {
	 margin: auto;
	 margin-top: 1rem;
	 height: 0.2rem;
	 width: 7rem;
}
 .content__separator--dark {
	 background-color: var(--color--primary);
}
 .content__separator--light {
	 background-color: var(--color--grey);
}
 .content__subtitle {
	 font-size: 2.5rem;
	 font-weight: 500;
}
 .content__subtitle strong {
	 font-weight: 700;
}
 .content__main {
	 display: flex;
}
 .content__footer {
	 margin-top: 5%;
	 font-size: 1.5rem;
}
 .content__footer h3 {
	 margin-bottom: 1rem;
	 font-weight: 500;
}
 .content__footer h3 strong {
	 font-weight: 700;
}
 .content__list {
	 padding-left: 0;
}
 .content__list li {
	 list-style-type: none;
	 margin: 0.3rem 0;
}
 .content__list li a {
	 color: var(--color--primary);
	 text-decoration: none;
}
 .content__list li a:hover, .content__list li a:focus {
	 outline: none;
	 color: var(--color--secondary);
}
 footer {
	 position: relative;
	 color: var(--color--dark);
	 background-color: var(--color--grey);
}
 footer .logo {
	 font-size: 3.35rem;
}
 footer .logo__subtitle {
	 text-transform: uppercase;
}
 footer .content__title {
	 font-size: 1.3rem;
	 margin-bottom: 0.7rem;
	 color: var(--color--secondary);
	 font-weight: 600;
	 margin-top: 0;
}
 footer p {
	 font-size: 1rem;
}
 .social {
	 margin-top: 0.8rem;
}
 .social a {
	 width: 1.2;
	 margin-right: 0.8rem;
	 transition: all 300ms ease-in-out;
}
 .social a img {
	 transition: all 300ms ease-in-out;
	 width: 1.5rem;
}
 .social a:hover img, .social a:focus img {
	 outline: none;
	 transform: scale(1.2);
}
 .copyright {
	 background-color: var(--color--grey);
	 color: var(--color--dark);
	 padding: 0.3rem 1.5rem;
	 display: flex;
	 justify-content: space-between;
}
 @media (min-width: 768px) {
	 .copyright {
		 padding: 0.8rem 4.5rem;
	}
}
 .copyright p {
	 font-size: 1rem;
}
 .disabled, .disabled > * {
	 cursor: not-allowed;
}
 .rootid {
	 height: 1rem;
	 margin-left: 0.3rem;
}
 .services__card {
	 border-radius: 1em;
	 color: var(--color--grey);
	 height: 100%;
	 min-height: 20rem;
	 position: relative;
	 background-color: var(--color--primary);
	 overflow: hidden;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 background-repeat: no-repeat;
	 background-size: cover;
	 box-shadow: 0 0 10px 5px #a1a1a1;
}
 .services__card--trade {
	 background-image: url(./images/trade.jpg);
}
 .services__card--project {
	 background-image: url(./images/project.jpg);
}
 .services__card--evaluation {
	 background-image: url(./images/evaluation.jpg);
}
 .services__card--market {
	 background-image: url(./images/market.jpg);
}
 .services__card--strategy {
	 background-image: url(./images/strategy.jpg);
}
 .services__card--digitalization {
	 background-image: url(./images/digitalization.jpg);
}
 .services__card--center {
	 z-index: 1;
	 text-align: center;
	 height: 100%;
	 width: 100%;
	 display: flex;
	 align-items: center;
	 padding: 0 2rem;
}
 .services__card--center > p {
	 font-size: 1.2rem;
}
 .services__card .overlay--dark {
	 background: rgba(37, 40, 43, 0.75);
}
 .services__banner {
	 z-index: 1;
	 margin: 0 auto;
	 width: 100%;
	 min-height: 3.5rem;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 background-color: var(--color--secondary);
	 text-align: center;
	 border-radius: 1em;
	 box-shadow: 0 0 15px -5px #1777c7;
}
 .services__banner > p {
	 font-size: 1rem;
	 font-weight: 600;
}
/*********************************** HOME ***********************************/
 .section {
	 position: relative;
}
 .section--home {
	 background-image: url(./images/home/connect.jpg);
	 background-repeat: no-repeat;
	 background-size: cover;
}
 .content--home {
	 z-index: 1;
	 position: relative;
	 padding-bottom: 5rem;
}
 .content--home .content__title {
	 text-transform: none;
	 font-size: 4rem;
	 margin-top: 4rem;
}
 .content--home .content__subtitle {
	 font-size: 2.5rem;
	 font-weight: 200;
	 margin-top: 2.5rem;
}
 @media (min-width: 768px) {
	 .content--home {
		 padding-bottom: auto;
	}
}
 .scroll {
	 transition: all 300ms ease-in-out;
	 position: absolute;
	 cursor: pointer;
}
 .scroll img {
	 width: 2.5rem;
	 height: 2.5rem;
}
 .scroll--down {
	 bottom: 2rem;
	 left: calc(50% - 1.25rem);
	 z-index: 2;
}
 .scroll:hover {
	 transform: translateY(0.3rem);
}
 .section--contact {
	 background-image: url(./images/contact.jpg);
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position-y: 38%;
	 background-attachment: fixed;
	 height: 100%;
}
/*********************************** ABOUT ***********************************/
 .quote {
	 position: absolute;
}
 .content--quote {
	 background-image: url(./images/about/handshake.jpg);
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-attachment: fixed;
	 height: 100%;
	 color: var(--color--grey);
}
 .content--quote p {
	 font-size: 2rem;
}
 .pillar {
	 background-color: #fff;
	 box-shadow: var(--shadow-classic);
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 padding: 1rem;
	 border-radius: 20px;
	 text-align: center;
}
 .pillar__icon {
	 height: 4rem;
}
 .pillar__content {
	 margin-left: 1.5rem;
}
 .pillar__title {
	 font-weight: 600;
}
/*********************************** CONTACT ***********************************/
 .section--contact {
	 background-image: url(./images/contact/contact.jpg);
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position-y: 38%;
	 background-attachment: fixed;
	 height: 100%;
}
 .contact-box {
	 box-shadow: var(--shadow-classic);
	 background: rgba(11, 58, 89, 0.65);
	 display: inline-flex;
	 justify-content: center;
	 align-items: center;
	 padding: 1.5rem;
	 border-radius: 20px;
	 text-align: center;
}
 .contact-box__icon {
	 height: 4rem;
}
 .contact-box__text {
	 margin-left: 1.5rem;
	 color: var(--color--grey);
	 font-size: 1.2rem;
	 text-decoration: none;
}