/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER: Base + typography > general layout + grid > page layout > components

1em = 16px
*/
.active {
  color: white !important;
  background-color: #dd9c37;
  border-radius: 0.5rem; }

.u-header {
  font-size: 3rem;
  font-weight: 800;
  color: inherit;
  text-align: center;
  margin: 3rem; }

.u-description {
  text-align: center;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 3.5rem;
  color: inherit;
  text-align: center;
  width: 80%; }
  @media only screen and (max-width: 556px) {
    .u-description {
      text-align: justify;
      width: 100%;
      padding: 1rem; } }

.u-side-header {
  grid-column: 2;
  text-align: start; }
  @media only screen and (max-width: 556px) {
    .u-side-header {
      grid-column: -1/1;
      text-align: center; } }

:root {
  --primary-color: #dd9c37;
  --dark-color: #131313;
  --light-color: #f4f4f4;
  --white-color: #fff;
  --color: #f5f5f500; }

html {
  font-size: 62.5%; }

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

ul {
  list-style: none; }

a {
  text-decoration: none;
  color: inherit; }

body {
  background-color: #131313;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

mark {
  background-color: var(--primary-color); }

#phone {
  width: 100%;
  padding-left: 5rem; }

.iti__country-list {
  width: 26rem; }

.iti__flag-box,
.iti__country-name {
  color: black;
  font-size: 1.5rem; }

body {
  font-family: "Montserrat", sans-serif;
  font-family: "Nunito", sans-serif; }

.form {
  height: 100%;
  grid-column: 3;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 8rem;
  gap: 4rem;
  justify-items: center;
  background-color: var(--dark-color);
  padding: 4rem;
  border-radius: 0.5rem; }
  .form .input-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%; }
    .form .input-group__label {
      font-size: 2rem; }
    .form .input-group label:last-child {
      font-size: 1.5rem;
      color: var(--primary-color); }
    .form .input-group__input {
      font-size: 2rem;
      border-radius: 0.3rem;
      padding: 1rem 0.5rem;
      margin-top: 0.5rem;
      outline: solid 2px var(--dark-color);
      border: solid 1px var(--dark-color); }
      .form .input-group__input:focus {
        border-radius: 0.3rem;
        border: solid 1px var(--primary-color);
        outline: solid 2px var(--primary-color); }
    .form .input-group__message {
      grid-column: -1/1;
      width: 100%; }
      .form .input-group__message input {
        width: 100%; }
        .form .input-group__message input ::placeholder {
          color: var(--primary-color); }
    .form .input-group__submit {
      display: flex;
      flex-direction: row;
      align-self: center;
      grid-column: -1/1;
      width: fit-content; }
      .form .input-group__submit button {
        background-color: var(--dark-color);
        border: solid 2px var(--primary-color);
        color: white;
        width: 100%;
        padding: 1rem 4rem;
        transition: all 0.1s ease-in-out; }
        .form .input-group__submit button:hover {
          background-color: var(--primary-color);
          color: var(--dark-color);
          cursor: pointer; }

