/* All rights reserved to the code developer Yehuda Betito */

@import "../fonts/Heebo.css";

* { font-family: "Heebo-Regular", sans-serif; }

a, a:hover {
  font-family: "Heebo-Regular", sans-serif;
  text-decoration: none;
  color: #000;
}

.wrapper {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.dropdown-menu {
  border: none;
  border-top: 1px solid #00b5ff;
}

.dropdown-menu.columns-4 {
  min-width: 700px;
  left: -250px;
}

.mobile-menu-btn, .mobile-search-btn, .mobile-services-list { display: none; }

header.nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  padding-top: 0;
  z-index: 999;
}

header.nav .row { width: 100%; }

header.nav .row .logo {
  padding-top: 10px;
}

header.nav .row ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 100%;
}

header.nav .row ul li {
  display: inline-block;
  height: 100%;
  padding-top: 30px;
  margin-right: 10px;
  border-top: 6px solid transparent;
}

header.nav .row ul li span,
header.nav .row ul li .dropdown button.dropdown-toggle {
  font-family: "Heebo-Regular", sans-serif;
  font-size: 16px;
  outline: 0;
}

header.nav .row ul li.active,
header.nav .row ul li:hover {
  border-top: 6px solid #00b5ff;
}

header.nav .row ul li.search {
  border-top: 6px solid transparent;
}

header.nav .row ul li.active a span,
header.nav .row ul li:hover a span,
header.nav .row ul li:hover .dropdown button.dropdown-toggle {
  color: #00b5ff;
  outline: 0;
  border: none;
}

header.nav .row ul li .dropdown button.dropdown-toggle {
  display: inline;
  background: none;
  border: none;
  cursor: pointer;
}

.top-img {
  position: relative;
  background: url('../images/headerIMG.png') no-repeat;
  width: 100%;
  height: 100vh;
  background-size: contain;
}

.top-img .scroll-down {
  position: absolute;
  bottom: 15vh;
  width: 100%;
  text-align: center;
}

