@import url("slider.css");
@import url("index.css");
@import url("navbar.css");
@import url("footer.css");
@import url("contact-us.css");
@import url("form.css");
@import url("services.css");
@import url("industries.css");
@import url("careers.css");

@font-face {
  font-family: "Pattanakarn";
  src: url("../assets/Pattanakarn-Regular.otf") format("opentype");
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --navy-blue: #000346;
  --cobalt-blue: #00068f;
  --black: #191919;
  --azure: #00a8e8;
  --darkest-blue: #070C18;
  --marine: #06445f;

  --error: #ad0b0b;
  --error-bg: #ffe6e6;

  --success: #0b9c60;
  --success-bg: #e6fff1;
}

/* Configuraciones para que 1.6rem sea 16px */
html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  color: var(--black);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Pattanakarn", "Chakra Petch", sans-serif;
  line-height: 1.42;
}

h2 {
  font-size: 4.2rem;
}

@media screen and (max-width: 600px) {
  h2 {
    font-size: 3.2rem;
  }
}

@media screen and (max-width:380px) {
  h2 {
    font-size: 2rem;
  }
}

button{
  border: 0px solid transparent;
  background-color: transparent;
  padding: 2rem;
  border-radius: 24px;
}

.cta {
	background-image: linear-gradient(to right, #37ecba 0%, #72afd3 98%);
	color: white;
	min-width: 25rem;
	font-size: 2rem;
	font-weight: bold;
	text-transform: uppercase;
  padding: 2rem 2.5rem;
  border-radius: 24px;
  text-decoration: none;
}

/* 404 error*/
.main-404 {
  display: flex;
  flex-direction: column;
  padding: 16px;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 8rem);
}

.h1-404 {
  font-size: 10rem;
  color: var(--cobalt-blue);
}