.header {
  position: relative;
  display: grid;
  grid-template-rows: 14rem auto;
  align-items: center;
  justify-items: center;
  color: white;
  height: 100vh;
  width: 100%;
  z-index: 2; }
  .header-navbar {
    width: 100%;
    grid-column: -1/1;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 5fr 1fr;
    align-items: center;
    justify-items: center; }
    @media only screen and (max-width: 860px) {
      .header-navbar {
        display: none; } }
    .header-navbar-logo__img {
      height: 10rem; }
      .header-navbar-logo__img-scrolled {
        height: 6rem;
        margin: 1rem;
        transition: all 0.2s ease-in-out; }
    .header-navbar-nav {
      position: relative;
      background-color: #1b1b1b;
      padding: 0 3rem;
      width: 70%;
      display: grid;
      text-align: center;
      align-items: center;
      grid-template-columns: repeat(5, 1fr);
      height: 6rem;
      border-radius: 0.8rem; }
      @media only screen and (max-width: 1278px) {
        .header-navbar-nav {
          width: 90%; } }
      .header-navbar-nav-scrolled {
        height: 5rem; }
      .header-navbar-nav__link {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        height: 65%; }
        @media only screen and (max-width: 1020px) {
          .header-navbar-nav__link {
            font-size: 1.8rem; } }
        @media only screen and (max-width: 1100px) {
          .header-navbar-nav__link {
            font-size: 1.8rem; } }
        .header-navbar-nav__link:hover {
          cursor: pointer;
          color: var(--primary-color); }
        .header-navbar-nav__link-scrolled {
          height: 45%;
          font-size: 1.5rem;
          transition: all 0.2s ease-in-out; }
    .header-navbar-btn__join {
      background-color: #dd9c37;
      font-size: 2rem;
      border-radius: 0.5rem;
      padding: 0.8rem 1.8rem; }
      .header-navbar-btn__join-scrolled {
        font-size: 1.5rem;
        transition: all 0.2s ease-in-out; }
  .header-hero {
    position: relative;
    height: 100%;
    grid-row: 2;
    display: grid;
    grid-template-columns: 5rem 4fr 4fr;
    grid-template-rows: 2fr 1fr 2fr; }
    @media only screen and (max-width: 1020px) {
      .header-hero {
        grid-template-columns: 5rem 5fr 4fr;
        grid-template-rows: 1.5fr 1fr 2fr; } }
    @media only screen and (max-width: 1100px) {
      .header-hero {
        grid-template-columns: 5rem 5fr 4fr;
        grid-template-rows: 1.5fr 1fr 2fr; } }
    @media only screen and (max-width: 768px) {
      .header-hero {
        grid-template-columns: 3rem 6fr 3fr;
        grid-template-rows: 1.2fr 1fr 2fr; } }
    @media only screen and (max-width: 556px) {
      .header-hero {
        grid-template-columns: 1rem 6fr 3fr;
        grid-template-rows: 2fr 1fr 2fr; } }
    .header-hero__btn-box {
      grid-column: 2;
      grid-row: 2;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 768px) {
        .header-hero__btn-box {
          grid-column: 2/4 !important; } }
      @media only screen and (max-width: 556px) {
        .header-hero__btn-box {
          grid-column: 2/4 !important; } }
      .header-hero__btn-box .hero-social {
        display: flex;
        align-items: center; }
        .header-hero__btn-box .hero-social a {
          margin: 2rem 3rem;
          font-size: 3.5rem;
          transition: all 0.1s ease-in-out; }
          @media only screen and (max-width: 556px) {
            .header-hero__btn-box .hero-social a {
              font-size: 3rem; } }
        .header-hero__btn-box .hero-social a:first-child {
          display: flex; }
        .header-hero__btn-box .hero-social a:hover {
          cursor: pointer;
          transform: translateY(-0.5rem); }
    .header-hero__shape {
      grid-column: 3;
      grid-row: 1;
      align-self: self-end;
      justify-self: center; }
      .header-hero__shape-svg {
        height: 30rem;
        width: 30rem;
        fill: var(--primary-color); }
        @media only screen and (max-width: 1278px) {
          .header-hero__shape-svg {
            height: 25rem;
            width: 25rem; } }
        @media only screen and (max-width: 1020px) {
          .header-hero__shape-svg {
            height: 20rem;
            width: 20rem; } }
        @media only screen and (max-width: 1100px) {
          .header-hero__shape-svg {
            height: 20rem;
            width: 20rem; } }
        @media only screen and (max-width: 768px) {
          .header-hero__shape-svg {
            height: 18rem;
            width: 18rem; } }
        @media only screen and (max-width: 556px) {
          .header-hero__shape-svg {
            position: absolute;
            top: -4rem;
            left: 7rem;
            height: 30rem;
            width: 30rem;
            z-index: -1;
            opacity: 0.3; } }
    .header-hero h1 {
      grid-row: 1;
      grid-column: 2;
      font-size: 7rem;
      font-weight: 900;
      text-align: start;
      justify-self: self-start;
      align-self: center; }
      @media only screen and (max-width: 1278px) {
        .header-hero h1 {
          font-size: 6rem; } }
      @media only screen and (max-width: 1020px) {
        .header-hero h1 {
          font-size: 5rem; } }
      @media only screen and (max-width: 1100px) {
        .header-hero h1 {
          font-size: 5rem; } }
      @media only screen and (max-width: 768px) {
        .header-hero h1 {
          font-size: 4rem; } }
      @media only screen and (max-width: 556px) {
        .header-hero h1 {
          font-size: 4rem; } }
      .header-hero h1 span {
        color: var(--primary-color); }
  .header .hero-btn {
    border: solid 2px var(--primary-color);
    border-radius: 0.5rem;
    padding: 1rem 6rem;
    font-weight: 500;
    font-size: 2.5rem;
    height: fit-content;
    width: fit-content;
    text-align: start;
    margin: 1rem;
    transition: all 0.1s ease-in-out; }
    @media only screen and (max-width: 1278px) {
      .header .hero-btn {
        font-size: 2rem;
        padding: 1rem 2rem; } }
    @media only screen and (max-width: 556px) {
      .header .hero-btn {
        font-size: 1.8rem;
        padding: 0.8rem 1.5rem; } }
    .header .hero-btn:hover {
      background-color: var(--primary-color);
      color: var(--dark-color); }
  .header .hero-btn-icon {
    margin-right: 2rem; }
  .header-navbar-menu {
    display: none; }
    @media only screen and (max-width: 860px) {
      .header-navbar-menu {
        width: 100%;
        padding: 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .header-navbar-menu-logo__img {
          height: 6rem; }
        .header-navbar-menu__btn {
          background: none !important;
          color: var(--primary-color);
          color: white;
          border: solid 2px var(--primary-color) !important;
          border-radius: 0.3rem;
          border: none;
          height: fit-content;
          z-index: 2; }
          .header-navbar-menu__btn:hover {
            background-color: var(--primary-color) !important;
            cursor: pointer; }
          .header-navbar-menu__btn .fa-bars {
            font-size: 3rem;
            padding: 0.5rem 1.5rem; }
        .header-navbar-menu__list {
          display: none;
          position: relative;
          background-color: black;
          background-image: url("../imgs/language white.png");
          position: absolute;
          height: 100vh;
          width: 100%;
          top: 0;
          left: 0;
          justify-content: center;
          align-items: center;
          transition: height 0.8s ease-in-out; }
          .header-navbar-menu__list .phone-menu {
            font-size: 3rem; }
            .header-navbar-menu__list .phone-menu li {
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 1rem 5rem;
              height: 8rem;
              text-align: center;
              border-radius: 0.5rem; }
              .header-navbar-menu__list .phone-menu li:hover {
                border: solid 2px var(--primary-color); }
        .header-navbar-menu .join-us-phone {
          background-color: var(--primary-color) !important; }
        .header-navbar-menu .menu-visible {
          height: 100vh;
          width: 100%;
          display: flex;
          opacity: 1;
          z-index: 1; } }

.scrolldown-box {
  position: relative;
  grid-row: 3;
  grid-column: -1/1;
  align-self: self-start;
  justify-self: center;
  margin-bottom: 5rem;
  width: fit-content;
  z-index: -1; }
  @media only screen and (max-width: 1020px) {
    .scrolldown-box {
      align-self: center; } }
  @media only screen and (max-width: 1100px) {
    .scrolldown-box {
      align-self: center; } }
  @media only screen and (max-width: 556px) {
    .scrolldown-box {
      align-self: self-start; } }
  .scrolldown-box-icon {
    height: 4rem;
    width: 4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    position: absolute; }
    @media only screen and (max-width: 556px) {
      .scrolldown-box-icon {
        height: 3rem;
        width: 3rem; } }
  .scrolldown-box-text {
    animation: rotate 15s linear infinite; }
    @media only screen and (max-width: 556px) {
      .scrolldown-box-text {
        height: 8rem;
        width: 8rem; } }

.header-solution::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../imgs/solution hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(0.4);
  z-index: -1;
  filter: blur(2px) brightness(0.4); }
  @media only screen and (max-width: 556px) {
    .header-solution::before {
      background-position: -30rem; } }

.hover-solutions-box {
  position: absolute;
  top: 8rem;
  display: none;
  width: 60vw;
  left: -6vw;
  z-index: 1; }

.hover-industries-box {
  position: absolute;
  top: 8rem;
  display: none;
  width: 60vw;
  left: -6vw;
  z-index: 1; }
  @media only screen and (max-width: 1020px) {
    .hover-industries-box {
      width: fit-content; } }
  @media only screen and (max-width: 1100px) {
    .hover-industries-box {
      width: fit-content; } }

.hover-industries {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  background-color: var(--dark-color);
  align-items: center;
  justify-items: center;
  padding: 2rem;
  padding-bottom: 4rem;
  border-radius: 1rem;
  height: 50vh; }
  .hover-industries__item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    color: white;
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    transition: all 0.1s ease-in-out; }
    .hover-industries__item .industries-header-icon {
      margin: 0.5rem;
      margin-bottom: 2rem;
      font-size: 3.5rem; }
    .hover-industries__item h3 {
      margin: 0.5rem;
      margin-left: 1.5rem;
      font-size: 2.5rem; }
    .hover-industries__item:hover {
      background-color: var(--primary-color); }

