@keyframes bounceLeftRight {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(8px);
  }
  40% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(6px);
  }
  65% {
    transform: translateX(0);
  }
}
.button {
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 4px;
  padding: 8px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  transform: scale(1);
  transform-origin: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
}
.button.bg-brand-green-gradient {
  border: 1px solid #67A009;
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.48);
}
.button.bg-brand-blue-gradient {
  border: 1px solid #174356;
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.32);
}
.button:hover {
  transform: scale(1.04);
}
.button:active {
  transform: scale(1);
}

.content-rows {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .content-rows {
    gap: 24px;
    padding: 0;
  }
}

.content-row {
  position: relative;
  border: 1px solid #E5EDF1;
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 992px) {
  .content-row {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .content-row {
    width: 1000px;
  }
}
.content-row .bg-logomark {
  opacity: 0.03;
  position: absolute;
  left: -50%;
  top: -50%;
  width: 385px;
  transform: translate(0%, 70%);
  max-width: none !important;
}
@media (min-width: 768px) {
  .content-row .bg-logomark {
    width: 800px;
    transform: translate(-10%, 5%);
  }
}
@media (min-width: 992px) {
  .content-row .bg-logomark {
    width: 1000px;
    transform: translate(5%, 5%);
  }
}
.content-row h1, .content-row h2, .content-row h3 {
  margin-top: 0;
}
.content-row .content {
  width: 100%;
}
@media (min-width: 768px) {
  .content-row .content {
    width: 300px;
    margin-right: 48px;
  }
}
@media (min-width: 992px) {
  .content-row .content {
    width: 348px;
    margin-right: 96px;
  }
}
.content-row img {
  width: 100%;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .content-row .order-md-last .content {
    margin-right: 0;
    margin-left: 48px;
  }
}
@media (min-width: 992px) {
  .content-row .order-md-last .content {
    margin-right: 0;
    margin-left: 96px;
  }
}

.content-row:nth-child(even) .bg-logomark {
  opacity: 0.03;
  position: absolute;
  left: auto;
  top: -50%;
  width: 385px;
  transform: translate(0%, 70%);
  max-width: none !important;
  right: -50%;
}
@media (min-width: 768px) {
  .content-row:nth-child(even) .bg-logomark {
    width: 800px;
    transform: translate(5%, 0%);
  }
}
@media (min-width: 992px) {
  .content-row:nth-child(even) .bg-logomark {
    width: 1000px;
    transform: translate(-10%, 0%);
  }
}

footer#siteFooter {
  position: relative;
  overflow: hidden;
}
footer#siteFooter .bg-logomark {
  position: absolute;
  right: -50%;
  bottom: -50%;
  width: 430px;
  opacity: 0.04;
  transform: translate(0%, -50%);
}
footer#siteFooter .footer-heading {
  color: #ffffff;
  font-weight: bold;
  margin: 0 0 8px 0;
  font-size: 18px;
  line-height: 26px;
}
footer#siteFooter .footer-logo {
  height: 40px;
}
footer#siteFooter a.linked-in {
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: scale(1);
}
footer#siteFooter a.linked-in:hover {
  transform: scale(1.08);
}
footer#siteFooter a.linked-in:active {
  transform: scale(1);
}
footer#siteFooter a.linked-in img {
  width: 16px;
}
footer#siteFooter ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  footer#siteFooter ul.menu {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
footer#siteFooter ul.menu li a {
  color: #ffffff;
  text-decoration: none;
  display: inline-flex;
  padding: 4px 0;
}
@media (min-width: 768px) {
  footer#siteFooter ul.menu li a {
    margin-right: 16px;
  }
}
footer#siteFooter ul.menu li a:hover {
  text-decoration: underline;
}

a.website-by {
  font-size: 12px;
  color: #666666;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  margin: 0 auto 16px auto;
  width: 100%;
  justify-content: center;
}
a.website-by img {
  margin-left: 4px;
}

