@charset "UTF-8";

.logo {
  width: 15em;
  padding: 1em;
}

section .background {
  opacity: .5 !important;
}

.max80vw {
  width: 70vw !important;

  max-width: 1200px !important;
}

.social-menu svg {
  fill: #fff;
}

.sidebar .logo {
  padding: 0;
  font-size: .8em;
}


.pricing-box {
  margin-bottom: 2em;
  transition: all 0.5s ease;
}

.pricing-box .bg {
  cursor: pointer;
  transition: all 0.5s ease;
  border-radius: .5em;
  box-shadow: 3px 3px 15px 2px rgba(0, 0, 0, 0.40);
  color: #fff;
  padding: 3em 2em 2em;
  background-image: linear-gradient(135deg, #0a89ff 0%, #3c3bff 100%);
}

.pricing-box:nth-child(odd) .bg {
  background-image: linear-gradient(135deg, #1b1b38 0%, #020227 100%);
}

.pricing-box:hover {
  padding: 0 1%;
  opacity: .9;
}

.pricing-box .icon {
  padding: 1em;
}

.pricing-box a {
  margin-top: 1em;
}

.pricing-box h3 {
  font-weight: 600;
  font-size: 1.5em;
  min-height: 3em;
}

.pricing-box h6 {
  min-height: 3em;
}

.justifyContentCenter {
  justify-content: center;
}

.icon-social svg {
  width: 25px;
  height: 25px;
  fill: #fff !important;
}

.item-social {
  transition: all 0.5s ease;
  padding: 1em;
  margin-bottom: 1em;
  background-color: rgba(255, 255, 255, .05);
}

.item-social:hover {
  background-color: rgba(255, 255, 255, .2);
}

.map-preview{
  margin: 1em auto;
  width: 100%;
  max-width: 800px;
  display: block;
  position: relative;
    text-align: center;
}

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