.header-nav__link {
  position: relative; }

.hover-solution {
  position: relative;
  overflow-y: hidden;
  height: 80vh;
  border-radius: 0.8rem;
  background-color: var(--dark-color);
  padding: 5rem;
  align-self: center;
  color: white;
  display: grid;
  gap: 1.5rem;
  grid-template-rows: repeat(4, 12rem);
  grid-template-columns: repeat(3, 1fr); }
  .hover-solution-item {
    position: relative;
    display: grid;
    grid-template-rows: 2fr 1fr 3fr;
    padding-top: 1rem;
    padding-left: 1rem;
    border-radius: 0.5rem;
    overflow: hidden; }
    .hover-solution-item__icon {
      transition: all 0.2s ease-in-out;
      position: absolute;
      right: -5rem;
      bottom: -2rem;
      font-size: 13rem;
      text-align: center;
      color: #00000078;
      border-radius: 50%; }
    .hover-solution-item__title {
      text-align: start;
      font-size: 2rem;
      z-index: 1; }
    .hover-solution-item__types {
      text-align: start;
      font-size: 1.6rem;
      display: flex;
      flex-direction: column;
      margin: 1rem;
      z-index: 1; }
      .hover-solution-item__types span {
        margin: 0.5rem; }
    .hover-solution-item:hover > .hover-solution-item__icon {
      color: white; }
  .hover-solution-item:first-child {
    border: none;
    margin-right: 5rem;
    grid-column: 1/3;
    text-align: end;
    font-size: 2.5rem;
    font-weight: 600;
    justify-self: self-end;
    display: flex;
    flex-direction: column; }
  .hover-solution-item:nth-child(even) {
    background-color: var(--primary-color); }
  .hover-solution-item:nth-child(odd):not(:first-child) {
    background-color: #1f1f1f; }

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #1b1b1bcc;
  z-index: 1; }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.footer {
  display: grid;
  grid-template-columns: 1fr 2fr 8fr 0.5fr 8fr 0.5fr;
  gap: 3rem;
  border-top: solid 1px var(--primary-color); }
  @media only screen and (max-width: 1020px) {
    .footer {
      grid-template-columns: 1fr 2fr 8fr 8fr 0.5fr; } }
  @media only screen and (max-width: 1100px) {
    .footer {
      grid-template-columns: 1fr 2fr 8fr 8fr 0.5fr; } }
  .footer-logo {
    grid-row: 2;
    grid-column: 2;
    margin: 3rem; }
    @media only screen and (max-width: 1020px) {
      .footer-logo {
        grid-template-columns: 0.5fr repeat(2, 3fr) 0.5fr;
        gap: 3rem 4rem;
        grid-row: 1;
        grid-column: -1/1;
        justify-self: center; } }
    @media only screen and (max-width: 1100px) {
      .footer-logo {
        grid-template-columns: 0.5fr repeat(2, 3fr) 0.5fr;
        gap: 3rem 4rem;
        grid-row: 1;
        grid-column: -1/1;
        justify-self: center; } }
    .footer-logo__img {
      height: 15rem; }
  .footer-solutions {
    grid-row: 2;
    grid-column: 3;
    font-size: 1.5rem;
    color: white; }
    @media only screen and (max-width: 1020px) {
      .footer-solutions {
        grid-column: 2/4; } }
    @media only screen and (max-width: 1100px) {
      .footer-solutions {
        grid-column: 2/4; } }
    @media only screen and (max-width: 556px) {
      .footer-solutions {
        grid-column: 2/5; } }
    .footer-solutions h2 {
      margin-bottom: 2rem;
      color: var(--primary-color); }
    .footer-solutions ul {
      list-style: none;
      display: grid;
      grid-template-columns: 3fr 3fr;
      gap: 1rem 2rem;
      justify-content: space-around; }
      .footer-solutions ul li a:hover {
        color: var(--primary-color); }
  .footer-industries {
    grid-row: 2;
    grid-column: 5;
    font-size: 1.5rem;
    color: white; }
    @media only screen and (max-width: 1020px) {
      .footer-industries {
        grid-column: 4; } }
    @media only screen and (max-width: 1100px) {
      .footer-industries {
        grid-column: 4; } }
    @media only screen and (max-width: 556px) {
      .footer-industries {
        grid-column: 2/5;
        grid-row: 3; } }
    .footer-industries h2 {
      margin-bottom: 2rem;
      color: var(--primary-color); }
    .footer-industries ul {
      list-style: none;
      display: grid;
      grid-template-columns: 3fr 3fr;
      gap: 1rem 2rem;
      justify-content: space-around; }
      .footer-industries ul li a:hover {
        color: var(--primary-color); }
  .footer-bottom {
    height: 4rem;
    grid-row: 4;
    grid-column: -1/1;
    background-color: var(--primary-color);
    display: grid;
    grid-template-columns: 3fr 6fr 1fr 6fr 3fr;
    align-items: center;
    color: var(--dark-color); }
    @media only screen and (max-width: 556px) {
      .footer-bottom {
        height: 6rem; } }
    .footer-bottom__copyright {
      grid-column: 2;
      text-align: center; }
      @media only screen and (max-width: 556px) {
        .footer-bottom__copyright {
          grid-column: 2/5;
          margin: 0.5rem; } }
    .footer-bottom__developer {
      grid-column: 4;
      text-align: center; }
      @media only screen and (max-width: 556px) {
        .footer-bottom__developer {
          grid-column: 2/5;
          grid-row: 2;
          margin: 0.5rem; } }
    .footer-bottom__copyright:hover, .footer-bottom__developer:hover {
      cursor: pointer;
      text-decoration: underline; }

.form-main {
  background-image: url("../imgs/language white.png"); }

.form-container {
  display: grid;
  grid-template-columns: 0.5fr 4fr 4fr 0.5fr;
  gap: 3rem;
  margin: 3rem; }