.cta-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.green-cta {
  border: 1px solid #67A009;
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.48);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .green-cta {
    flex-direction: row;
    align-items: center;
    gap: 48px;
  }
}
.green-cta h1, .green-cta h2, .green-cta h3 {
  font-size: 32px;
  line-height: 40px;
}
@media (min-width: 768px) {
  .green-cta h1, .green-cta h2, .green-cta h3 {
    font-size: 40px;
    line-height: 48px;
  }
}
.green-cta p {
  font-size: 18px;
  line-height: 26px;
}
.green-cta h1, .green-cta h2, .green-cta h3, .green-cta p {
  color: #ffffff;
}
.green-cta img {
  width: 250px;
  margin: 0 auto -96px auto;
}
@media (min-width: 768px) {
  .green-cta img {
    margin: 0;
  }
}
@media (min-width: 992px) {
  .green-cta img {
    width: 400px;
    margin: -96px auto -96px auto;
  }
}
.green-cta .work-email {
  max-width: 100%;
}
.green-cta .work-email .button {
  width: 120px;
}
@media (min-width: 992px) {
  .green-cta .work-email .button {
    width: 230px;
  }
}

header#siteHeader {
  padding: 0;
  background-color: #ffffff;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 8px;
  margin: 24px;
  width: calc(100% - 48px);
  z-index: 999;
}
header#siteHeader .logo {
  margin: 16px;
}
@media (min-width: 992px) {
  header#siteHeader .logo {
    margin: 0;
  }
}
header#siteHeader .nav-btn {
  margin: 16px 16px 16px auto;
  padding: 0;
  border: none;
  background-color: transparent;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  header#siteHeader .nav-btn {
    display: none;
  }
}

.hamburger-box {
  width: 24px;
  height: 18px;
  display: inline-block;
  position: relative;
}
.hamburger-box .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-box .hamburger-inner, .hamburger-box .hamburger-inner::before, .hamburger-box .hamburger-inner::after {
  width: 24px;
  height: 2px;
  background-color: #174356;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-box .hamburger-inner::before {
  top: -8px;
}
.hamburger-box .hamburger-inner::before, .hamburger-box .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-box .hamburger-inner::after {
  bottom: -8px;
}

#mobileMenuModal .modal-dialog {
  margin: 0;
}
#mobileMenuModal .modal-content {
  border-radius: 0;
  height: 100vh;
}
#mobileMenuModal ul.sub-menu {
  border-radius: 16px;
  overflow: hidden;
}
#mobileMenuModal .close-menu {
  border: 1px solid #E5EDF1;
  border-radius: 8px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #174356;
  margin: 16px;
  background-color: #ffffff;
  padding: 16px;
}

