@font-face {
  font-family: Urbanist;
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url("../urbanist-latin-200-normal.bcb0d250.woff2") format("woff2"), url("../urbanist-latin-200-normal.b7bdb487.woff") format("woff");
}

@font-face {
  font-family: Urbanist;
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url("../urbanist-latin-300-normal.e1e9791e.woff2") format("woff2"), url("../urbanist-latin-300-normal.8d1c2cb6.woff") format("woff");
}

@font-face {
  font-family: Urbanist;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../urbanist-latin-400-normal.24774442.woff2") format("woff2"), url("../urbanist-latin-400-normal.09570354.woff") format("woff");
}

@font-face {
  font-family: Urbanist;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../urbanist-latin-500-normal.b5852bc3.woff2") format("woff2"), url("../urbanist-latin-500-normal.85c53241.woff") format("woff");
}

@font-face {
  font-family: Urbanist;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../urbanist-latin-600-normal.e1077f8b.woff2") format("woff2"), url("../urbanist-latin-600-normal.b2ea4106.woff") format("woff");
}

@font-face {
  font-family: Urbanist;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../urbanist-latin-700-normal.a6ab10e2.woff2") format("woff2"), url("../urbanist-latin-700-normal.c8826310.woff") format("woff");
}

@font-face {
  font-family: Urbanist;
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("../urbanist-latin-800-normal.c12d913a.woff2") format("woff2"), url("../urbanist-latin-800-normal.4cff9371.woff") format("woff");
}

@font-face {
  font-family: Urbanist;
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("../urbanist-latin-900-normal.004535f2.woff2") format("woff2"), url("../urbanist-latin-900-normal.dc7715b2.woff") format("woff");
}

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