.form-img {
  grid-column: 2;
  background-image: url("../imgs/get quote.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white; }

.solutions-main {
  background-image: url("../imgs/language white 1.png"); }

.translation {
  display: grid;
  justify-items: center;
  grid-template-rows: 6rem 8rem;
  align-items: center;
  color: white;
  text-align: center;
  margin-bottom: 4rem; }

.solutions {
  align-self: center;
  width: 70%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 40rem);
  gap: 2rem;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center; }
  @media only screen and (max-width: 1278px) {
    .solutions {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(3, 1fr);
      gap: 4rem;
      margin: 4rem 0; } }
  @media only screen and (max-width: 1020px) {
    .solutions {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(3, 1fr);
      gap: 1rem;
      margin: 4rem 0; } }
  @media only screen and (max-width: 1100px) {
    .solutions {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(3, 1fr);
      gap: 1rem;
      margin: 4rem 0; } }
  @media only screen and (max-width: 556px) {
    .solutions {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(3, 1fr);
      gap: 1rem;
      margin: 4rem 0;
      width: 90%; } }
  .solutions-item {
    border: solid 1px #dd9d37;
    display: flex;
    text-align: center;
    display: grid;
    grid-template-rows: 6fr 2fr;
    background-color: #dd9d37;
    transition: all 0.2s ease-in-out; }
    @media only screen and (max-width: 1278px) {
      .solutions-item {
        margin: 1rem; } }
    @media only screen and (max-width: 1020px) {
      .solutions-item {
        width: 100%;
        height: 30rem; } }
    @media only screen and (max-width: 1100px) {
      .solutions-item {
        width: 100%;
        height: 30rem; } }
    @media only screen and (max-width: 556px) {
      .solutions-item {
        margin: 1rem;
        width: 100%;
        height: 20rem; } }
    .solutions-item__img {
      height: 25rem;
      width: 28rem;
      background-image: url("../imgs/cultrual.jpeg");
      background-size: cover;
      background-position: center; }
      @media only screen and (max-width: 1020px) {
        .solutions-item__img {
          height: 22rem;
          width: 100%; } }
      @media only screen and (max-width: 1100px) {
        .solutions-item__img {
          height: 22rem;
          width: 100%; } }
      @media only screen and (max-width: 556px) {
        .solutions-item__img {
          height: 14rem;
          width: 100%; } }
      .solutions-item__img-1 {
        background-image: url("../imgs/translation.jpg"); }
      .solutions-item__img-2 {
        background-image: url("../imgs/transcreation card.jpg"); }
      .solutions-item__img-3 {
        background-image: url("../imgs/cultrual.jpeg"); }
      .solutions-item__img-4 {
        background-image: url("../imgs/subtitle card.jpg"); }
      .solutions-item__img-5 {
        background-image: url("../imgs/fullpe card.jpg"); }
      .solutions-item__img-6 {
        background-image: url("../imgs/lightpe.jpeg"); }
      .solutions-item__img-7 {
        background-image: url("../imgs/proofreading.jpeg"); }
      .solutions-item__img-8 {
        background-image: url("../imgs/revision.jpeg"); }
      .solutions-item__img-9 {
        background-image: url("../imgs/final eye.jpg"); }
      .solutions-item__img-10 {
        background-image: url("../imgs/computer publishing.jpg"); }
    .solutions-item__header {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2rem;
      color: var(--dark-color); }
      @media only screen and (max-width: 1020px) {
        .solutions-item__header {
          text-align: center; } }
      @media only screen and (max-width: 1100px) {
        .solutions-item__header {
          text-align: center; } }
      @media only screen and (max-width: 556px) {
        .solutions-item__header {
          font-size: 1.5rem; } }
  .solutions-item:hover {
    transform: translateY(-1.5rem);
    cursor: pointer; }

.industry-main {
  background-image: url("../imgs/language white.png"); }

.industries {
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
  grid-template-columns: repeat(4, 3fr);
  gap: 4rem; }
  @media only screen and (max-width: 860px) {
    .industries {
      grid-template-columns: repeat(3, 3fr);
      gap: 2rem;
      padding: 1rem; } }
  @media only screen and (max-width: 556px) {
    .industries {
      grid-template-columns: repeat(2, 3fr);
      gap: 2rem;
      padding: 1rem;
      justify-items: start; } }
  .industries-list__item {
    margin: 1rem;
    font-size: 1.5rem; }
    .industries-list__item h1 {
      font-size: 3rem;
      color: var(--primary-color); }

.resource-list {
  display: grid;
  grid-template-columns: 1fr repeat(2, 3fr) 0.5fr;
  gap: 3rem 10rem;
  margin-bottom: 4rem; }
  @media only screen and (max-width: 1020px) {
    .resource-list {
      grid-template-columns: 0.5fr repeat(2, 3fr) 0.5fr;
      gap: 3rem 4rem; } }
  @media only screen and (max-width: 1100px) {
    .resource-list {
      grid-template-columns: 0.5fr repeat(2, 3fr) 0.5fr;
      gap: 3rem 4rem; } }
  @media only screen and (max-width: 556px) {
    .resource-list {
      grid-template-columns: 0.1fr repeat(2, 3fr) 0.1fr;
      gap: 3rem 1rem; } }
  .resource-list-description {
    font-size: 2rem;
    font-weight: 300;
    text-align: justify;
    line-height: 3rem; }
    .resource-list-description-1 {
      grid-column: 2; }
      @media only screen and (max-width: 556px) {
        .resource-list-description-1 {
          grid-column: 2/4; } }
    .resource-list-description-2 {
      grid-column: 3; }
      @media only screen and (max-width: 556px) {
        .resource-list-description-2 {
          grid-column: 2/4; } }
    .resource-list-description-3 {
      grid-column: 2; }
      @media only screen and (max-width: 556px) {
        .resource-list-description-3 {
          grid-column: 2/4; } }
  .resource-list__img {
    background-image: url("../imgs/client list.jpg");
    grid-column: 3;
    background-size: cover; }

.client-logos {
  grid-row: 4;
  grid-column: 2/4;
  display: flex;
  justify-content: space-between;
  padding: 4rem 0;
  border-top: solid 1px var(--primary-color);
  border-bottom: solid 1px var(--primary-color); }
  @media only screen and (max-width: 556px) {
    .client-logos {
      grid-column: 2/4;
      display: grid;
      grid-template-columns: 1fr 1fr;
      justify-items: center;
      gap: 4rem; } }
  .client-logos__img {
    height: 5rem; }
    @media only screen and (max-width: 556px) {
      .client-logos__img {
        height: 4rem; } }

.linguist-img {
  background-image: url("../imgs/teams.jpg");
  grid-row: 3;
  grid-column: 2;
  background-size: cover;
  background-position: center; }
  @media only screen and (max-width: 556px) {
    .linguist-img {
      grid-column: 2/4; } }

.left-description {
  grid-column: 2; }

.right-description {
  grid-column: 3; }

.quality-img {
  background-image: url("../imgs/quality.jpg");
  grid-column: 3;
  background-size: cover; }
  @media only screen and (max-width: 556px) {
    .quality-img {
      display: none; } }

.brochure-download {
  grid-row: 2;
  grid-column: 2/4;
  justify-self: center;
  font-size: 2rem;
  border: solid 1px var(--primary-color);
  height: fit-content;
  width: fit-content;
  padding: 2rem 4rem;
  transition: all 0.1s ease-in-out; }
  @media only screen and (max-width: 556px) {
    .brochure-download {
      padding: 1rem 3rem;
      font-size: 1.5rem;
      display: flex;
      align-items: center; } }
  .brochure-download-icon {
    margin-right: 2rem;
    font-size: 2.5rem; }
  .brochure-download:hover {
    background-color: var(--primary-color);
    color: var(--dark-color); }

.about-text {
  display: grid;
  grid-template-columns: 1fr repeat(2, 3fr) 0.5fr;
  gap: 3rem 10rem;
  margin-bottom: 4rem; }
  @media only screen and (max-width: 1020px) {
    .about-text {
      grid-template-columns: 0.5fr repeat(2, 3fr) 0.5fr;
      gap: 3rem 4rem; } }
  @media only screen and (max-width: 1100px) {
    .about-text {
      grid-template-columns: 0.5fr repeat(2, 3fr) 0.5fr;
      gap: 3rem 4rem; } }
  @media only screen and (max-width: 556px) {
    .about-text {
      grid-template-columns: 0.1fr repeat(2, 3fr) 0.1fr;
      gap: 3rem 4rem; } }
  .about-text-description {
    font-size: 2rem;
    font-weight: 300;
    text-align: justify;
    line-height: 3rem; }
    .about-text-description-1 {
      font-size: 2rem;
      font-weight: 300;
      text-align: justify;
      line-height: 3rem;
      grid-column: 2; }
      @media only screen and (max-width: 556px) {
        .about-text-description-1 {
          font-size: 2rem;
          font-weight: 300;
          text-align: justify;
          line-height: 3rem;
          grid-column: 2/4; } }
    .about-text-description-2 {
      font-size: 2rem;
      font-weight: 300;
      text-align: justify;
      line-height: 3rem;
      grid-column: 3; }
      @media only screen and (max-width: 556px) {
        .about-text-description-2 {
          font-size: 2rem;
          font-weight: 300;
          text-align: justify;
          line-height: 3rem;
          grid-column: 2/4; } }
    .about-text-description-3 {
      font-size: 2rem;
      font-weight: 300;
      text-align: justify;
      line-height: 3rem;
      grid-column: 2; }
      @media only screen and (max-width: 556px) {
        .about-text-description-3 {
          font-size: 2rem;
          font-weight: 300;
          text-align: justify;
          line-height: 3rem;
          grid-column: 2/4; } }

.left-description {
  grid-column: 2;
  font-size: 2rem;
  font-weight: 300;
  text-align: justify;
  line-height: 3rem; }
  @media only screen and (max-width: 556px) {
    .left-description {
      grid-column: 2/4 !important; } }

.right-description {
  grid-row: 3;
  grid-column: 3;
  font-size: 2rem;
  font-weight: 300;
  text-align: justify;
  line-height: 3rem; }
  @media only screen and (max-width: 556px) {
    .right-description {
      grid-column: 2/4 !important; } }

.who-we__logo {
  background-image: url("../imgs/logo.png");
  grid-column: 2;
  grid-row: 3;
  background-size: 30rem;
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 2rem;
  font-weight: 300;
  text-align: justify;
  line-height: 3rem; }
  @media only screen and (max-width: 556px) {
    .who-we__logo {
      grid-column: 2/4 !important; } }

.history-img {
  background-image: url("../imgs/amenhotep iii.jpg");
  grid-column: 2;
  background-position: center;
  background-size: cover;
  font-size: 2rem;
  font-weight: 300;
  text-align: justify;
  line-height: 3rem; }
  @media only screen and (max-width: 556px) {
    .history-img {
      grid-column: 2/4 !important;
      grid-row: 3; } }

.vision-description {
  grid-row: 2;
  grid-column: 2;
  font-size: 2rem;
  font-weight: 300;
  text-align: justify;
  line-height: 3rem; }
  @media only screen and (max-width: 556px) {
    .vision-description {
      grid-column: 2/4 !important; } }

.vision-img {
  background-image: url("../imgs/vision.jpg");
  grid-row: 2;
  grid-column: 3;
  background-position: center;
  background-size: cover; }
  @media only screen and (max-width: 556px) {
    .vision-img {
      display: none; } }

.translations {
  margin-top: 5rem;
  align-self: center;
  color: white;
  display: grid;
  gap: 1.5rem;
  grid-template-rows: repeat(5, 20rem);
  grid-template-columns: repeat(4, 1fr);
  width: 80%; }
  @media only screen and (max-width: 1020px) {
    .translations {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(8, 18rem);
      width: 95%;
      margin: 5rem 0; } }
  @media only screen and (max-width: 1100px) {
    .translations {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(8, 18rem);
      width: 95%;
      margin: 5rem 0; } }
  @media only screen and (max-width: 860px) {
    .translations {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(8, 18rem);
      width: 95%;
      margin: 5rem 0; } }
  @media only screen and (max-width: 556px) {
    .translations {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(8, 18rem);
      width: 95%;
      margin: 5rem 0; } }
  .translations-item {
    position: relative;
    display: grid;
    grid-template-rows: 2fr 1fr 3fr;
    padding-top: 1rem;
    padding-left: 1rem;
    border-radius: 0.5rem;
    overflow: hidden; }
    .translations-item__icon {
      position: absolute;
      right: -5rem;
      bottom: -2rem;
      font-size: 13rem;
      text-align: center;
      color: #00000078;
      border-radius: 50%; }
    .translations-item__title {
      font-size: 2rem;
      z-index: 1; }
      @media only screen and (max-width: 556px) {
        .translations-item__title {
          font-size: 1.5rem; } }
    .translations-item__types {
      font-size: 1.6rem;
      display: flex;
      flex-direction: column;
      margin: 1rem;
      z-index: 1; }
      @media only screen and (max-width: 556px) {
        .translations-item__types {
          font-size: 1.3rem; } }
      .translations-item__types span {
        margin: 0.5rem; }
  .translations-item:first-child {
    border: none;
    margin-right: 5rem;
    grid-column: 1/3;
    text-align: end;
    font-size: 3.5rem;
    font-weight: 600;
    justify-self: self-end;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 556px) {
      .translations-item:first-child {
        margin-right: 2rem; } }
  .translations-item:last-child {
    background: none !important;
    border: none;
    grid-column: -1/1;
    text-align: justify;
    font-size: 3.5rem;
    font-weight: 600;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 860px) {
      .translations-item:last-child {
        font-size: 2.5rem; } }
    @media only screen and (max-width: 556px) {
      .translations-item:last-child {
        font-size: 2.5rem; } }
    .translations-item:last-child span:last-child {
      margin-top: 1rem;
      font-size: 2rem;
      font-weight: 300;
      line-height: 3.5rem; }
  .translations-item:nth-child(even) {
    background-color: var(--primary-color); }
  .translations-item:nth-child(odd):not(:first-child) {
    background-color: #1f1f1f; }

.workflow-description {
  grid-row: 2;
  grid-column: 3;
  font-size: 2rem;
  font-weight: 400;
  width: 100%;
  text-align: justify;
  margin-right: 2rem; }

.workflow-translation {
  position: relative;
  margin-top: 5rem;
  height: 80vh;
  background-position: center;
  background-size: cover;
  display: grid;
  grid-template-columns: 1fr repeat(2, 3fr) 1fr;
  grid-template-rows: 1fr repeat(2, 2fr); }
  @media only screen and (max-width: 556px) {
    .workflow-translation {
      display: flex;
      flex-direction: column;
      height: 90vh;
      margin: 0; } }

.workflow-translation::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.696), rgba(1, 1, 1, 0.183)), url("../imgs/workflow.jpeg");
  background-size: cover;
  background-position: center;
  filter: brightness(0.8);
  z-index: -1; }