@media (max-width: 991px) {
  #mobileMenuModal ul.menu li {
    border-bottom: 1px solid #E5EDF1;
    overflow: hidden;
  }
  #mobileMenuModal ul.menu li a {
    font-weight: bold;
    transition: all 0.08s ease-in-out;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    color: #174356;
    font-size: 20px;
    line-height: 28px;
    text-decoration: none;
    cursor: pointer;
  }
  #mobileMenuModal ul.menu li a svg {
    transition: all 0.08s ease-in-out;
    transform: rotate(0deg);
  }
  #mobileMenuModal ul.menu li a:hover {
    background-color: #E5EDF1;
  }
  #mobileMenuModal ul.menu li.menu-item-has-children > a:after {
    content: "";
    background: url("../images/icons/plus-blue.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    transition: all 0.08s ease-in-out;
    transform: rotate(0deg);
  }
  #mobileMenuModal ul.menu li.active a {
    background-color: #E5EDF1;
  }
  #mobileMenuModal ul.menu li.active a:after {
    transform: rotate(45deg);
  }
  #mobileMenuModal ul.menu li.active ul.sub-menu {
    max-height: 600px;
    visibility: visible;
  }
  #mobileMenuModal ul.menu li.nav-btn a {
    color: #ffffff !important;
    justify-content: center;
  }
  #mobileMenuModal ul.sub-menu {
    transition: all 0.08s ease-in-out;
    background-color: #ffffff;
    border-radius: 0;
  }
  #mobileMenuModal ul.sub-menu li a {
    transition: all 0.08s ease-in-out;
    font-size: 18px;
    line-height: 26px;
    background-color: #E5EDF1;
  }
  #mobileMenuModal ul.sub-menu li a:hover {
    background-color: #ffffff;
  }
  #mobileMenuModal ul.sub-menu li:last-child {
    border-bottom: none;
  }
  #mobileMenuModal ul.menu, #mobileMenuModal ul.sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #mobileMenuModal ul.sub-menu {
    transition: all 0.08s ease-in-out;
    visibility: hidden;
    max-height: 0px;
  }
  #mobileMenuModal ul.sub-menu.active {
    max-height: 500px;
    visibility: visible;
    background-color: #E5EDF1;
  }
}
@media (min-width: 992px) {
  .desktop-nav {
    margin-left: auto;
  }
  header#siteHeader {
    padding: 16px;
  }
  header#siteHeader ul.menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  header#siteHeader ul.menu li {
    position: relative;
  }
  header#siteHeader ul.menu li a {
    transition: all 0.16s ease-in-out;
    display: flex;
    padding: 8px 16px;
    text-decoration: none;
    color: #174356;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #ffffff;
  }
  header#siteHeader ul.menu li a svg {
    margin-left: 8px;
  }
  header#siteHeader ul.menu li a:hover {
    background-color: #E5EDF1;
    color: #174356;
    border-color: #E5EDF1;
  }
  header#siteHeader ul.menu li a:hover svg path {
    fill: #174356;
  }
  header#siteHeader ul.menu li.menu-item-has-children {
    cursor: default;
  }
  header#siteHeader ul.menu li.menu-item-has-children > a {
    padding-right: 10px;
  }
  header#siteHeader ul.menu li.menu-item-has-children > a:after {
    content: "";
    background: url("../images/icons/chevron-down-blue.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    transition: all 0.16s ease-in-out;
    transform: rotate(0deg);
    margin-left: 4px;
  }
  header#siteHeader ul.menu li.menu-item-has-children:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    top: 41px;
    border-radius: 8px;
    overflow: hidden;
  }
  header#siteHeader ul.menu li.nav-btn {
    margin-left: 24px;
  }
  header#siteHeader ul.menu li.nav-btn a {
    font-weight: bold;
    padding: 8px 12px;
  }
  header#siteHeader ul.menu .sub-menu {
    min-width: 230px;
    list-style: none;
    transition: all 0.16s ease-in-out;
    visibility: hidden;
    opacity: 0;
    transform: translateY(16px);
    position: absolute;
    top: 57px;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 9;
  }
  header#siteHeader ul.menu .sub-menu a {
    border-radius: 0;
    padding: 16px;
    border: none !important;
  }
}
.hero {
  padding-top: 128px !important;
}
@media (min-width: 768px) {
  .hero {
    padding-top: 172px !important;
  }
}
.hero h1, .hero h2, .hero h3, .hero p {
  color: #ffffff;
}
.hero p {
  font-size: 20px;
  line-height: 28px;
}

.icon-container {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
}
.icon-container.bg-brand-green-gradient {
  border: 1px solid #67A009;
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.48);
}
.icon-container.bg-brand-blue-gradient {
  border: 1px solid #174356;
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.32);
}
.icon-container .icon {
  width: 24px !important;
}

.sector-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.sectors {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 16px;
}
@media (min-width: 768px) {
  .sectors {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .sectors {
    gap: 24px;
  }
}
.sectors .sector-tile {
  display: flex;
  flex: 1;
  text-decoration: none;
  padding: 24px;
  border-radius: 16px;
  overflow: hidden;
  background-size: cover !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
}
.sectors .sector-tile .content {
  transition: all 0.24s ease-in-out;
  background-color: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(8px);
  width: 100%;
  margin-top: 180px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0);
  transform: translateY(0px);
}
.sectors .sector-tile .content h3 {
  font-size: 24px;
  line-height: 32px;
}
.sectors .sector-tile .content p {
  color: #666666;
}
.sectors .sector-tile .content p.sector-button {
  display: inline-flex;
  gap: 8px;
  font-weight: bold;
  color: #174356;
  margin-top: auto;
}
.sectors .sector-tile:hover p.sector-button img {
  animation: bounceLeftRight 1.8s ease-in-out infinite;
}
.sectors .sector-tile:hover .content {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.48);
  transform: translateY(-8px);
}

.stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 16px;
}
@media (min-width: 768px) {
  .stats {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}
.stats .stat {
  border-radius: 8px;
  padding: 24px;
  border: 1px solid #E5EDF1;
  text-align: center;
}
.stats .stat .number {
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
  margin: 0 0 8px 0;
  color: #67A009;
}
@media (min-width: 768px) {
  .stats .stat .number {
    font-size: 40px;
    line-height: 40px;
  }
}
.stats .stat .title {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  color: #666666;
}
@media (min-width: 768px) {
  .stats .stat .title {
    font-size: 20px;
    line-height: 20px;
  }
}

.work-email {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  padding: 8px;
}
.work-email input {
  background-color: transparent;
  border: none;
  padding: 8px;
  width: 60%;
  color: #174356;
  border-radius: 4px;
}
.work-email input:focus {
  outline-color: #E5EDF1;
}
@media (min-width: 768px) {
  .work-email input {
    width: 70%;
  }
}
.work-email .button {
  width: 200px;
}

body.page-template-about-us .content-row .bg-logomark {
  opacity: 0.03;
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  width: 385px;
  transform: translate(-50%, -50%) !important;
  max-width: none !important;
}
@media (min-width: 768px) {
  body.page-template-about-us .content-row .bg-logomark {
    width: 500px !important;
  }
}

body.page-template-free-quote header#siteHeader, body.page-template-free-quote footer#siteFooter, body.page-template-free-quote .website-by, body.page-template-free-quote .fluentform .ff-el-progress-status, body.page-template-free-quote .fluentform .ff-el-progress-bar span {
  display: none !important;
}
body.page-template-free-quote .green-talent-logo {
  height: 32px;
}
body.page-template-free-quote .quote-hero h1 {
  font-size: 18px;
  line-height: 26px;
}
body.page-template-free-quote .fluentform-step[data-name=step_start-3_6] .step-nav {
  justify-content: center;
}
body.page-template-free-quote .fluentform .ff-el-progress {
  height: 8px;
  border-radius: 1000px;
  background-color: #E3EFD0;
}
body.page-template-free-quote .fluentform .ff-el-progress-bar {
  background-color: #67A009;
}
body.page-template-free-quote .fluentform .ff-el-input--label {
  width: 100%;
}
body.page-template-free-quote .ff-default .big-label .ff-el-input--label label {
  color: #174356;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 8px;
}
body.page-template-free-quote .step-nav {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-end;
}
body.page-template-free-quote .ff-default .ff_btn_style {
  font-weight: bold;
}
body.page-template-free-quote .step-nav .ff-btn-secondary:not(.ff_btn_no_style) {
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 4px;
  padding: 12px 8px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  transform: scale(1);
  transform-origin: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  background-image: linear-gradient(#87CB17, #67A009);
  border: 1px solid #67A009;
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.48);
  min-width: 50%;
  width: 50%;
  font-size: 18px;
  line-height: 26px;
}
body.page-template-free-quote .step-nav .ff-btn-secondary.ff-btn-prev:not(.ff_btn_no_style) {
  background: #E5EDF1;
  background-color: #E5EDF1;
  color: #174356;
  border: none;
  text-shadow: none;
  box-shadow: none;
}
body.page-template-free-quote .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
  transform: translateY(-10px);
  position: absolute;
}
body.page-template-free-quote .ff-default .ff-el-form-check label.ff-el-form-check-label {
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  border: 1px solid #E5EDF1;
  padding: 16px;
  border-radius: 8px;
  background-color: #ffffff;
  width: 100%;
}
body.page-template-free-quote .ff-default .ff-el-form-check label.ff-el-form-check-label:hover {
  background-color: #E5EDF1;
  color: #174356;
  transform: scale(0.98);
}
body.page-template-free-quote .ff-default .ff-el-form-check label.ff-el-form-check-label:active {
  transform: scale(0.96);
}
body.page-template-free-quote .fluentform .ff-el-form-check-label .ff-el-form-check-input {
  visibility: hidden;
  position: absolute;
}
body.page-template-free-quote .fluentform .ff-el-form-check.ff_item_selected label.ff-el-form-check-label {
  background-color: #E3EFD0;
  color: #67A009;
  border-color: #67A009;
}
body.page-template-free-quote .ff-default .ff-el-form-control {
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  background-color: #ffffff;
  border: none;
  outline: 1px solid #E5EDF1;
}
body.page-template-free-quote .ff-default .ff-el-form-control:hover {
  background-color: #E5EDF1;
}
body.page-template-free-quote .ff-default .ff-el-form-control:focus {
  color: #174356;
  background-color: #ffffff;
  outline-width: 2px;
}
body.page-template-free-quote .ff-default .ff-step-t-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
body.page-template-free-quote .ff-default .ff-step-t-container .ff-t-cell {
  width: 50%;
}
body.page-template-free-quote .ff-default .ff-step-t-container .ff-t-cell button {
  width: 100%;
}

