@import url("https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Nunito:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");
* {
  margin: 0;
  padding: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  scroll-behavior: smooth; }

a {
  text-decoration: none;
  color: #FFFFFF; }

body {
  font-family: "Nunito", sans-serif;
  background: #F4FAFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

button {
  font-family: "Abril Fatface", cursive;
  background: none;
  border: none;
  font-size: 1em;
  cursor: pointer;
  border-radius: 5px;
  padding: 15px 10px; }

.mobile_menu {
  display: none;
  z-index: -1000;
  width: 100%;
  height: 100%; }

.m_m_active {
  display: grid;
  position: fixed;
  top: 0;
  left: 0;
  background: #06285B;
  padding: 20px;
  box-sizing: border-box;
  z-index: 1000;
  text-align: center; }

.mobile_menu_content {
  display: grid;
  place-content: center;
  width: 100%;
  margin: auto; }

.mobile_menu_item {
  width: 300px;
  margin: auto;
  padding: 15px 30px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 10px; }
  .mobile_menu_item.ux {
    background: linear-gradient(93.58deg, #7F1D8F 0%, #D86969 100%); }
  .mobile_menu_item.art {
    background: linear-gradient(104.41deg, #BA206A 0%, #EE3737 16.15%, #E7845F 33.85%, #C6CA1C 52.6%, #96B70F 69.79%, #34AD2A 84.9%, #2AADA5 100%); }
  .mobile_menu_item.music {
    background: linear-gradient(93.58deg, #1EE2E9 11.09%, #9336BD 53.53%, #F83390 96.61%); }
  .mobile_menu_item a {
    font-size: 2em; }

.btn_primary {
  background: linear-gradient(45deg, #0f52ff 0%, #cb2aa0 100%);
  color: #FFFFFF; }
  .btn_primary a {
    color: #FFFFFF; }
    .btn_primary a:hover {
      color: #F4FAFF; }
  .btn_primary:hover {
    background-color: #FFFFFF !important;
    color: #06285B;
    transform: scale(1.1);
    transition: .2s ease-in-out; }

.btn_secondary {
  background: #06285B;
  color: #FFFFFF; }
  .btn_secondary:hover {
    transform: scale(1.1);
    transition: .2s ease-in-out; }

.btn_menu {
  color: #FFFFFF; }
  .btn_menu:hover {
    background-color: #06285B;
    color: #06285B;
    transform: scale(1.1);
    width: 100px;
    transition: .2s ease-in-out; }

.btn_small {
  padding: 5px 10px;
  font-size: 1em; }

.btn_white {
  background: #FFFFFF;
  color: #06285B; }
  .btn_white a {
    color: #06285B; }

.dark {
  background: #06285B; }

.shift_right {
  padding-left: 10px; }

.alternate_left {
  border-radius: 0px 5px 5px 0px !important; }

.margin_left {
  margin-left: 20px; }

.header {
  background: linear-gradient(104.41deg, rgba(15, 82, 255, 0.6) 0%, rgba(203, 42, 160, 0.8) 100%), url("../assets/img/bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 20px; }

.nav {
  width: 70%;
  margin: auto;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between; }
  .nav ul {
    display: flex;
    flex-direction: row; }
    .nav ul li {
      margin-right: 20px; }

.nav_mobile {
  width: 90%;
  margin: auto;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.menu ul {
  list-style: none; }

.payoff {
  font-size: 3em;
  color: white;
  font-family: "Abril Fatface", cursive;
  text-align: center;
  padding-bottom: 150px; }

.discover_icon {
  display: none;
  margin-top: 20px;
  margin-bottom: 20px; }

.page_main_container {
  width: 100%;
  margin: auto;
  text-align: center; }

.cards_section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: -100px; }

.main_card {
  width: 300px;
  border-radius: 10px;
  background: #06285B;
  text-align: center;
  padding: 50px 0px 50px 0px;
  margin: 10px; }
  .main_card:hover {
    transform: translateY(-10px);
    animation: 1s ease-in-out; }

.main_card_content {
  width: 80%;
  margin: auto; }

.card_title {
  font-size: 3em;
  color: #FFCCD5;
  font-family: "Abril Fatface", cursive;
  margin-bottom: 10px; }

.card_description {
  font-size: 1em;
  color: #FFFFFF;
  margin-bottom: 30px; }

.card_button {
  width: 100% !important;
  margin: auto;
  font-size: 1.2em; }

.section {
  width: 70%;
  margin: 50px auto; }
  .section.art_section {
    background-color: #06285B;
    padding-top: 30px;
    padding-bottom: 50px;
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 50px; }

.section_title {
  font-size: 5em;
  font-family: "Abril Fatface", cursive;
  color: #06285B;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important; }
  .section_title.ux_title {
    background: url("../assets/img/ux.png"); }
  .section_title.art_title {
    background: url("../assets/img/art.png"); }
  .section_title.music_title {
    background: url("../assets/img/music.png"); }

.ux_section {
  width: 50%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px; }

.section_content {
  display: flex;
  justify-content: space-evenly;
  margin-top: 50px;
  margin-bottom: 50px;
  align-items: center; }
  .section_content.art_section_content {
    width: 70%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .section_content.music_section_content {
    display: flex;
    flex-direction: column;
    justify-content: center; }

.art_cards_list {
  display: flex;
  justify-content: space-evenly; }

.text_left {
  text-align: justify;
  margin-right: 20px;
  width: 80%; }

.ux_services {
  display: grid;
  grid-template-columns: 150px 150px 150px;
  column-gap: 15px; }

.ux_services_card {
  background: #FFFFFF;
  box-shadow: 0px 0px 50px 20px #d8e3ec;
  border-radius: 10px;
  padding: 20px; }

.ux_services_card_title {
  font-family: "Abril Fatface", cursive;
  font-size: 1.2em;
  margin-bottom: 10px; }

.ux_services_card_text {
  font-size: 0.8em;
  margin-bottom: 10px; }

.art_card {
  background: url("../assets/img/1.jpg");
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  height: 300px;
  padding: 0;
  display: grid;
  place-content: center;
  margin-top: 30px; }
  .art_card#art2 {
    background: url("../assets/img/2.jpg"); }
  .art_card#art3 {
    background: url("../assets/img/3.jpg"); }

.art_card_title {
  font-family: "Abril Fatface", cursive;
  font-size: 1.2em; }

.music_player_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 50px; }

.music_player {
  width: 300px;
  height: 350px;
  background: #06285B;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  margin-right: 30px; }

.music_player_header {
  background-image: url("../assets/img/covers/quintino.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 200px;
  border-radius: 10px; }

.player {
  transform: scale(0.9);
  margin-top: -25px; }

.track_playing_title {
  font-family: "Abril Fatface", cursive;
  font-size: 2em;
  color: #FFCCD5;
  margin-top: 5px; }

.track_playing_details {
  font-size: 1em !important; }

.trackslist {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 10px;
  row-gap: 10px; }

.track_card {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 90px;
  width: 200px;
  padding: 0px 20px;
  text-align: left;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 50px 20px #d8e3ec;
  border-radius: 10px; }

.track_info {
  margin-left: 10px;
  font-size: 0.8em; }

.track_title {
  font-size: 1.2em;
  font-family: "Abril Fatface", cursive; }

.play_button {
  border-radius: 200px;
  background: linear-gradient(45deg, #0f52ff 0%, #cb2aa0 100%);
  padding: 10px; }
  .play_button:hover {
    transform: scale(1.1);
    transform: translate(0px, -2px);
    transition: .2s ease-in-out; }

.track_genre {
  margin-bottom: 5px; }

.credits a {
  font-size: 0.5em;
  margin-top: 10px;
  color: #F4FAFF; }

.about_container {
  background: linear-gradient(45deg, #0f52ff 0%, #cb2aa0 100%);
  width: 100%; }

.about_content {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: space-evenly;
  padding-top: 50px; }

.about_content_left {
  width: 60%; }

.about_title {
  text-align: left; }

.about_description {
  text-align: left;
  color: #FFCCD5; }

.about_picture img {
  width: 250px;
  margin-top: 30px; }

.about_container_mobile {
  display: none; }

.footer {
  width: 100%;
  background: #06285B;
  margin-top: -50px;
  padding-top: 50px;
  padding-bottom: 50px; }
  .footer .footer_content {
    width: 70%;
    margin: auto;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 30px; }

.white_text {
  color: #FFFFFF; }

.light_title {
  font-size: 3em;
  font-family: "Abril Fatface", cursive;
  text-align: center;
  color: #D8E3EC; }

.light_subtitle {
  font-size: 1em;
  color: #FFFFFF;
  text-align: center;
  padding-top: 20px; }

.slide-bottom {
  -webkit-animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.header_profile {
  width: 100%;
  margin: auto;
  padding-top: 50px;
  background: linear-gradient(180deg, rgba(6, 40, 91, 0.9) 0%, rgba(170, 70, 166, 0.9) 100%), url("../assets/img/bg_profile.png");
  background-size: cover; }

.nav_profile {
  width: 60%;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }

.payoff_profile {
  text-align: left;
  width: 50%;
  margin: auto;
  margin-top: 50px; }

.profile_card {
  background: #FFFFFF;
  border-radius: 10px;
  width: 60%;
  margin: auto;
  margin-top: -100px;
  height: 300px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between; }

.profile_description_section {
  width: 60%;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left; }

.profile_description_title {
  font-family: "Abril Fatface", cursive;
  font-size: 2em;
  margin-bottom: 10px; }

.profile_card_mobile {
  display: none; }

.what_i_do {
  width: 100%;
  margin: auto;
  margin-top: 50px; }

.profile_card_work {
  width: 70%;
  margin: auto;
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  margin-top: 50px;
  background: #FFFFFF;
  align-items: center; }

.highlight {
  background: linear-gradient(125.27deg, #06285B 0%, #AA46A6 100%);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px 0px 0px 5px;
  width: 50%;
  margin: auto;
  padding: 30px 20px 30px 20px; }

.highlight_title {
  font-family: "Abril Fatface", cursive;
  color: #FFFFFF;
  font-size: 2em; }

.highlight_chip {
  padding: 2px 5px;
  background: rgba(255, 255, 255, 0.5);
  color: white;
  width: 30%;
  border-radius: 5px;
  text-align: center;
  margin-top: 20px; }

.highlight_description {
  color: #FFFFFF;
  text-align: left;
  margin-top: 10px; }

.bg_number {
  font-family: "Abril Fatface", cursive;
  font-size: 15em;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: right; }

.activities_details {
  width: 50%;
  margin: auto;
  padding: 30px 20px 30px 20px; }
  .activities_details button {
    display: flex;
    justify-content: center;
    width: 60%;
    margin: auto;
    margin-top: 20px; }

.activities_details_title {
  font-weight: 700;
  font-size: 1.2em;
  color: #CB2AA0; }

.activities_details_list {
  padding-left: 20px;
  padding-top: 10px; }

.customers_container {
  width: 100%;
  margin: auto;
  background: url("../assets/img/world.png");
  background-repeat: no-repeat;
  background-position: top;
  margin-top: 50px; }

.customers_content {
  width: 70%;
  margin: auto;
  padding-top: 100px;
  padding-bottom: 250px; }

.customers_title {
  text-align: center;
  font-family: "Abril Fatface", cursive;
  color: #FFFFFF;
  font-size: 2em;
  margin-bottom: 50px; }

.big_customers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  column-gap: 10px; }

.big_customer {
  background: rgba(255, 255, 255, 0.5);
  display: grid;
  place-content: center;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px; }
  .big_customer.china {
    background: linear-gradient(45deg, rgba(221, 69, 52, 0.3393732493) 0%, rgba(203, 42, 99, 0.7959558824) 100%), url("https://images.unsplash.com/photo-1584872589930-e99fe5bf4408?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1056&q=80");
    background-size: cover;
    background-position: center; }
  .big_customer.saudi {
    background: linear-gradient(45deg, rgba(35, 150, 121, 0.6390931373) 0%, rgba(42, 203, 125, 0.6951155462) 100%), url("https://images.pexels.com/photos/7984586/pexels-photo-7984586.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260");
    background-size: cover;
    background-position: center; }
  .big_customer.USA {
    background: linear-gradient(45deg, rgba(6, 40, 91, 0.8267682073) 0%, rgba(42, 110, 203, 0.7091211485) 100%), url("https://images.unsplash.com/photo-1494522855154-9297ac14b55f?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80");
    background-size: cover;
    background-position: center; }

.big_customer_title {
  font-family: "Abril Fatface", cursive;
  font-size: 2em;
  color: #FFFFFF;
  text-align: center; }

.small_customers_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  column-gap: 10px;
  row-gap: 10px;
  margin-top: 10px; }

.small_customer {
  background: #A3BEF6;
  display: grid;
  place-content: center;
  border-radius: 10px;
  padding: 10px; }
  .small_customer.germany {
    background: linear-gradient(45deg, rgba(30, 45, 66, 0.7735469188) 0%, rgba(5, 19, 42, 0.7091211485) 100%), url("https://images.unsplash.com/photo-1577185816322-21f2a92b1342?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80");
    background-size: cover;
    background-position: center; }
  .small_customer.colombia {
    background: linear-gradient(45deg, rgba(170, 163, 14, 0.7735469188) 0%, rgba(190, 146, 33, 0.7091211485) 100%), url("https://images.pexels.com/photos/5868605/pexels-photo-5868605.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260");
    background-size: cover;
    background-position: center; }
  .small_customer.canada {
    background: linear-gradient(45deg, rgba(221, 69, 52, 0.3393732493) 0%, rgba(203, 42, 99, 0.7959558824) 100%), url("https://images.pexels.com/photos/1750754/pexels-photo-1750754.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260");
    background-size: cover;
    background-position: center; }
  .small_customer.iceland {
    background: linear-gradient(45deg, rgba(219, 230, 232, 0.7735469188) 0%, rgba(19, 174, 184, 0.6699054622) 100%), url("https://images.unsplash.com/photo-1529963183134-61a90db47eaf?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80");
    background-size: cover;
    background-position: center; }

.small_customer_title {
  font-family: "Abril Fatface", cursive;
  font-size: 2em;
  color: #FFFFFF;
  text-align: center; }

.customer_date {
  color: #FFFFFF;
  font-weight: 700;
  padding: 10px 0px 10px 0px;
  text-align: center; }

.customer_description {
  color: #FFFFFF;
  text-align: center;
  padding: 15px 10px 15px 10px; }

.banner {
  border-radius: 10px;
  background: linear-gradient(125.27deg, #06285B 0%, #AA46A6 100%);
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  padding: 20px; }

.banner_title {
  font-family: "Abril Fatface", cursive;
  font-size: 2em; }

.skills_container {
  background: url("../assets/img/bg_profile_transparent.png");
  background-position: top;
  background-size: cover; }

.skills_content {
  width: 70%;
  margin: auto; }

.skills_list {
  display: flex;
  justify-content: space-evenly;
  column-gap: 10px;
  width: 100%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 50px; }

.skills_item {
  text-align: center; }

.skill_item_title {
  font-size: 2em;
  color: #A3BEF6;
  font-family: "Abril Fatface", cursive;
  margin-bottom: 15px; }

.skill_detail {
  color: #FFFFFF;
  margin-bottom: 10px; }

.footer_profile {
  width: 70%;
  margin: auto;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px; }

.block_container {
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  padding: 50px 0px 50px 0px; }
  .block_container.slideck {
    background: linear-gradient(45deg, rgba(240, 30, 30, 0.7) 0%, #9e1646 100%), url("../assets/img/slideck.png");
    background-size: cover;
    background-position: center; }
  .block_container.bookadoc {
    background: linear-gradient(104.41deg, rgba(55, 189, 238, 0.9) 0%, rgba(0, 167, 157, 0.9) 100%), url("../assets/img/bookadoc.png");
    background-size: cover;
    background-position: center; }
  .block_container.airline {
    background: linear-gradient(104.41deg, rgba(29, 52, 112, 0.9) 0%, rgba(222, 36, 47, 0.9) 100%), url("../assets/img/airline.png");
    background-size: cover;
    background-position: center; }

.block_content {
  width: 50%;
  margin: auto;
  box-sizing: border-box;
  padding-top: 50px;
  padding-bottom: 50px; }

.block_content_header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.project_description {
  font-size: 1em;
  color: #FFFFFF; }

.project_details {
  width: 80%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
  color: #FFFFFF; }
  .project_details ul {
    margin-left: 20px;
    margin-top: 10px; }
    .project_details ul li {
      font-weight: bold; }

.mobile_card {
  display: none; }

.e2e_body {
  background: #06285B; }

.e2e_header {
  background: linear-gradient(104.41deg, rgba(55, 189, 238, 0.6) 0%, rgba(0, 167, 157, 0.6) 100%), url("../assets/img/bg_e2e.png");
  background-size: cover; }

.e2e_nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 60%;
  margin: auto;
  padding: 10px;
  box-sizing: border-box;
  align-items: center; }

.e2e_logo img {
  width: 100px; }

.btn_e2e_primary {
  background: linear-gradient(104.41deg, #37BDEE 0%, #00A79D 100%);
  color: white;
  font-family: "Montserrat", sans-serif; }
  .btn_e2e_primary:hover {
    background: #FFFFFF;
    color: #80D1EF;
    transform: scale(1.1);
    transition: .2s ease-in-out; }

.btn_e2e_secondary {
  background: #FFFFFF;
  color: #80D1EF;
  font-family: "Montserrat", sans-serif;
  font-size: 0.8em; }
  .btn_e2e_secondary:hover {
    background: linear-gradient(104.41deg, #37BDEE 0%, #00A79D 100%);
    color: #FFFFFF;
    transform: scale(1.1);
    transition: .2s ease-in-out; }
  .btn_e2e_secondary a {
    color: #06285B; }
    .btn_e2e_secondary a:hover {
      color: #FFFFFF; }

.e2e_payoff {
  width: 50%;
  margin: auto;
  font-size: 3em;
  color: white;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  padding-bottom: 100px;
  padding-top: 50px; }

.e2e_disclaimer {
  width: 35%;
  margin: auto;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
  box-sizing: border-box;
  margin-top: -40px;
  text-align: center;
  padding-bottom: 50px; }

.disclaimer_btn {
  width: 100%;
  margin: auto;
  margin-top: -25px;
  display: flex;
  justify-content: center; }
  .disclaimer_btn a:hover {
    color: #06285B; }

.modules_area {
  width: 100%;
  margin: auto;
  padding-bottom: 100px;
  padding-top: 50px; }

.modules_area_container {
  width: 75%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  row-gap: 10px; }

.module {
  display: block;
  padding: 10px;
  box-sizing: border-box; }

.module_container {
  color: white;
  margin-bottom: 20px;
  margin-top: 30px;
  display: flex;
  background-color: #06285B;
  align-items: center; }

.module_n {
  background: linear-gradient(104.41deg, #37BDEE 0%, #00A79D 100%);
  border-radius: 100%;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.2em;
  padding: 10px;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  display: grid;
  align-content: center; }

.module_sub_content {
  padding: 10px;
  box-sizing: border-box; }
  .module_sub_content a {
    color: #80D1EF; }
    .module_sub_content a:hover {
      color: #06285B; }

.module_header {
  display: flex;
  flex-direction: row;
  align-items: center; }

.module_title {
  font-family: "Montserrat", sans-serif;
  color: #80D1EF;
  font-size: 1.2em;
  margin-right: 10px; }

.module_chip {
  background: rgba(255, 255, 255, 0.5);
  padding: 5px;
  box-sizing: border-box;
  border-radius: 10px; }

.module_content {
  margin-bottom: 15px; }

.module_sub_content button {
  width: 200px; }

.module_section_title {
  width: 100%;
  margin: auto;
  text-align: center;
  margin-top: 50px;
  color: #FFFFFF;
  font-size: 2em;
  font-family: "Montserrat", sans-serif; }

.module_details {
  background: #F4FAFF;
  width: 100%;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 50px; }

.module_details_content {
  width: 60%;
  margin: auto;
  display: flex;
  justify-content: center;
  text-align: center; }

.module_details_header {
  text-align: center; }
  .module_details_header .module_details_header_top {
    display: grid;
    grid-template-columns: 150px;
    place-content: center; }
  .module_details_header .module_n {
    margin-right: 0px !important;
    align-self: center;
    justify-self: center; }
  .module_details_header .module_chip_color {
    padding: 5px 20px;
    background: #80D1EF;
    color: white;
    border-radius: 10px;
    margin-top: 10px; }
  .module_details_header .module_detail_title {
    font-size: 3em;
    color: #06285B;
    font-family: "Montserrat", sans-serif;
    margin-top: 20px; }
  .module_details_header .module_detail_subtitle {
    color: #80D1EF;
    font-size: 1.2em; }

.module_details_blocks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  column-gap: 10px;
  row-gap: 10px;
  width: 50%;
  margin: auto;
  margin-top: 20px; }

.module_detail_item {
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0px 0px 50px 20px #d8e3ec;
  padding: 20px 30px;
  box-sizing: border-box;
  display: grid;
  place-content: center; }

.module_detail_item_title {
  font-family: "Montserrat", sans-serif;
  color: #80D1EF;
  margin-bottom: 10px;
  text-align: center; }

.module_details_button {
  display: flex;
  justify-content: center;
  margin-top: 20px; }

.special_focus {
  background-color: #06285B;
  color: white; }

.teaser {
  width: 100%;
  margin: auto;
  background: linear-gradient(180deg, #7FD1ED 0%, #6ACCCA 100%); }

.teaser_content {
  width: 50%;
  margin: auto;
  padding: 100px 0px;
  text-align: center; }

.teaser_title {
  font-size: 2em;
  color: #FFFFFF;
  font-family: "Montserrat", sans-serif; }

.teaser_subtitle {
  color: #FFFFFF;
  margin-top: 20px; }

.teaser_btn {
  display: grid;
  place-content: center;
  margin-top: 30px; }

#preview_modal {
  background: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1000;
  display: none; }

.preview_modal_container {
  background: #0d1725;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 100%;
  place-content: center;
  text-align: center;
  padding: 10px; }

.preview_modal_content {
  width: 720px; }
  .preview_modal_content img {
    transform: scale(1.5); }
  .preview_modal_content iframe {
    width: 720px;
    height: 480px;
    margin-top: 10px;
    border: none; }

.form_container {
  width: 50%;
  margin: auto;
  margin-top: -100px;
  background: #FFFFFF;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px; }
  .form_container .clear {
    display: flex;
    justify-content: center; }
    .form_container .clear input {
      transform: scale(1.3);
      font-family: "Nunito", sans-serif; }
      .form_container .clear input:hover {
        transform: scale(1.5); }

.form h2 {
  font-family: "Abril Fatface", cursive; }

@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.slide-up {
  -webkit-animation: slide-up 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-up 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

@-webkit-keyframes slide-up {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(20);
    transform: translateY(20); } }
@keyframes slide-up {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(20);
    transform: translateY(20); } }
.slide-left {
  -webkit-animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.short_delay {
  animation-delay: .1s !important; }

.long_delay {
  animation-delay: .2s !important; }

@media only screen and (max-width: 2560px) {
  .nav_mobile {
    display: none; }

  .ux_section {
    width: 50%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px; }

  .about_content {
    width: 60%;
    margin: auto; }

  .footer_content {
    width: 50% !important;
    margin: auto; }

  .page_main_container {
    width: 100%; }

  .profile_card_work {
    width: 60%; }

  .customers_content {
    width: 50%; }

  .what_i_do {
    width: 80%; }

  .mobile_card {
    display: none; }

  .modules_area_container {
    width: 60%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    justify-content: space-between;
    align-items: center; }

  .form_container {
    width: 50%;
    margin: auto;
    margin-top: -100px;
    background: #FFFFFF;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px; }
    .form_container .clear {
      display: flex;
      justify-content: center; }
      .form_container .clear input {
        transform: scale(1.3);
        font-family: "Nunito", sans-serif; }
        .form_container .clear input:hover {
          transform: scale(1.5); }

  .form h2 {
    font-family: "Abril Fatface", cursive; } }
@media only screen and (max-width: 1440px) {
  .nav_mobile {
    display: none; }

  .ux_section {
    width: 70%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px; }

  .about_content {
    width: 80%;
    margin: auto; }

  .footer_content {
    width: 70% !important;
    margin: auto; }

  .profile_card_work {
    width: 70%; }

  .mobile_card {
    display: none; }

  .e2e_disclaimer {
    width: 45%;
    margin: auto;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-top: -40px;
    text-align: center;
    padding-bottom: 50px; }

  .modules_area_container {
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    justify-content: space-between;
    align-items: center; } }
@media only screen and (max-width: 1024px) {
  .nav_mobile {
    display: none; }

  .cards_section {
    flex-wrap: nowrap; }

  .payoff_profile {
    width: 80%; }

  .profile_card {
    width: 90%; }

  .profile_card_work {
    width: 80%;
    margin: auto;
    margin-top: 50px; }

  .profile_card_work {
    display: block; }

  .highlight {
    width: 100%;
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-sizing: border-box;
    padding: 20px; }

  .activities_details {
    width: 100%; }

  .highlight_chip {
    margin-top: 20px; }

  .activities_details {
    box-sizing: border-box; }

  .big_customers {
    display: flex;
    flex-direction: column; }

  .big_customer {
    margin-bottom: 30px; }

  .skills_content {
    width: 90%; }

  .skill_item_title {
    font-size: 1.2em; }

  .block_content {
    width: 80%;
    margin: auto; }

  .block_content_header {
    display: block; }

  .project_details {
    width: 100%; }

  .mobile_card {
    display: none; }

  .e2e_disclaimer {
    width: 60%;
    margin: auto;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-top: -40px;
    text-align: center;
    padding-bottom: 50px; }

  .modules_area_container {
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    justify-content: space-between;
    align-items: center; }

  .module_details_blocks {
    width: 80%; } }
@media only screen and (max-width: 768px) {
  .nav_mobile {
    display: none; }

  .cards_section {
    flex-wrap: nowrap; }

  .section_content {
    flex-direction: column; }

  .text_left {
    margin-bottom: 30px;
    margin-right: 0px; }

  .art_cards_list {
    transform: scale(0.95); }

  .music_player_container {
    flex-wrap: wrap; }

  .music_player {
    margin-right: 0px;
    margin-bottom: 30px; }

  .about_content {
    padding-bottom: 100px; }

  .payoff_profile {
    width: 80%; }

  .profile_card {
    width: 90%; }

  .profile_card_work {
    width: 90%;
    margin: auto;
    margin-top: 50px; }

  .profile_card_work {
    display: block; }

  .highlight {
    width: 100%;
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-sizing: border-box;
    padding: 20px; }

  .activities_details {
    width: 100%; }

  .highlight_chip {
    margin-top: 20px; }

  .activities_details {
    box-sizing: border-box; }

  .big_customers {
    display: flex;
    flex-direction: column; }

  .big_customer {
    margin-bottom: 30px; }

  .skills_content {
    width: 90%; }

  .skill_item_title {
    font-size: 1.2em; }

  .mobile_card {
    display: none; }

  .e2e_nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 80%;
    margin: auto;
    padding: 10px;
    padding-top: 20px;
    box-sizing: border-box;
    align-items: center; }

  .e2e_payoff {
    width: 80%;
    margin: auto;
    font-size: 2em;
    color: white;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    padding-bottom: 100px;
    padding-top: 50px; }

  .e2e_disclaimer {
    width: 80%;
    margin: auto;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-top: -40px;
    text-align: center;
    padding-bottom: 50px; }

  .modules_area_container {
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    justify-content: space-between;
    align-items: center; } }
@media only screen and (max-width: 414px) {
  .header {
    height: 100vh;
    display: grid; }

  .payoff {
    margin-bottom: 0px;
    display: grid;
    place-content: center; }

  .nav {
    display: none; }

  .nav_mobile {
    display: flex;
    margin-top: -120px; }

  .discover_icon {
    display: block;
    animation-name: bounce;
    animation-duration: 4s; }

  @keyframes bounce {
    0% {
      top: 0px; }
    25% {
      top: 5px; }
    50% {
      top: 10px; }
    75% {
      top: 5px; }
    100% {
      top: 0px; } }
  .cards_section {
    flex-wrap: wrap; }

  .main_card {
    margin-bottom: 20px; }

  .section {
    width: 100%;
    margin: auto; }

  .section_content {
    flex-wrap: wrap;
    width: 90%;
    margin: auto; }

  .text_left {
    margin: 0px 0px 30px 0px; }

  .section_title {
    font-size: 3em;
    width: 80%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px; }

  .ux_services {
    display: flex;
    flex-direction: column;
    width: 100%; }

  .ux_services_card {
    margin-bottom: 15px; }

  .art_section_content {
    width: 90% !important;
    margin: auto; }

  .art_cards_list {
    flex-wrap: wrap; }

  #linkedin {
    margin-bottom: 50px;
    margin-top: 50px; }

  .music_section_content {
    display: flex;
    flex-direction: row !important; }

  .music_player_container {
    display: flex;
    flex-wrap: wrap; }
    .music_player_container .music_player {
      margin-right: 0px; }

  .trackslist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center; }
    .trackslist .track_card {
      width: 80%;
      justify-content: left;
      padding-left: 20px; }
      .trackslist .track_card .play_button {
        margin-right: 10px; }

  .about_container {
    display: none; }

  .about_container_mobile {
    display: flex;
    margin: auto;
    background: linear-gradient(104.41deg, rgba(15, 82, 255, 0.6) 0%, rgba(203, 42, 160, 0.8) 100%), url("../assets/img/ric.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-bottom: 80px; }

  .about_container_mobile_content {
    width: 80%;
    margin: auto;
    text-align: left; }

  .header_profile {
    height: 100vh;
    display: grid; }

  .nav_profile {
    display: flex;
    margin-top: -20px;
    width: 100%;
    justify-content: center; }

  .payoff_profile {
    width: 80%;
    margin: auto;
    font-size: 2em; }

  .profile_card {
    display: none; }

  .profile_card_mobile {
    display: flex;
    width: 90%;
    margin: auto;
    background: #FFFFFF;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -40px; }

  .profile_card_mobile_content {
    display: flex;
    flex-direction: column;
    width: 85%;
    margin: auto; }

  .img_profile_mobile {
    height: 150px;
    width: 150px;
    margin: auto;
    margin-top: -100px;
    margin-bottom: 20px;
    background: url("../assets/img/ric_profile.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 200px; }

  .profile_card_mobile_description {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: -20px; }

  .profile_description {
    text-align: left; }

  .what_i_do {
    width: 90%;
    margin: auto;
    margin-top: 50px; }

  .profile_card_work {
    width: 100%; }

  .profile_card_work {
    display: block; }

  .highlight {
    width: 100%;
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-sizing: border-box;
    padding: 20px;
    text-align: center; }

  .bg_number {
    display: none; }

  .activities_details {
    width: 100%; }

  .highlight_chip {
    width: 90%;
    margin: auto;
    margin-top: 20px; }

  .activities_details {
    box-sizing: border-box; }

  .customers_content {
    width: 90%; }

  .big_customers {
    display: inline; }

  .big_customer {
    margin-bottom: 40px;
    padding: 10px; }

  .small_customers_list {
    display: inline; }

  .small_customer {
    margin-bottom: 40px; }

  .banner {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center; }

  .banner_title {
    margin-bottom: 20px; }

  .skills_content {
    width: 90%;
    margin: auto; }

  .skills_title {
    margin-bottom: 20px; }

  .skills_list {
    display: inline; }

  .project_details {
    width: 100%; }

  .desktop {
    display: none; }

  .mobile_card {
    display: block; }

  .e2e_nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 80%;
    margin: auto;
    padding: 10px;
    padding-top: 20px;
    box-sizing: border-box;
    align-items: center; }

  .e2e_payoff {
    width: 80%;
    margin: auto;
    font-size: 2em;
    color: white;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    padding-bottom: 100px;
    padding-top: 50px; }

  .e2e_disclaimer {
    width: 90%;
    margin: auto;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-top: -40px;
    text-align: center;
    padding-bottom: 50px; }

  .module_n {
    background: linear-gradient(104.41deg, #37BDEE 0%, #00A79D 100%);
    border-radius: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 10px;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    display: grid;
    align-content: center; }

  .module_container {
    display: block; }

  .module_detail_title {
    font-size: 1.2em; }

  .preview_modal_content {
    width: 320px; }
    .preview_modal_content img {
      transform: scale(1.5); }
    .preview_modal_content iframe {
      width: 320px;
      height: 240px;
      margin-top: 10px;
      border: none;
      border-radius: 10px; }

  .form_container {
    width: 100%;
    margin: auto;
    margin-top: -200px; } }
.module_details_button button {
  display: flex;
  align-items: center; }
  .module_details_button button img {
    margin-right: 5px; }

.disclaimer_btn button {
  display: flex;
  align-items: center; }
  .disclaimer_btn button img {
    margin-right: 5px; }
.disclaimer_btn .form_container {
  width: 100%;
  margin: auto;
  margin-top: -100px;
  background: #FFFFFF;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px; }
  .disclaimer_btn .form_container .clear {
    display: flex;
    justify-content: center; }
    .disclaimer_btn .form_container .clear input {
      transform: scale(1.3);
      font-family: "Nunito", sans-serif; }
      .disclaimer_btn .form_container .clear input:hover {
        transform: scale(1.5); }
.disclaimer_btn .form h2 {
  font-family: "Abril Fatface", cursive; }

.music_disclaimer {
  width: 70%;
  margin: auto;
  margin-bottom: 30px;
  margin-top: 30px; }

/*# sourceMappingURL=main.css.map */