.workflow-steps {
  padding-bottom: 4rem;
  display: grid;
  grid-template-columns: 1fr repeat(2, 4fr) 1fr;
  grid-template-rows: 1fr repeat(2, 2fr);
  gap: 4rem;
  background-image: url("../imgs/language white.png");
  background-repeat: repeat; }
  @media only screen and (max-width: 556px) {
    .workflow-steps {
      display: flex;
      flex-direction: column;
      padding: 1rem; } }
  .workflow-steps__step1 {
    grid-column: 2;
    border-radius: 0.5rem;
    border-color: var(--primary-color); }
    .workflow-steps__step1-title {
      font-size: 2rem;
      margin: 1rem; }
    .workflow-steps__step1-description {
      font-size: 2rem;
      margin: 2rem; }
    .workflow-steps__step1-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 4rem;
      margin: 2rem;
      font-size: 1.5rem; }
      .workflow-steps__step1-list span {
        text-align: left; }
  .workflow-steps__step2 {
    grid-column: 3;
    border-radius: 0.5rem;
    border-color: var(--primary-color); }
    .workflow-steps__step2-title {
      font-size: 2rem;
      margin: 1rem; }
    .workflow-steps__step2-description {
      font-size: 2rem;
      margin: 2rem; }
    .workflow-steps__step2-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 4rem;
      margin: 2rem;
      font-size: 1.5rem; }
      .workflow-steps__step2-list span {
        text-align: left; }
  .workflow-steps__step3 {
    grid-column: 2;
    border-radius: 0.5rem;
    border-color: var(--primary-color); }
    .workflow-steps__step3-title {
      font-size: 2rem;
      margin: 1rem; }
    .workflow-steps__step3-description {
      font-size: 2rem;
      margin: 2rem; }
    .workflow-steps__step3-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 4rem;
      margin: 2rem;
      font-size: 1.5rem; }
      .workflow-steps__step3-list span {
        text-align: left; }
  .workflow-steps__step4 p {
    font-size: 2rem;
    margin: 1rem;
    line-height: 3.5rem;
    text-align: justify; }

