.contact-us-banner {
  background-image: url('../images/cta/blue-color.svg');
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--light);
  padding: 70px 12px;
  text-align: center;
  font-size: 32px;
}
.linear-background {
  background: linear-gradient(123.57deg, #667ACD -74.47%, rgba(248, 249, 252, 0) 73.88%);
}
/* Absence & Timesheet */
.mechanics-height {
  min-height: 235px;
}
.absence-layout {
  background-color: #efefef;
  border-radius: 20px;
}
.absence-works {
  background-color: #F3F3F6;
}
.absence-benefits {
  background-color: #E9EFFF;
  border-radius: 20px;
}
.explore-card {
  background-color: whitesmoke;
  border-radius: 12px;
  min-height: 465px;
}
/* Project Management */
.project-card {
  background-color: #F9F8F9;
}
.project-benefit {
  background-color: #F3EDFF;
}
/* Expense Management */
.expense-layout {
  background-color: #efefef;
  border-radius: 10px;
}
.expense-benefit {
  background-color: #FAF8F6;
  border-radius: 10px;
}
.expense-works {
  min-height: 266px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0 4px 25px 0 #0E070126;
}
/* Multilevel Approvals */
.multilevel-feature-card {
  background-color: whitesmoke;
  border-radius: 12px;
  min-height: 659px;
}
.multilevel-work-card {
  border: 2px solid #D9D9D9;
  border-radius: 12px;
  min-height: 234px;
}
.multi-level-icon {
  position: absolute;
  left: -35px;
  margin-top: -10px;
}
.multi-level-box {
  position: relative;
}
/* Ess and Files */
.image-avatar {
  max-width: 100%;
  height: 40px;
}
.box-shadow {
  box-shadow: 2px 3px 12px 0px #02011026;
}
.ess-box {
  min-height: 260px;
}
.benefit-container {
  padding: 2rem;
  border-radius: 24px;
  border: 1px solid #dee2e6;
}
/* Staffing Management */
.staffing-card {
  border: 1px solid #EEEEEE;
  border-radius: 20px;
  min-height: 273px;
}
.staffing-count {
  color: #FF7F6E;
  font-size: 35px;
}
.staffing-benefit {
  color: #561161;
}
.staffing-grab-it {
  color: #1F2022;
}
.staffing-grab {
  min-height: 142px;
  width: 220px;
  background-color: #FFFFFF;
  margin-top: 28px;
  border-right: 7px solid #112B3C;
  border-bottom: 7px solid #112B3C;
}
.staffing-grab-line {
  border-bottom: 2px solid #112B3C;
}
/* Visa Management */
.visa-card {
  border-radius: 12px;
  min-height: 236px;
}
.visa-card-1 {
  background-color: #FFC7C3;
}
.visa-card-1 h5 {
  color: #0D0201;
}
.visa-card-1 .visa-list {
  color: #2F2C2C;
}
.visa-card-2 {
  background-color: #B9EDDD;
}
.visa-card-2 h5 {
  color: #010B08;
}
.visa-card-2 .visa-list {
  color: #393F3D;
}
.visa-card-3 {
  background-color: #C0EBFF;
}
.visa-card-3 h5 {
  color: #010B10;
}
.visa-card-3 .visa-list {
  color: #383D3F;
}
.visa-card-4 {
  background-color: #FAE6C9;
}
.visa-card-4 h5 {
  color: #0F0900;
}
.visa-card-4 .visa-list {
  color: #353330;
}
.visa-border {
  border: 1px solid #dee2e6;
  border-radius: 12px;
  min-height: 192px;
}
.visa-benefits {
  background-color: #efefef;
  border-radius: 20px;
  min-height: 319px;
}
.visa-benefits-1 {
  background-color: #E1F5FC;
}
.visa-benefits-1 h6 {
  color: #010C10;
}
.visa-benefits-1 p {
  color: #3E4142;
}
.visa-benefits-2 {
  background-color: #FCF6DD;
}
.visa-benefits-2 h6 {
  color: #0F0C01;
}
.visa-benefits-2 p {
  color: #3F3E3B;
}
.visa-benefits-3 {
  background-color: #E1F6E9;
}
.visa-benefits-3 h6 {
  color: #010C05;
}
.visa-benefits-3 p {
  color: #3E403F;
}
/* Reports */
.report-card {
  background-color: #EEEEEE;
  border-radius: 12px;
  min-height: 235px;
}
.card-body {
  position: relative;
  background-color: #080F29;
}
.card-body-1 {
  background-color: #C6F1F4;
}
.card-body-1 h6 {
  color: #010C0C;
}
.card-body-1 p {
  color: #323B3B;
}
.card-body-2 {
  background-color: #DFE2E9;
}
.card-body-2 h6 {
  color: #00040B;
}
.card-body-2 p {
  color: #3A3B3F;
}
.card-body-3 {
  background-color: #FDEECF;
}
.card-body-3 h6 {
  color: #0D0900;
}
.card-body-3 p {
  color: #393734;
}
.count-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  font-size: 30px;
  font-weight: bold;
  background: #F9F9F9;
  position: absolute;
  margin: auto;
  top: -50px;
  right: 0;
  left: 0;
}
.report-spacing {
  padding-top: 60px;
}
.report-benefit-1 {
  background-color: #FFCCB8;
}
.report-benefit-1 h6 {
  color: #0E0401;
}
.report-benefit-1 p {
  color: #393533;
}
.report-benefit-2 {
  background-color: #B7D8F4;
}
.report-benefit-2 h6 {
  color: #00060B;
}
.report-benefit-2 p {
  color: #333536;
}
.report-benefit-3 {
  background-color: #C7EABC;
}
.report-benefit-3 h6 {
  color: #030B00;
}
.report-benefit-3 p {
  color: #3C3F3B;
}
.report-benefit-4 {
  background-color: #D8BAF2;
}
.report-benefit-4 h6 {
  color: #07010C;
}
.report-benefit-4 p {
  color: #363538;
}
/* Benefits */
.benefit-layout {
  background-color: #F4F5F7;
  border-radius: 10px;
}
/* Employee */
.employee-works {
  background-color: #efefef;
  border-radius: 20px;
  min-height: 267px;
}
.employee-works-1 {
  background-color: #E1F6E9;
}
.employee-works-1 h6 {
  color: #010B05;
}
.employee-works-1 p {
  color: #343C37;
}
.employee-works-2 {
  background-color: #FFEFE0;
}
.employee-works-2 h6 {
  color: #0E0701;
}
.employee-works-2 p {
  color: #35322F;
}
.employee-works-3 {
  background-color: #F0E8FA;
}
.employee-works-3 h6 {
  color: #05000A;
}
.employee-works-3 p {
  color: #3B393E;
}
/* Custom */
.custom-works {
  background-color: #080F29;
  color: #EAEBF1;
}
/* Exit */
.exit-benefit {
  background-color: #F4F3FF;
}
.exit-bg-img {
  background-image: url(../images/exit-abstract.png);
  height: 249px;
  width: 100%;
}
.exit-icon {
  background-color: #FFF4E2;
}
/* Performance */
.performance-card {
  background-color: #FCF0E7;
  border-radius: 5px;
  /* min-height: 235px; */
}
.bg-brown {
  background-color: #110900;
  color: var(--light);
}
.performance-border {
  border: 1px solid #FFFFFF;
  border-radius: 12px;
  min-height: 256px;
}
.banner-blue {
  background: linear-gradient(123.57deg, #6689CD -74.47%, rgba(248, 249, 252, 0) 73.88%);
  padding: 140px 0px;
}
.banner-red {
  background: linear-gradient(124.77deg, #FFC8C8 -70.92%, rgba(248, 249, 252, 0) 73.97%);
  padding: 140px 0px;
}
.banner-purple {
  background: linear-gradient(123.57deg, #861386 -74.47%, rgba(248, 249, 252, 0) 73.88%);
  padding: 140px 0px;
}
.banner-yellow {
  background: linear-gradient(123.57deg, #FBE2BB -74.47%, rgba(248, 249, 252, 0) 73.88%);
  padding: 140px 0px;
}
.banner-violet {
  background: linear-gradient(123.57deg, #8766CD -74.47%, rgba(248, 249, 252, 0) 73.88%);
  padding: 140px 0px;
}
.banner-pinkish-red {
  background: linear-gradient(130.81deg, #FA348C -116.41%, rgba(248, 249, 252, 0) 74.45%);
  padding: 140px 0px;
}
.banner-dark-brown {
  background: linear-gradient(123.32deg, #5f391b99 -72.95%, rgba(248, 249, 252, 0) 97.47%);
  padding: 140px 0px;
}
.banner-pale-peach {
  background: linear-gradient(290.57deg, #FFFFFF 44.34%, #FFFAF7 73.72%, #FFCEA9 136.84%);
  padding: 140px 0px;
}
.feature-banner {
  padding: 305px 0px;
  background-image: url('../images/banner/all-features.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.heading {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
}
.sub-heading {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
}
.heading-2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: center;
}
.heading-3 {
  font-size: 21px;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
}
.sub-heading-3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
}
.blue-heading {
  color: #01060B;
}
.blue-sub-heading {
  color: #3A3C3E;
}
.red-heading {
  color: #0C0101;
}
.red-sub-heading {
  color: #3E3A3A;
}
.yellow-heading {
  color: #0B0901;
}
.yellow-sub-heading {
  color: #3E3D3A;
}
.violet-heading {
  color: #04010B;
}
.violet-sub-heading {
  color: #3B3A3E;
}
.purple-heading {
  color: #08010B;
}
.purple-sub-heading {
  color: #3D3A3F;
}
.pinkish-red-heading {
  color: #0E0107;
}
.pinkish-red-sub-heading {
  color: #3F393C;
}
.dark-brown-heading {
  color: #110801;
}
.dark-brown-sub-heading {
  color: #383634;
}
.pale-peach-heading {
  color: #0B0501;
}
.pale-peach-sub-heading {
  color: #343231;
}
.page-title {
  color: #FFFFFF;
}
.page-text {
  color: #E2E8EF;
}
.all-feature-img {
  height: 60px;
}
/* What's New */
.whatsnew-container {
  padding: 2rem;
  border-radius: 24px;
  border: 1px solid #dee2e6;
  min-height: 255px;
}
/* Request Demo */
.demo-card {
  border: 1px solid whitesmoke;
  border-radius: 12px;
}
.demo-bg {
  background-color: #0D6BC1;
  border-radius: 12px 0px 0px 12px;
  color: #D6EDFF;
}
.demo-header {
  font-size: 24px;
}
.demo-text {
  color: white;
  font-family: metal, sans-serif;
  font-size: 22px;
}
.demo-designation {
  color: #95C4EC;
  font-size: 12px;
}
.demo-icon {
  font-size: 28px;
  color: #d0e9ff;
}
.demo-form-bg {
  background-color: #FBFAF8;
  border-radius: 0px 12px 12px 0px;
}
/* Engagement */
.engagement-border {
  border: 1px solid #FFFFFF;
  border-radius: 12px;
  min-height: 305px;
  background-color: #FFFFFF;
}
.engagement-bg {
  background-color: #F4EBEF;
}
.engagement-works {
  min-height: 380px;
  background-color: #FFDFFF;
}
.engagement-works-h6 {
  color: #020759;
}
.image-bottom-left {
  position: absolute;
  bottom: 0;
  right: 0;
}
/* Performance */
.performance-benefits {
  color: #DDD9D4;
}
/* Signup */
.signup-bg {
  background-image: url('../images/signup.png');
  background-size: 100% 100%;
  border-radius: 12px 0px 0px 12px;
  min-height: 800px;
}
@media only screen and (max-width: 768px) {
  .demo-bg {
    border-radius: 0px 0px 12px 12px;
  }
  .demo-form-bg {
    border-radius: 12px 12px 0px 0px;
  }
  .signup-bg {
    border-radius: 0px 0px 12px 12px !important;
  }
}
.workforce-overlay-video-section {
  position: absolute;
  right: 50%;
  top: 50%;
}