.top-img .scroll-down .icon-container {
  display: inline-block;
  background: rgba(255, 255, 255, 0.9);
  font-size: 30px;
  color: #4a289c;
  width: 58px;
  height: 58px;
  line-height: 58px;
  border-radius: 100%;
  border: 2px solid #4a289c;
  cursor: pointer;
  opacity: 1;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.top-img .scroll-down .icon-container:hover {
  opacity: 0.5;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.page {
  margin-top: 50px;
}

.page section {
  margin: 70px auto;
}

.page section > header {
  text-align: center;
}

.page section header h2 {
  font-family: "Heebo-Thin", sans-serif;
  font-size: 60px;
  text-align: center;
  color: #464247;
  text-transform: uppercase;
  margin: 0 auto;
  line-height: 50px;
}

.page section header small {
  font-family: "Heebo-Light", sans-serif;
  font-size: 20px;
  text-align: center;
  color: #464247;
}

.page .game-changers .content .gc-card h3 {
  font-family: "Heebo-ExtraBold", sans-serif;
  font-size: 38px;
  text-transform: uppercase;
  color: #464247;
}

.page .game-changers .content .gc-card .left-side,
.page .game-changers .content .gc-card .right-side {
  background-size: cover!important;
  padding: 20px;
}

.page .game-changers .content .gc-card .left-side .row,
.page .game-changers .content .gc-card .right-side .row { height: 100%; }

.page .game-changers .content .gc-card.digital-transformation .left-side { background: url('../images/digital-transformation-left.png') no-repeat; }

.page .game-changers .content .gc-card q {
  display: block;
  margin-bottom: 20px;
  font-size: 15px;
  max-width: 250px;
  width: 100%;
}

.page .game-changers .content .gc-card q::before,
.page .game-changers .content .gc-card q::after {
  font-family: 'Font Awesome 5 Free';
  color: #853399;
  content: "\f10d";
  font-weight: 900;
}

.page .game-changers .content .gc-card q::before { content: "\f10d"; }
.page .game-changers .content .gc-card q::after { content: "\f10e"; }

.page .game-changers .content .gc-card strong {
  font-family: "Heebo-Bold";
  font-size: 14px;
  color: #464247;
  text-transform: uppercase;
}

.page .game-changers .content .gc-card span {
  font-family: "Heebo-Light";
  font-size: 14px;
  color: #464247;
  text-transform: uppercase;
}

.read-more-container {
  position: relative;
}

.read-more {
  background: rgba(255, 255, 255, 0.9);
  color: #464247;
  font-size: 14px;
  padding: 10px 15px;
  border: 2px solid #fff;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
}

.read-more:hover { text-decoration: underline; }

.page .game-changers .content .gc-card .read-more {
  position: absolute;
  bottom: 0;
  right: 20px;
}

.page .game-changers .content .gc-card.digital-transformation .right-side { background: url('../images/cyber-security.png') no-repeat; }

.page .game-changers .content .gc-card .right-side h3,
.page .game-changers .content .gc-card .right-side q,
.page .game-changers .content .gc-card .right-side span,
.page .game-changers .content .gc-card .right-side strong { color: #fff; }

.page .game-changers .content .gc-card .right-side q::before,
.page .game-changers .content .gc-card .right-side q::after { color: #36e8d2; }

.page .game-changers .content .gc-card.smart-world .right-side { background: url('../images/smart-world.png') no-repeat; }
.page .game-changers .content .gc-card.smart-world .left-side { background: url('../images/cloud.png') no-repeat; }

.page .game-changers .content .gc-card.data .right-side { background: url('../images/data.png') no-repeat; }
.page .game-changers .content .gc-card.data .left-side { background: url('../images/game-changers.png') no-repeat; }

.page .services .content ul.services-list {
  list-style-type: none;
  padding: 0;
  text-align: center;
  display: flex;
  max-width: 750px;
  margin: 20px auto;
}

.page .services .content ul.services-list li {
  flex: 1;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0 10px;
  padding: 5px 0;
}

.page .services .content ul.services-list li.active,
.page .services .content ul.services-list li:hover {
  background: #853399;
  color: #fff;
}

.page .services .content .service-container { margin: 50px auto; }
.page .services .content .service-container .right-side { position: relative; }

.page .services .content .service-container .left-side img {
  width: 100%;
  height: auto;
}

.page .services .content .service-container .right-side .box {
  background: #edf0f8;
  position: absolute;
  top: 10%;
  left: -50px;
  width: calc(100% + 20px);
  height: 80%;
  padding: 40px 70px;
}

.page .services .content .service-container .right-side .box h3 {
  font-family: "Heebo-Bold", sans-serif;
  color: #853399;
  font-size: 38px;
  text-transform: uppercase;
  display: inline-block;
}

.page .services .content .service-container .right-side .box header svg {
  color: #00b5ff;
  font-size: 38px;
  display: inline-block;
  margin: 0 20px;
}

.page .services .content .service-container .right-side .box header svg:first-child { margin-left: -40px; }

/*
.page .services .content .service-container .right-side .box h3::before,
.page .services .content .service-container .right-side .box h3::after {
  font-family: 'Font Awesome 5 Free';
  color: #00b5ff;
  content: "\f104";
  font-weight: 900;
}

.page .services .content .service-container .right-side .box h3::before { content: "\f104"; }
.page .services .content .service-container .right-side .box h3::after { content: "\f105"; } */

.page .services .content .service-container .right-side .box p {
  font-family: "Heebo-Light", sans-serif;
  color: #565658;
  font-size: 15px;
}

.page .services .content .service-container .right-side .box .read-more {
  position: absolute;
  bottom: 40px;
  border: 1px solid #853399;
}

footer .top-footer {
  background: #edf0f8;
  padding: 30px 0;
  margin: 30px auto;
}

footer .top-footer .column-container {
  display: flex;
}

footer .top-footer .column-container .column {
  flex: 1;
}

footer .top-footer .column-container .column strong {
  border-bottom: 1px solid #853399;
  font-size: 15px;
  color: #464247;
  text-transform: uppercase;
  font-weight: normal;
  display: inline-block;
  margin-bottom: 5px;
}

footer .top-footer .column-container .column ul {
  list-style-type: none;
  padding: 0;
}

footer .top-footer .column-container .column ul li a {
  font-family: "Heebo-Thin", sans-serif;
  color: #464247;
  font-size: 13px;
  text-transform: uppercase;
}

footer .top-footer .column-container .column ul li a:hover { font-weight: bold; }

footer .bottom-footer { text-align: center; }

footer .bottom-footer .social ul {
  list-style-type: none;
  padding: 0;
}

footer .bottom-footer .social ul li {
  display: inline-block;
  border: 1px solid #c0c3c9;
  line-height: 32px;
  width: 32px;
  height: 32px;
  margin: 0 10px;
}

footer .bottom-footer .social ul li svg {
  color: #742a82;
  font-size: 18px;
}

footer .bottom-footer .copyright {
  color: #464247;
  font-size: 18px;
}

footer .bottom-footer .copyright img {
  display: inline-block;
}

footer .bottom-footer .links {
  text-align: center;
  margin: 20px auto;
}

footer .bottom-footer .links ul {
  list-style-type: none;
  padding: 0;
}

footer .bottom-footer .links li { display: inline-block; }

footer .bottom-footer .links li:first-child::after {
  content: "|";
  color: #cc53e3;
  margin: 0 10px;
}

footer .bottom-footer .links li a {
  font-size: 14px;
  color: #286ae0;
  text-decoration: underline;
}