.transcreation {
  position: relative;
  display: grid;
  grid-template-columns: 1fr repeat(2, 4fr) 1fr;
  grid-template-rows: 1fr 4fr 0.5fr;
  background-size: cover; }
  .transcreation-description {
    font-size: 2rem;
    font-weight: 300;
    text-align: justify;
    line-height: 3rem;
    grid-row: 2;
    grid-column: 3; }
    @media only screen and (max-width: 860px) {
      .transcreation-description {
        grid-row: 2;
        grid-column: 2/4; } }
    @media only screen and (max-width: 556px) {
      .transcreation-description {
        grid-row: 2;
        grid-column: 2/4; } }
  .transcreation::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("../imgs/transcreation.png");
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0.4);
    z-index: -1; }

.localization {
  display: grid;
  grid-template-columns: 1fr 7fr 7fr 1fr;
  justify-items: center;
  align-items: start; }
  @media only screen and (max-width: 556px) {
    .localization {
      margin-bottom: 4rem; } }
  .localization-header {
    display: flex;
    justify-content: center;
    align-items: start;
    position: relative;
    grid-column: 1;
    height: 100%;
    writing-mode: tb;
    font-size: 8rem;
    background-color: var(--primary-color);
    margin: 0; }
    @media only screen and (max-width: 860px) {
      .localization-header {
        font-size: 5rem; } }
    @media only screen and (max-width: 768px) {
      .localization-header {
        font-size: 5rem;
        grid-column: -1/1;
        writing-mode: horizontal-tb;
        background: none; } }
  .localization-description {
    margin-top: 6rem;
    grid-column: 2;
    font-size: 2rem;
    text-align: justify; }
    @media only screen and (max-width: 768px) {
      .localization-description {
        grid-column: 2/3; } }
    @media only screen and (max-width: 556px) {
      .localization-description {
        grid-column: 2/4; } }
    .localization-description span {
      display: block;
      margin-top: 3rem;
      margin-bottom: 3rem; }
  .localization-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-top: 6rem; }
    @media only screen and (max-width: 556px) {
      .localization-items {
        grid-column: 2/4; } }
    .localization-items__item {
      border: solid 1px var(--primary-color);
      border-radius: 0.5rem;
      padding: 1rem; }
      .localization-items__item-header {
        font-size: 1.8rem; }
      .localization-items__item-description {
        font-size: 1.5rem;
        font-weight: 300;
        margin-top: 0.5rem; }