body.page-template-home .hero p:first-of-type {
  font-size: 24px;
  line-height: 32px;
}
body.page-template-home .content-rows .content-row:first-child img {
  max-width: 350px;
}

@media (min-width: 768px) {
  body.single-sector .sector-container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
body.single-sector .content-row {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  body.single-sector .content-row {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 0;
    align-items: center;
  }
}
body.single-sector .roles-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 16px;
}
@media (min-width: 992px) {
  body.single-sector .roles-container {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
body.single-sector .roles-container .role-tile {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px;
  border-radius: 16px;
  overflow: hidden;
}
body.single-sector .roles-container .role-tile .content {
  transition: all 0.24s ease-in-out;
  background-color: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(8px);
  width: 100%;
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0);
  transform: translateY(0px);
  border-radius: 8px;
  padding: 16px;
}
body.single-sector .roles-container .role-tile .content h3 {
  font-size: 16px;
  line-height: 24px;
}

body.page-template-solution .working-steps {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
body.page-template-solution .step-tile {
  background-color: #ffffff;
  border: 1px solid #E5EDF1;
  display: flex;
  flex-direction: column;
  width: calc(50% - 8px);
}
@media (min-width: 992px) {
  body.page-template-solution .step-tile {
    width: calc(33% - 16px);
  }
}
body.page-template-solution .step-tile h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  body.page-template-solution .step-tile h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
body.page-template-solution .step-tile p {
  margin-bottom: 8px;
}
body.page-template-solution .step-tile .step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 1000px;
  background-image: linear-gradient(#87CB17, #67A009);
  border: 1px solid #67A009;
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.48);
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  font-weight: bold;
}
body.page-template-solution section.working-with-us .bg-logomark {
  width: 400px;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -10%);
  opacity: 0.03;
}
@media (min-width: 768px) {
  body.page-template-solution section.working-with-us .bg-logomark {
    width: 600px;
  }
}
@media (min-width: 992px) {
  body.page-template-solution section.working-with-us .bg-logomark {
    width: 1000px;
    transform: translate(-50%, -20%);
  }
}
body.page-template-solution .days-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
@media (min-width: 992px) {
  body.page-template-solution .days-container {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 0;
    row-gap: 32px;
  }
}
body.page-template-solution .days-container .days-line {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 32px;
  background-color: #E5EDF1;
}
@media (min-width: 992px) {
  body.page-template-solution .days-container .days-line {
    display: none;
  }
}
body.page-template-solution .days-container .day {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  position: relative;
}
body.page-template-solution .days-container .day:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #E5EDF1;
  position: absolute;
  top: 15px;
  left: 0;
}
@media (min-width: 992px) {
  body.page-template-solution .days-container .day {
    width: 33%;
    flex-direction: column;
    align-items: center;
    padding: 0 8px;
  }
}
body.page-template-solution .days-container .day .day-number {
  width: 68px;
  min-width: 68px;
  border: 1px solid #E5EDF1;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 4px 8px;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  color: #666666;
  position: relative;
}
@media (min-width: 992px) {
  body.page-template-solution .days-container .day .day-number {
    min-width: auto;
    max-width: unset;
    width: auto;
  }
}
@media (min-width: 992px) {
  body.page-template-solution .days-container .day:nth-child(5), body.page-template-solution .days-container .day:nth-child(6) {
    width: 50%;
  }
}
body.page-template-solution .days-container .day:last-child .day-number {
  background-color: #E3EFD0;
  color: #67A009;
}
body.page-template-solution .day-tile {
  border: 1px solid #E5EDF1;
  width: 100%;
  background-color: #ffffff;
  position: relative;
}
@media (min-width: 992px) {
  body.page-template-solution .day-tile {
    height: 100%;
  }
}
body.page-template-solution .day-tile h3 {
  font-size: 24px;
  line-height: 32px;
}
body.page-template-solution .day-tile .check-container {
  min-width: 24px;
  min-height: 24px;
  max-height: 24px;
  max-width: 24px;
  border-radius: 1000px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #E3EFD0;
  margin-right: 8px;
}
body.page-template-solution .day-tile ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.page-template-solution .day-tile ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.br-4 {
  border-radius: 4px;
}

.br-8 {
  border-radius: 8px;
}

.br-16 {
  border-radius: 16px;
}

.bg-white {
  background-color: #ffffff;
}

.bg-brand-blue {
  background-color: #174356;
}

.bg-brand-green {
  background-color: #67A009;
}