body {
  width: 100%;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, p {
  font-family: Urbanist, sans-serif;
  line-height: 1;
}

h2 {
  font-size: 50px;
}

h2, h3 {
  font-weight: 700;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4 !important;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2 !important;
}

.bg-orange {
  background-color: #f55531;
}

.bg-blue {
  background-color: #195276;
}

.bg-black {
  background-color: #000;
}

.bg-light-grey {
  background-color: #f7f7f9;
}

.bg-grey {
  background-color: #777;
}

.text-orange {
  margin-bottom: 10px;
  font-weight: 600;
  color: #f55531 !important;
}

.light-grey {
  color: #f3f3f3 !important;
}

.grey {
  color: #777 !important;
}

.blue {
  color: #195276 !important;
}

.urbanist {
  color: #195276;
  z-index: 99;
  margin-bottom: 0;
}

.title-lg {
  font-size: 60px;
}

.title-md {
  font-size: 30px;
  font-weight: 600;
}

.title-sm {
  font-size: 25px;
  font-weight: 600;
}

.lh-2 {
  line-height: 1.2 !important;
}

.fw-md {
  font-weight: 500;
}

.store1 {
  margin-right: 20px;
}

.store-icons img {
  cursor: pointer;
  transition: all .3s;
}

.section-heading {
  text-align: center;
  margin-bottom: 50px;
}

.hexahire-banner {
  padding: 80px 0;
}

.hexahire-banner .banner-row {
  height: 75vh;
}

.responsive-right {
  right: -85%;
}

.responsive-right, .responsive-right2 {
  width: max-content;
  position: absolute;
}

.responsive-right2 {
  top: 3%;
  right: -40%;
}

.banner-right {
  top: 20%;
}

.responsive-left {
  margin: 15% 0;
}

.hexahire-banner {
  overflow: hidden;
}

.logo-hexahire {
  margin-top: 40px;
}

.hexa-banner-heading {
  position: relative;
  top: 200px;
}

.hexahire-overview {
  padding: 80px 0;
}

.hexahire-overview h2 {
  margin-bottom: 35px !important;
}

.hexahire-overview h3 {
  margin-bottom: 20px !important;
}

.hexahire-overview p {
  margin-bottom: 40px !important;
}

.hexa-list {
  margin-bottom: 0;
  list-style: none;
}

.hexa-list p {
  margin-bottom: 0 !important;
}

.circle-bg {
  content: "";
  border-radius: 100%;
  width: 650px;
  height: 650px;
  display: block;
}

.overview-right .circle-bg {
  z-index: 20;
  position: absolute;
  top: 25%;
  right: 10%;
}

.overview-right img {
  z-index: 40;
  position: relative;
}

.hexa-list li:before {
  content: "";
  background-color: #f55531;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  display: block;
  flex-shrink: 0 !important;
}

.hexa-list li {
  align-items: baseline;
  margin-bottom: 12px;
  display: flex;
}

.hexa-list li p {
  color: #777;
}

.hexahire-roadmap {
  padding: 80px 0;
}

.roadmap-img {
  margin-top: 60px;
}

.hexahire-goals {
  padding: 80px 0;
  position: relative;
  padding-top: 120px !important;
  padding-bottom: 200px !important;
}

.hexahire-goals h1 {
  position: absolute;
  top: 30%;
  left: 10%;
}

.hexahire-goals .goals-content {
  z-index: 30;
  background-color: #fff;
  border-radius: 25px;
  width: 75%;
  margin-top: 70px;
  margin-left: auto;
  padding: 88px;
  position: relative;
  top: 4px;
}

.hexahire-goals .goals-content .title-md {
  margin-bottom: 40px !important;
}

.hexahire-goals .goals-text {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.hexahire-goals .goals-text img {
  width: 20px;
  margin-right: 20px;
}

.hexahire-goals .goals-img {
  position: absolute;
  bottom: 0;
  left: 4%;
}

.hexahire-goals .goals-text h4 {
  color: #777;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 0 !important;
}

.user-persona {
  padding: 80px 0;
  position: relative;
}

.persona-text {
  border-radius: 20px;
  padding: 50px;
  box-shadow: 28px 32px 44px -18px #0000001a;
}

.persona-card {
  z-index: 20;
  border-radius: 20px;
  width: 110%;
  margin-top: 152px;
  margin-left: -20px;
  padding: 100px 40px 40px;
  position: relative;
  box-shadow: 2px 2px 30px #0003;
}

.persona-card img {
  border: 5px solid #fff;
  border-radius: 100%;
  margin: auto;
  display: block;
  margin-bottom: 20px !important;
}

.user-persona .persona-img {
  z-index: 30;
  position: absolute;
  top: 0;
  right: 20%;
}

.user-persona .persona-details h4 {
  margin-bottom: 5px !important;
}

.user-flow img {
  margin: 40px auto 0;
  display: block;
}

.hexahire-styles {
  padding: 80px 0;
}

.hexahire-styles .styles-section {
  margin-top: 135px;
}

.hexahire-styles .text-xl {
  font-size: 230px;
  font-weight: 700;
}

.hexahire-styles .style-text-xl {
  z-index: 20;
  position: absolute;
}

.hexahire-styles .style-title {
  justify-content: center;
  align-items: center;
  padding-right: 60px;
  display: flex;
  position: relative;
}

.hexahire-styles .style-title h1 {
  z-index: 30;
  position: relative;
  margin-bottom: 0 !important;
}

.hexahire-styles .style-text h3 {
  word-spacing: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.hexahire-styles .style-text h4 {
  word-spacing: 15px;
  font-weight: 400;
}

.colors {
  margin-top: 70px;
}

.colors .color-box {
  border-radius: 5px;
  padding: 30px;
  height: 230px !important;
}

.colors .color-box2 {
  border-radius: 5px;
  padding: 30px;
  height: 107px !important;
}

.fluid-col {
  padding: 0 !important;
}

.colors .color-first {
  padding-left: 0 !important;
  padding-right: 15px !important;
}

.colors .color-shadow {
  margin-top: 15px;
  box-shadow: 0 10px 25px #0000001a;
}

.hexa-icons {
  margin-top: 90px;
}

.hexa-icons .icon-set {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
}

.hexa-icons .icon-div img {
  width: 75px;
  height: 75px;
}

.hexa-icons .icon-set2 .icon-div img {
  width: 60px;
  height: 60px;
}

.hexa-wireframe {
  padding: 80px 0;
}

.wireframe-swiper {
  margin-top: 60px;
  position: relative;
}

.wireframe-swiper .swiper-navigation-btn {
  z-index: 222;
  background-color: #f7f7f9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
  width: 50px;
  height: 50px;
}

.wireframe-swiper .swiper-button2 {
  left: 10px;
  right: auto;
}

.wireframe-swiper .swiper-button1 {
  background-image: url("../chevron-right-solid.20638f1e.svg");
  left: auto;
  right: 10px;
}

.wireframe-swiper .swiper-button2 {
  background-image: url("../chevron-left-solid.2d01c5f6.svg");
}

.swiper-button2:after, .swiper-rtl .swiper-button1:after, .swiper-button1:after, .swiper-rtl .swiper-button2:after {
  content: none !important;
}

.get-started {
  padding: 80px 0 60px;
}

.on-boarding .app-screen {
  margin-top: 80px;
}

.on-boarding {
  padding: 80px 0 60px;
}

.hexa-other-screen {
  padding: 80px 0;
}

.hexa-other-screen .col-lg-3 {
  padding: 0 !important;
}

.hexa-other-screen .col-lg-3 img {
  margin: auto;
  display: block;
}

.hexa-corporate {
  padding: 80px 0 0;
}

.hexa-corporate img {
  margin-top: 30px;
}

.hexa-result {
  padding: 80px 0 0;
}

.hexa-result p {
  margin-top: 40px;
  font-size: 20px;
}

.hexa-result .result-left {
  padding-bottom: 80px;
}
/*# sourceMappingURL=hexahire.css.map */