.subtitle {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 3fr 4fr 0.5fr;
  grid-template-rows: 0.5fr 4fr 0.5fr;
  gap: 3rem; }
  @media only screen and (max-width: 768px) {
    .subtitle {
      grid-row: 3;
      grid-column: 2/4;
      grid-template-rows: 0.5fr 0.5fr;
      grid-template-columns: 0.1fr 3fr 4fr 0.1fr; } }
  .subtitle > .u-description {
    grid-column: 2;
    grid-row: 2;
    text-align: justify;
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 300; }
    .subtitle > .u-description span {
      display: block;
      margin-top: 3rem;
      margin-bottom: 3rem; }
    @media only screen and (max-width: 768px) {
      .subtitle > .u-description {
        grid-column: 2/4; } }
  .subtitle-description__footer {
    grid-column: 2;
    font-size: 2rem;
    font-weight: 300; }
  .subtitle-request {
    grid-column: 2;
    grid-row: 2;
    border: solid 1px var(--primary-color);
    padding: 1rem 2rem;
    font-weight: 400;
    transition: all 0.2s ease-in-out; }
    .subtitle-request:hover {
      background-color: var(--primary-color);
      color: var(--dark-color); }
  .subtitle-box {
    grid-row: 2;
    grid-column: 3; }
    @media only screen and (max-width: 768px) {
      .subtitle-box {
        grid-row: 3;
        grid-column: 2/4; } }
    .subtitle-box__items {
      background-color: var(--dark-color);
      padding: 1rem; }
      .subtitle-box__items-item {
        border-bottom: solid 1px var(--primary-color);
        padding-bottom: 0.5rem;
        margin-bottom: 2rem; }
        .subtitle-box__items-item > .item-header {
          font-size: 2rem;
          margin-bottom: 0.5rem; }
        .subtitle-box__items-item > .description {
          font-size: 1.5rem;
          font-weight: 300; }
      .subtitle-box__items-item:last-child {
        border: none; }
  .subtitle::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("../imgs/subtitles.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    filter: brightness(0.4);
    z-index: -1; }