.bg-brand-green-gradient {
  background-image: linear-gradient(#87CB17, #67A009);
}

.bg-brand-blue-gradient {
  background-image: linear-gradient(#1C5F7C, #174458);
}
.bg-brand-blue-gradient h1, .bg-brand-blue-gradient h2, .bg-brand-blue-gradient h3, .bg-brand-blue-gradient p, .bg-brand-blue-gradient li {
  color: #ffffff;
}

.bg-brand-light-grey-gradient {
  background-image: linear-gradient(#ffffff, #E5EDF1);
}

.text-brand-blue {
  color: #174356;
}

.text-brand-green {
  color: #67A009;
}

.text-white {
  color: #ffffff;
}

.ff-btn-submit {
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 4px;
  padding: 12px 8px !important;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  transform: scale(1);
  transform-origin: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  border: 1px solid #67A009;
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.48);
  background-image: linear-gradient(#87CB17, #67A009);
  font-size: 18px !important;
  line-height: 26px !important;
}
.ff-btn-submit:hover {
  transform: scale(1.04);
}
.ff-btn-submit:active {
  transform: scale(1);
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px;
  }
}
.animate__fadeInUp {
  --animate-duration: 1s;
}

/* General Margin */
.m-8 {
  margin: 8px !important;
}

.m-16 {
  margin: 16px !important;
}

.m-24 {
  margin: 24px !important;
}

.m-32 {
  margin: 32px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-48 {
  margin: 48px !important;
}

.m-56 {
  margin: 56px !important;
}

.m-64 {
  margin: 64px !important;
}

.m-72 {
  margin: 72px !important;
}

.m-80 {
  margin: 80px !important;
}

/* Margin Top */
.mt-8 {
  margin-top: 8px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

@media (min-width: 992px) {
  .mt-lg-8 {
    margin-top: 8px !important;
  }
  .mt-lg-16 {
    margin-top: 16px !important;
  }
  .mt-lg-24 {
    margin-top: 24px !important;
  }
  .mt-lg-32 {
    margin-top: 32px !important;
  }
  .mt-lg-40 {
    margin-top: 40px !important;
  }
  .mt-lg-48 {
    margin-top: 48px !important;
  }
  .mt-lg-56 {
    margin-top: 56px !important;
  }
  .mt-lg-64 {
    margin-top: 64px !important;
  }
  .mt-lg-72 {
    margin-top: 72px !important;
  }
  .mt-lg-80 {
    margin-top: 80px !important;
  }
}
/* Margin Right */
.mr-8 {
  margin-right: 8px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-48 {
  margin-right: 48px !important;
}

.mr-56 {
  margin-right: 56px !important;
}

.mr-64 {
  margin-right: 64px !important;
}

.mr-72 {
  margin-right: 72px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

@media (min-width: 768px) {
  .mr-md-8 {
    margin-right: 8px !important;
  }
  .mr-md-16 {
    margin-right: 16px !important;
  }
  .mr-md-24 {
    margin-right: 24px !important;
  }
  .mr-md-32 {
    margin-right: 32px !important;
  }
  .mr-md-40 {
    margin-right: 40px !important;
  }
  .mr-md-48 {
    margin-right: 48px !important;
  }
  .mr-md-56 {
    margin-right: 56px !important;
  }
  .mr-md-64 {
    margin-right: 64px !important;
  }
  .mr-md-72 {
    margin-right: 72px !important;
  }
  .mr-md-80 {
    margin-right: 80px !important;
  }
}
/* Margin Bottom */
.mb-8 {
  margin-bottom: 8px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

@media (min-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
  .mb-md-8 {
    margin-bottom: 8px !important;
  }
  .mb-md-16 {
    margin-bottom: 16px !important;
  }
  .mb-md-24 {
    margin-bottom: 24px !important;
  }
  .mb-md-32 {
    margin-bottom: 32px !important;
  }
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
  .mb-md-48 {
    margin-bottom: 48px !important;
  }
  .mb-md-56 {
    margin-bottom: 56px !important;
  }
  .mb-md-64 {
    margin-bottom: 64px !important;
  }
  .mb-md-72 {
    margin-bottom: 72px !important;
  }
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
}
/* Margin Left */
.ml-8 {
  margin-left: 8px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-48 {
  margin-left: 48px !important;
}

.ml-56 {
  margin-left: 56px !important;
}

.ml-64 {
  margin-left: 64px !important;
}

.ml-72 {
  margin-left: 72px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

/* Horizontal Margin (left and right) */
.mx-8 {
  margin-left: 8px;
  margin-right: 8px !important;
}

.mx-16 {
  margin-left: 16px;
  margin-right: 16px !important;
}

.mx-24 {
  margin-left: 24px;
  margin-right: 24px !important;
}

.mx-32 {
  margin-left: 32px;
  margin-right: 32px !important;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px !important;
}

.mx-48 {
  margin-left: 48px;
  margin-right: 48px !important;
}

.mx-56 {
  margin-left: 56px;
  margin-right: 56px !important;
}

.mx-64 {
  margin-left: 64px;
  margin-right: 64px !important;
}

.mx-72 {
  margin-left: 72px;
  margin-right: 72px !important;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px !important;
}

@media (min-width: 768px) {
  .mx-md-0 {
    margin-left: 0px;
    margin-right: 0px !important;
  }
  .mx-md-8 {
    margin-left: 8px;
    margin-right: 8px !important;
  }
  .mx-md-16 {
    margin-left: 16px;
    margin-right: 16px !important;
  }
  .mx-md-24 {
    margin-left: 24px;
    margin-right: 24px !important;
  }
  .mx-md-32 {
    margin-left: 32px;
    margin-right: 32px !important;
  }
  .mx-md-40 {
    margin-left: 40px;
    margin-right: 40px !important;
  }
  .mx-md-48 {
    margin-left: 48px;
    margin-right: 48px !important;
  }
  .mx-md-56 {
    margin-left: 56px;
    margin-right: 56px !important;
  }
  .mx-md-64 {
    margin-left: 64px;
    margin-right: 64px !important;
  }
  .mx-md-72 {
    margin-left: 72px;
    margin-right: 72px !important;
  }
  .mx-md-80 {
    margin-left: 80px;
    margin-right: 80px !important;
  }
}
/* Vertical Margin (top and bottom) */
.my-8 {
  margin-top: 8px;
  margin-bottom: 8px !important;
}

.my-16 {
  margin-top: 16px;
  margin-bottom: 16px !important;
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px !important;
}

.my-32 {
  margin-top: 32px;
  margin-bottom: 32px !important;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px !important;
}

.my-48 {
  margin-top: 48px;
  margin-bottom: 48px !important;
}

.my-56 {
  margin-top: 56px;
  margin-bottom: 56px !important;
}

.my-64 {
  margin-top: 64px;
  margin-bottom: 64px !important;
}

.my-72 {
  margin-top: 72px;
  margin-bottom: 72px !important;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px !important;
}

/* General Padding */
.p-8 {
  padding: 8px;
}

.p-16 {
  padding: 16px;
}

.p-24 {
  padding: 24px;
}

.p-32 {
  padding: 32px;
}

.p-40 {
  padding: 40px;
}

.p-48 {
  padding: 48px;
}

.p-56 {
  padding: 56px;
}

.p-64 {
  padding: 64px;
}

.p-72 {
  padding: 72px;
}

.p-80 {
  padding: 80px;
}

/* Padding Top */
.pt-8 {
  padding-top: 8px;
}

.pt-16 {
  padding-top: 16px;
}

.pt-24 {
  padding-top: 24px;
}

.pt-32 {
  padding-top: 32px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-48 {
  padding-top: 48px;
}

.pt-56 {
  padding-top: 56px;
}

.pt-64 {
  padding-top: 64px;
}

.pt-72 {
  padding-top: 72px;
}

.pt-80 {
  padding-top: 80px;
}

@media (min-width: 768px) {
  .pt-md-8 {
    padding-top: 8px;
  }
  .pt-md-16 {
    padding-top: 16px;
  }
  .pt-md-24 {
    padding-top: 24px;
  }
  .pt-md-32 {
    padding-top: 32px;
  }
  .pt-md-40 {
    padding-top: 40px;
  }
  .pt-md-48 {
    padding-top: 48px;
  }
  .pt-md-56 {
    padding-top: 56px;
  }
  .pt-md-64 {
    padding-top: 64px;
  }
  .pt-md-72 {
    padding-top: 72px;
  }
  .pt-md-80 {
    padding-top: 80px;
  }
}
/* Padding Right */
.pr-8 {
  padding-right: 8px;
}

.pr-16 {
  padding-right: 16px;
}

.pr-24 {
  padding-right: 24px;
}

.pr-32 {
  padding-right: 32px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-48 {
  padding-right: 48px;
}

.pr-56 {
  padding-right: 56px;
}

.pr-64 {
  padding-right: 64px;
}

.pr-72 {
  padding-right: 72px;
}

.pr-80 {
  padding-right: 80px;
}

/* Padding Bottom */
.pb-8 {
  padding-bottom: 8px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pb-56 {
  padding-bottom: 56px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pb-72 {
  padding-bottom: 72px;
}

.pb-80 {
  padding-bottom: 80px;
}

@media (min-width: 768px) {
  /* Padding Bottom */
  .pb-md-8 {
    padding-bottom: 8px;
  }
  .pb-md-16 {
    padding-bottom: 16px;
  }
  .pb-md-24 {
    padding-bottom: 24px;
  }
  .pb-md-32 {
    padding-bottom: 32px;
  }
  .pb-md-40 {
    padding-bottom: 40px;
  }
  .pb-md-48 {
    padding-bottom: 48px;
  }
  .pb-md-56 {
    padding-bottom: 56px;
  }
  .pb-md-64 {
    padding-bottom: 64px;
  }
  .pb-md-72 {
    padding-bottom: 72px;
  }
  .pb-md-80 {
    padding-bottom: 80px;
  }
  .pb-md-96 {
    padding-bottom: 96px;
  }
}
/* Padding Left */
.pl-8 {
  padding-left: 8px;
}

.pl-16 {
  padding-left: 16px;
}

.pl-24 {
  padding-left: 24px;
}

.pl-32 {
  padding-left: 32px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-48 {
  padding-left: 48px;
}

.pl-56 {
  padding-left: 56px;
}

.pl-64 {
  padding-left: 64px;
}

.pl-72 {
  padding-left: 72px;
}

.pl-80 {
  padding-left: 80px;
}

/* Horizontal Padding (left and right) */
.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.px-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.px-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.px-56 {
  padding-left: 56px;
  padding-right: 56px;
}

.px-64 {
  padding-left: 64px;
  padding-right: 64px;
}

.px-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

/* Vertical Padding (top and bottom) */
.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.py-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.py-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

@media (min-width: 768px) {
  /* Vertical Padding (top and bottom) */
  .py-md-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .py-md-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .py-md-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .py-md-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .py-md-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .py-md-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .py-md-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-md-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .py-md-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .py-md-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .py-md-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  /* General Padding */
  .p-md-8 {
    padding: 8px;
  }
  .p-md-16 {
    padding: 16px;
  }
  .p-md-24 {
    padding: 24px;
  }
  .p-md-32 {
    padding: 32px;
  }
  .p-md-40 {
    padding: 40px;
  }
  .p-md-48 {
    padding: 48px;
  }
  .p-md-56 {
    padding: 56px;
  }
  .p-md-64 {
    padding: 64px;
  }
  .p-md-72 {
    padding: 72px;
  }
  .p-md-80 {
    padding: 80px;
  }
}
@font-face {
  font-family: "Anek Bangla";
  src: url("../fonts/AnekBangla-SemiBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Anek Bangla";
  src: url("../fonts/AnekBangla-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
* {
  font-family: "Anek Bangla", sans-serif;
  font-weight: normal;
  font-size: 16px;
}

font,
strong {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

h1, h2, h3 {
  font-family: "Anek Bangla", sans-serif, Arial;
  font-weight: bold;
  margin: 32px 0 16px 0;
  color: #174356;
}
h1:first-child, h2:first-child, h3:first-child {
  margin-top: 0;
}
h1:only-child, h2:only-child, h3:only-child {
  margin-bottom: 0;
}

h1 {
  font-size: 40px;
  line-height: 48px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 48px;
    line-height: 56px;
  }
}

h2 {
  font-size: 32px;
  line-height: 40px;
}
@media (min-width: 768px) {
  h2 {
    font-size: 40px;
    line-height: 48px;
  }
}

h3 {
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  h3 {
    font-size: 28px;
    line-height: 32px;
  }
}

a {
  color: #174356;
}

p {
  margin-bottom: 16px;
}
p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
}

.micro-heading {
  font-size: 14px;
  line-height: 18px;
  border-radius: 1000px;
  background-color: #E3EFD0;
  color: #67A009;
  padding: 4px 12px;
  display: inline-flex;
}

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