.fullpe {
  display: grid;
  grid-template-columns: 1fr 3fr 4fr 0.5fr;
  grid-template-rows: 0.5fr 3fr 6fr 6fr 0.5fr; }
  @media only screen and (max-width: 768px) {
    .fullpe {
      grid-template-columns: 0.1fr 3fr 4fr 0.1fr;
      grid-template-rows: none; } }
  .fullpe > .u-description {
    grid-row: 2;
    grid-column: 3;
    text-align: justify;
    font-size: 2rem;
    font-weight: 300; }
  .fullpe-content {
    grid-column: 2/4; }
    .fullpe-content__header {
      margin: 1rem;
      padding: 1rem 0;
      text-align: center;
      border-top: solid 1px white;
      border-bottom: solid 1px white;
      font-size: 3rem;
      font-weight: 300; }
    .fullpe-content__pillars {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 4rem;
      padding: 1rem; }
      @media only screen and (max-width: 768px) {
        .fullpe-content__pillars {
          grid-template-columns: repeat(2, 1fr); } }
      .fullpe-content__pillars-item > h4 {
        font-size: 1.8rem;
        font-weight: 300;
        text-align: justify;
        margin-bottom: 0.5rem;
        margin: 1rem 0;
        font-weight: 400; }
      .fullpe-content__pillars-item > p {
        font-size: 1.5rem;
        font-weight: 300;
        text-align: justify;
        margin: 1.5rem 0; }
      .fullpe-content__pillars-item .pillar-image-1 {
        background-image: url("../imgs/expert full.jpeg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 20rem;
        filter: grayscale(100%); }
      .fullpe-content__pillars-item .pillar-image-2 {
        background-image: url("../imgs/dollar.jpeg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 20rem;
        filter: grayscale(100%); }
      .fullpe-content__pillars-item .pillar-image-3 {
        background-image: url("../imgs/cultrual.jpeg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 20rem;
        filter: grayscale(100%); }
      .fullpe-content__pillars-item .pillar-image-4 {
        background-image: url("../imgs/growth.jpeg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 20rem;
        filter: grayscale(100%); }
      .fullpe-content__pillars-item .pillar-image-5 {
        background-image: url("../imgs/we care.jpg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 20rem;
        filter: grayscale(100%); }

.lightpe {
  display: grid;
  grid-template-rows: 1fr 3fr 3.5fr 0.5fr;
  grid-template-columns: 1fr 4fr 4fr 0.5fr;
  gap: 1rem 4rem;
  background-image: url("../imgs/language white.png");
  background-repeat: repeat; }
  @media only screen and (max-width: 768px) {
    .lightpe {
      grid-template-columns: none;
      grid-template-rows: none; } }
  .lightpe > .u-header {
    grid-row: 1;
    grid-column: 2; }
    @media only screen and (max-width: 768px) {
      .lightpe > .u-header {
        grid-column: 1/2; } }
  .lightpe > .u-description {
    padding-left: 2rem;
    grid-row: 2;
    grid-column: 2;
    font-size: 2rem;
    font-weight: 300;
    text-align: justify;
    line-height: 3rem; }
    @media only screen and (max-width: 768px) {
      .lightpe > .u-description {
        grid-row: 2;
        grid-column: 1/4; } }
    .lightpe > .u-description span {
      display: block;
      margin-top: 3rem;
      margin-bottom: 3rem; }
  .lightpe-image {
    height: 80%;
    grid-row: 2;
    grid-column: 3;
    background-image: url("../imgs/lightpe.jpeg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: grayscale(100%); }
    @media only screen and (max-width: 768px) {
      .lightpe-image {
        grid-row: 3;
        grid-column: 1/4; } }
  .lightpe-list__benefit {
    background-color: var(--dark-color);
    padding: 2rem;
    grid-row: 3;
    grid-column: 2; }
    @media only screen and (max-width: 768px) {
      .lightpe-list__benefit {
        grid-row: 4;
        grid-column: 1/4; } }
    .lightpe-list__benefit-header {
      font-size: 2.5rem;
      margin-bottom: 3rem; }
    .lightpe-list__benefit-item {
      margin-bottom: 2rem; }
      .lightpe-list__benefit-item .benefit-header {
        font-size: 2rem;
        color: var(--primary-color); }
      .lightpe-list__benefit-item .benefit-description {
        font-size: 2rem;
        font-weight: 300;
        text-align: justify;
        line-height: 3rem;
        font-size: 1.5rem;
        margin: 1rem 0; }
    .lightpe-list__benefit:last-child {
      grid-row: 3;
      grid-column: 3; }
      @media only screen and (max-width: 768px) {
        .lightpe-list__benefit:last-child {
          grid-row: 5;
          grid-column: 1/4; } }

.proofreading {
  position: relative;
  display: grid;
  grid-template-rows: 1fr 4fr 2fr 1fr;
  grid-template-columns: 1fr 5fr 5fr 0.5fr;
  gap: 4rem 6rem; }
  @media only screen and (max-width: 768px) {
    .proofreading {
      grid-template-rows: none;
      grid-template-columns: 0.1fr 5fr 5fr 0.1fr;
      gap: 1rem 2rem;
      padding-bottom: 6rem; } }
  .proofreading > .u-header {
    grid-row: 1;
    grid-column: 2; }
  .proofreading-1 {
    padding: 1rem;
    background-color: #1f1f1fd1;
    border-radius: 1rem;
    grid-row: 2;
    grid-column: 2;
    width: 100%;
    font-size: 2rem;
    font-weight: 300;
    text-align: justify;
    line-height: 3rem; }
    @media only screen and (max-width: 768px) {
      .proofreading-1 {
        grid-column: 2/4; } }
  .proofreading-2 {
    padding: 1rem;
    border-radius: 1rem;
    background-color: #1f1f1fe7;
    grid-row: 2;
    grid-column: 3;
    width: 100%;
    font-size: 2rem;
    font-weight: 300;
    text-align: justify;
    line-height: 3rem; }
    @media only screen and (max-width: 768px) {
      .proofreading-2 {
        grid-row: 3;
        grid-column: 2/4; } }
  .proofreading-3 {
    border-radius: 1rem;
    background-color: #1f1f1fe7;
    padding: 1rem;
    grid-row: 3;
    grid-column: 2/4;
    width: 100%;
    font-size: 2rem;
    font-weight: 300;
    text-align: justify;
    line-height: 3rem; }
    @media only screen and (max-width: 768px) {
      .proofreading-3 {
        grid-row: 4; } }
  .proofreading::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("../imgs/Proofreading.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    filter: brightness(0.4);
    z-index: -1; }
    @media only screen and (max-width: 768px) {
      .proofreading::before {
        background-position: -33rem; } }

.revision {
  display: grid;
  grid-template-rows: 1fr 4fr 0.5fr;
  grid-template-columns: 1fr 3fr 4fr 3fr 0.5fr;
  background-image: url("../imgs/language white.png");
  gap: 4rem; }
  @media only screen and (max-width: 1278px) {
    .revision {
      height: 75rem; } }
  @media only screen and (max-width: 1020px) {
    .revision {
      height: 90rem;
      grid-template-columns: 0.1fr 3fr 4fr 3fr 0.1fr; } }
  @media only screen and (max-width: 1100px) {
    .revision {
      height: 90rem;
      grid-template-columns: 0.1fr 3fr 4fr 3fr 0.1fr; } }
  @media only screen and (max-width: 860px) {
    .revision {
      height: 100rem; } }
  @media only screen and (max-width: 768px) {
    .revision {
      grid-template-rows: none;
      grid-template-columns: 0.1fr 3fr 3fr 0.1fr;
      gap: 2rem;
      justify-items: center;
      height: max-content; } }
  @media only screen and (max-width: 556px) {
    .revision {
      height: max-content; } }
  .revision > .u-header {
    grid-row: 1;
    grid-column: 2; }
  .revision > .revision-1 {
    grid-row: 2;
    grid-column: 2;
    width: 100%;
    font-size: 2rem;
    font-weight: 300;
    text-align: justify;
    line-height: 3rem; }
    @media only screen and (max-width: 768px) {
      .revision > .revision-1 {
        grid-row: 2;
        grid-column: 2; } }
    @media only screen and (max-width: 556px) {
      .revision > .revision-1 {
        grid-row: 2;
        grid-column: 2/4; } }
  .revision > .revision-2 {
    grid-row: 2;
    grid-column: 3;
    width: 100%;
    font-size: 2rem;
    font-weight: 300;
    text-align: justify;
    line-height: 3rem; }
    @media only screen and (max-width: 768px) {
      .revision > .revision-2 {
        grid-row: 2;
        grid-column: 3; } }
    @media only screen and (max-width: 556px) {
      .revision > .revision-2 {
        grid-row: 4;
        grid-column: 2/4; } }
  .revision > .revision-3 {
    grid-row: 2;
    grid-column: 4;
    width: 100%;
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 300;
    text-align: justify;
    line-height: 3rem; }
    @media only screen and (max-width: 768px) {
      .revision > .revision-3 {
        grid-row: 3;
        grid-column: 2/4; } }
    @media only screen and (max-width: 556px) {
      .revision > .revision-3 {
        grid-row: 5;
        grid-column: 2/4; } }
  .revision .revision-4-img {
    align-self: self-end;
    grid-row: 2;
    grid-column: 4;
    background-image: url("../imgs/revision.jpeg");
    background-size: contain;
    background-position: center;
    height: 30rem;
    width: 100%;
    margin-top: 2rem;
    filter: grayscale(100%); }
    @media only screen and (max-width: 768px) {
      .revision .revision-4-img {
        display: none; } }

.final {
  background-color: #dd9d378c;
  display: grid;
  grid-template-rows: 1fr 4fr;
  grid-template-columns: 1fr 3fr 3fr 0.5fr; }
  @media only screen and (max-width: 860px) {
    .final {
      display: grid;
      grid-template-rows: none;
      grid-template-columns: 0.5fr 3fr 3fr 0.5fr;
      padding-bottom: 2rem; } }
  .final > .final-1 {
    grid-row: 2;
    grid-column: 2;
    font-size: 2rem;
    font-weight: 300;
    text-align: justify;
    line-height: 3rem; }
    @media only screen and (max-width: 556px) {
      .final > .final-1 {
        grid-row: 2;
        grid-column: 2/4; } }
  .final > .final-2 {
    grid-row: 2;
    grid-column: 3;
    font-size: 2rem;
    font-weight: 300;
    text-align: justify;
    line-height: 3rem; }
    @media only screen and (max-width: 556px) {
      .final > .final-2 {
        grid-row: 3;
        grid-column: 2/4; } }

.publish {
  display: grid;
  grid-template-rows: 1fr 4fr 0.5fr;
  grid-template-columns: 1fr 3fr 3fr 3fr 0.5fr;
  background-image: url("../imgs/language white.png");
  background-repeat: repeat; }
  .publish > .u-header {
    grid-row: 1;
    grid-column: 2/4; }

.publish-1 {
  grid-row: 2;
  grid-column: 2;
  font-size: 2rem;
  font-weight: 300;
  text-align: justify;
  line-height: 3rem; }

.publish-2 {
  grid-row: 2;
  grid-column: 3;
  font-size: 2rem;
  font-weight: 300;
  text-align: justify;
  line-height: 3rem; }

.publish-3 {
  grid-row: 2;
  grid-column: 4;
  font-size: 2rem;
  font-weight: 300;
  text-align: justify;
  line-height: 3rem; }