@import url("https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;400;500;600;700&display=swap");
/* =============================Common styles */
html {
  font-size: 10px;
  /* should be in px */
}
* {
  box-sizing: border-box;
}
:root {
  --color-primary: #e55204;
  --white: #fff;
  --text: #4a4b4d;
  --text1: #4b5052ba;
  --menu: #53585a;
  --green: #8abf4b;
  --body-font: "Source Serif Pro", serif;
  --text-font: "Work Sans", sans-serif;
}

body {
  font-family: "Source Serif Pro", serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  overflow-y: auto;
}

a {
  text-decoration: none;
  font-family: "Source Serif Pro", serif;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

.line {
  width: 100px;
  height: 2px;
  background: var(--color-primary);
  margin: 20px 0;
}

.content {
  display: block;
  min-height: 100vh;
  margin-top: 80px;
}

.w-container {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}

.p-3 {
  padding: 3rem 0;
}

.ul-reset {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mr-3 {
  margin-right: 1.5rem;
}

.btn {
  border: 0;
  background: var(--color-primary);
  color: var(--white);
  display: flex;
  width: 100%;
  padding: 0 20px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  height: 55px;
  justify-content: center;
  align-items: center;
}
.banner-image .image {
  min-height: 550px;
}
.mt-a {
  margin-top: 3rem;
}
.loader {
  width: 100%;
  height: 100%;
  background-color: #fffffffa;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.loader-section {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.loader-section img {
  width: 100px;
  margin-bottom: 2rem;
}
.img-loader {
  width: 45px !important;
}
.global-width {
  max-width: 1280px;
  padding: 0 10px;
  margin: 0 auto;
  overflow: hidden;
}

.header .global-width,
.footer .global-width {
  max-width: 1600px;
}
.current_page_item > a {
  color: var(--color-primary) !important;
}
.logo-on-scroll {
  display: none;
}
@media screen and (min-width: 768px) {
  .global-width {
    padding: 0 40px;
    /* should be in px */
  }
}

@media screen and (min-width: 1024px) {
  .global-width {
    max-width: 1170px;
    padding: 0 10rem;
    position: relative;
    overflow: visible;
    /* should be in px */
  }

  .header .global-width,
  .footer .global-width {
    max-width: 1735px;
  }
}

@media screen and (min-width: 1400px) {
  .global-width {
    padding: 0 1.5rem;
  }
}

.text {
  font-size: 1.6rem;
  color: var(--text);
}

#header {
  width: 100%;
  position: relative;
  z-index: 3;
}

#header:after {
  content: "";
  clear: both;
  display: block;
}

#header .logo {
  padding: 20px 0 20px;
  top: -15px;
  position: relative;
}

#header .logo img {
  width: 90px;
}

#header nav > ul {
  float: left;
  position: relative;
  padding: 0;
  transition: 0.25s all;
}

#header nav li {
  list-style: none;
  float: left;
}

#header nav .dropdown {
  position: relative;
}

#header nav li a {
  float: left;
  padding-left: 9rem;
  font-size: 1.8rem;
  color: var(--menu);
  font-weight: 600;
  padding-bottom: 2rem;
  padding-top: 2rem;
  transition: 0.25s all;
  font-family: "Work Sans", sans-serif;
}

#header nav li a:hover {
  opacity: 0.7;
}

#header nav li ul {
  display: none;
}

#header nav li:hover ul {
  display: inline;
}

#header nav li li {
  float: none;
}

#header nav .dropdown ul {
  position: absolute;
  right: -50%;
  top: 100%;
  background: #98cc5e;
  padding: 4px 11px;
  box-shadow: 0 4px 32px 0 rgb(51 62 99 / 14%);
  webkit-box-shadow: 0 4px 32px 0 rgb(51 62 99 / 14%);
  animation: 0.25s show-menu ease-out forwards;
  -webkit-animation: 0.25s show-menu ease-out forwards;
  border-radius: 3px;
  text-align: center;
  max-width: 190px;
}

#header nav li:hover ul:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--white);
  border-width: 10px;
  margin-left: -10px;
}
.dropdown * {
  box-sizing: border-box;
}
#header nav .dropdown li a {
  padding: 14px 0;
  font-size: 16px;
  min-width: 170px;
  color: var(--white);
  font-weight: 500;
}

#header .global-width {
  overflow: visible;
}

#header nav .mega-dropdown {
  width: 100%;
  position: absolute;
  top: 100%;
  right: 0;
  background: var(--white);
  padding: 20px 20px;
  box-shadow: 0 4px 32px 0 rgb(51 62 99 / 14%);
  webkit-box-shadow: 0 4px 32px 0 rgb(51 62 99 / 14%);
  animation: 0.25s show-menu ease-out forwards;
  -webkit-animation: 0.25s show-menu ease-out forwards;
  border-radius: 3px;
}

@-webkit-keyframes show-menu {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes show-menu {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

#header nav li li a {
  float: none;
  color: var(--menu);
  display: block;
  padding: 5px 0px;
  border-radius: 3px;
  font-size: 1.6rem;
  font-weight: 600;
}

#header .mega-col {
  width: 50%;
  float: left;
  padding: 0;
}

#header #menu-icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  margin-right: 30px;
  display: none;
}

#header #menu-icon span {
  border: 2px solid #333;
  width: 30px;
  margin-bottom: 5px;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.1s;
  background-color: #333;
}

.top-menu-sec {
  position: relative;
  display: none;
}

.top-menu-sec .top-menu {
  display: flex;
  justify-content: flex-end;
}

.top-menu-sec .top-menu-ul {
  display: flex;
  background-color: var(--green);
  height: 5.4rem;
  align-items: center;
  max-width: 570px;
  width: 100%;
  justify-content: space-between;
  position: relative;
  z-index: 9;
}

.top-menu-ul .list-item a {
  color: var(--white);
  padding-right: 3rem;
  padding-left: 7rem;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 1.8px;
  display: flex;
}

.top-menu-ul .list-item .phone-sec {
  display: flex;
  align-items: center;
  padding-right: 3rem;
}

.phone-sec .icon-phn {
  margin-right: 1rem;
}

.top-menu-ul .list-item .btn {
  background-color: transparent;
  padding-right: 5rem;
}

.top-menu-ul .search-sec .main-search {
  display: flex;
  position: absolute;
  bottom: -50px;
  z-index: 3;
  right: 57px;
  padding: 1rem;
  border-radius: 5px;
  align-items: center;
  background-color: var(--green);
}
.main-search form {
  margin: 0;
}
.search-form .search-field {
  padding: 0.6rem;
  border: none;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  outline: none;
}

.search-form .search-submit {
  padding: 0.6rem;
  border: none;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  color: white;
  background-color: var(--color-primary);
  cursor: pointer;
}

.top-menu-ul .search-sec {
  display: none;
}

.search-sec .input-sec input {
  border: 0;
  height: 4.5rem;
}

@media screen and (min-width: 768px) {
  #header .global-width {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #header nav .mega-dropdown {
    width: 693px;
  }

  .top-menu-sec {
    display: block;
  }

  .top-menu-ul .list-item a {
    padding-right: 0;
    padding-left: 6rem;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  #header .logo {
    padding: 20px 0 20px;
    top: 0;
    position: initial;
  }

  #header .global-width {
    flex-direction: column;
    align-items: flex-start;
  }

  .streamline-sec {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .banner-image .image {
    height: 200px;
  }

  .banner-image-left .image {
    height: 200px;
  }

  .banner-content .head {
    font-size: 2.7rem;
    line-height: 3.8rem;
  }
}
.badge-text-sec p {
  color: #4b5052;
  font-family: "Source Serif Pro", serif;
  font-size: 16px;
  padding-top: 2rem;
  max-width: 773px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1170px) {
  #header nav > ul > li > a {
    padding: 10px 15px;
  }
}

@media only screen and (min-width: 960px) {
  #header nav {
    display: block !important;
  }
}

@media only screen and (max-width: 959px) {
  #header nav {
    display: none;
    width: 100%;
    clear: both;
    float: none;
    max-height: 400px;
    overflow-y: scroll;
    background: var(--green);
  }

  #header #menu-icon {
    display: inline;
    top: 45px;
    cursor: pointer;
  }

  #header #menu-icon.active .first {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: 10px;
  }

  #header #menu-icon.active .second {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: relative;
    top: -9px;
  }

  #header #menu-icon.active .third {
    display: none;
  }

  #header nav {
    padding: 0px;
    margin-bottom: 1rem;
  }

  #header nav ul {
    float: none;
  }

  #header nav li {
    float: none;
  }

  #header nav ul li a {
    float: none;
    padding: 18px;
    display: block;
    color: white;
    padding-left: 26px;
    text-align: center;
  }

  #header nav ul ul {
    display: block;
    position: static !important;
    background: none;
    border: none;
    padding: 0;
    text-align: center;
  }

  #header nav a {
    color: #333;
    padding: 8px;
  }

  #header nav a:hover {
    background: var(--white);
    color: #333;
    border-radius: 3px;
  }

  #header .mega-col {
    width: 100%;
  }
}

/*banner section*/

.main-banner .banner-image {
  position: relative;
  order: 2;
  width: 100%;
}

.banner-image .image {
  object-fit: cover;
  object-position: center;
  position: relative;
  width: 100%;
}

.main-banner .banner-image-left {
  position: relative;
  order: 2;
  width: 100%;
}

.banner-image-left .image {
  object-fit: cover;
  object-position: right;
  position: relative;
  width: 100%;
  min-height: 550px;
}

.main-banner .banner-content {
  background-color: var(--color-primary);
  color: var(--white);
  padding-left: 6rem;
  padding-right: 6rem;
  padding-bottom: 6.5rem;
  display: flex;
  flex-direction: column;
  padding-top: 9rem;
  z-index: 2;
  min-height: 664px;
}

.banner-content .head {
  font-size: 4rem;
  line-height: 5.8rem;
  width: 100%;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 3rem;
  position: relative;
}

.banner-content .head:before {
  position: absolute;
  content: "";
  width: 98px;
  height: 9px;
  border-radius: 10px;
  left: 0;
  background-color: var(--green);
  top: -35px;
}
.streamline-text.blog .desc-text {
  font-weight: 600;
  color: #53585a;
}
.banner-content .text {
  color: var(--white);
  font-family: "Source Serif Pro", serif;
  margin-bottom: 4.5rem;
  letter-spacing: 0.13px;
  width: 100%;
  font-size: 16px;
}
.banner-content .text-b {
  font-size: 1.9rem;
  letter-spacing: 0.16px;
  font-family: "Source Serif Pro", serif;
}

/* who pay*/
.who-quickpay-sec {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.who-quickpay-sec .who-quickpay {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  margin: 0 auto;
}

/* ///////////// */
.home-service-ring {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.home-service-ring::before {
  position: absolute;
  content: "";
  width: 555px;
  height: 563px;
  right: -10%;
  background: url(../images/round.svg) no-repeat;
  bottom: 0;
  z-index: -1;
}

.home-service-ring .who-quickpay {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  margin: 0 auto;
}

.who-quickpay-sec-team {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.who-quickpay-sec-team .who-quickpay {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  margin: 0 auto;
}

.who-quickpay-seg {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.who-quickpay-segring {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.service-bottom-ring {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.who-quickpay-seg .who-quickpay {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  margin: 0 auto;
}

/* //////////////////// */
.who-quickpay .head {
  font-size: 3.6rem;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 2rem;
  letter-spacing: 0.29px;
  line-height: 5rem;
  font-family: "Work Sans", sans-serif;
}

.who-quickpay .text {
  max-width: 902px;
  width: 100%;
  font-size: var(--body-font);
  font-size: 16px;
  line-height: 1.5;
}

.mb-a {
  margin-bottom: 3rem;
}

.grid-main-sec {
  position: relative;
  padding-bottom: 5rem;
}

.grid-main .grid-main-ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
}

.grid-main-ul .list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 7rem;
}

.list-item .icon-img {
  padding-bottom: 5rem;
  position: relative;
}

.list-item .icon-img:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 5px;
  border-radius: 10px;
  left: -11px;
  background-color: var(--green);
  bottom: 23px;
}

.grid-main-ul .list-item .text {
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-family: var(--text-font);
  font-size: 16px;
  color: #4a4b4d;
}

.customer-main-sec {
  position: relative;
  background: url(../images/customer-bg.png);
  display: flex;
  justify-content: center;
}

.customer-main-sec .customer-sec {
  background-color: var(--color-primary);
  color: var(--white);
  max-width: 531px;
  width: 100%;
  padding-left: 5rem;
  padding-bottom: 4.5rem;
  display: flex;
  flex-direction: column;
  padding-top: 14rem;
  position: relative;
  padding-right: 3rem;
  max-height: 656px;
}

.customer-main-sec .customer-sec:before {
  position: absolute;
  content: "";
  width: 66px;
  height: 57px;
  left: 43%;
  background: url(../images/quote.png) no-repeat;
  top: 50px;
}

.customer-sec .head {
  font-size: 4rem;
  line-height: 4.8rem;
  max-width: 409px;
  width: 100%;
  font-family: var(--text-font);
  font-weight: 700;
  margin-bottom: 9rem;
  position: relative;
}

.customer-sec .head:before {
  position: absolute;
  content: "";
  width: 98px;
  height: 9px;
  border-radius: 10px;
  left: 0;
  background-color: var(--green);
  bottom: -45px;
}

.customer-sec .text {
  color: var(--white);
  font-family: var(--body-font);
  margin-bottom: 4.5rem;
  letter-spacing: 0.13px;
  max-width: 469px;
  width: 100%;
  font-size: 1.6rem;
  font-style: italic;
  font-weight: 600;
  position: relative;
  opacity: 0.9;
  line-height: 3rem;
}
.customer-sec .text-bottom {
  font-size: 1.7rem;
  width: 80%;
  line-height: 3rem;
}
.customer-sec-img {
  position: relative;
}
.customer-sec-img .image {
  position: relative;
}
/*our service*/
.our-service-sec {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 6rem;
}
.our-service-sec .main-head {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 8rem;
  font-size: 3.8rem;
  padding-top: 1rem;
  color: var(--color-primary);
  font-weight: 700;
  font-family: var(--text-font);
}
.our-service .our-service-ul {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.our-service-ul .list-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 5rem;
}
.ser-img .image {
  width: 100%;
}
.our-service-ul .list-item .text {
  max-width: 358px;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-family: var(--text-font);
  font-size: 15px;
  color: #4a4b4d;
  position: relative;
  margin: 10rem auto 0;
  z-index: 9;
}
.our-service-ul .list-item .text::before {
  position: absolute;
  content: "";
  width: 161px;
  height: 5px;
  border-radius: 10px;
  left: 29%;
  background-color: var(--green);
  top: -45px;
}
.ser-img {
  position: relative;
}
.image-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  color: var(--white);
  font-weight: 600;
  font-family: var(--text-font);
  width: 100%;
  text-align: center;

  text-shadow: 3px 3px 7px #00000073;
}
/*footer*/
.footer-sec-main {
  position: relative;
  background-color: #ededed;
  padding-bottom: 8rem;
  padding-top: 8rem;
}
.footer-sec .footer-sec-ul {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.footer-sec-ul .footer-left {
  width: 100%;
}
.footer-menu-sec .footer-menu-ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.footer-image .footer-icon {
  margin-right: 2rem;
}
.footer-image .footer-icon:last-child {
  margin-right: 0;
}
.footer-menu-ul .list-item.add-sec {
  display: flex;
  flex-direction: column;
  color: var(--menu);
}
.list-item.add-sec .footer-text {
  font-style: italic;
  font-weight: 600;
}
.footer-menu-ul .footer-image {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 4rem;
  margin-top: 4rem;
}
.social-sec .main-social {
  display: flex;
  justify-content: space-between;
}
.social-sec .career-footer {
  display: flex;
  flex-direction: row;
  margin-top: 2rem;
}
.career-footer .link-footer {
  margin-right: 4rem;
}
.career-footer .link-footer:last-child {
  margin-right: 0;
}
.link-footer .link {
  color: var(--menu);
  text-decoration: underline;
}
.footer-right .menu-footer {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  margin-top: 4rem;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
.who-quickpay p {
  font-family: "Source Serif Pro", serif;
  letter-spacing: 0.13px;
  opacity: 0.8;
  font-size: 16px;
}

.menu-area .link {
  font-weight: 600;
  font-size: 2rem;
  color: var(--color-primary);
  font-family: var(--text-font);
}

.footer-sec-ul .footer-right {
  width: 100%;
}

.footer-left .footer-logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer-logo .copy-right {
  margin-top: 2rem;
  font-size: 1.2rem;
  font-family: var(--text-font);
  font-weight: 500;
  color: var(--menu);
}

.list-mob li {
  list-style-type: none;
}

/* ////technology */

.shedule-but-sec {
  justify-content: center;
  display: flex;
  margin-top: 6.5rem;
  margin-bottom: 6.5rem;
}
.shedule-but-sec .shedule-button {
  width: 70%;
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  letter-spacing: 2.34px;
  font-size: 13px;
  padding: 10px;
  text-align: center;
  font-family: var(--text-font);
  font-weight: 500;
}
.resource-but-sec {
  justify-content: center;
  display: flex;
  margin-top: 1.5rem;
}
.resource-but-sec .shedule-button {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  letter-spacing: 2.34px;
  font-size: 13px;
  padding: 10px;
  font-family: var(--text-font);
  font-weight: 500;
}
.streamline-sec {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 7rem;
}
.streamline-text {
  width: 46%;
}
.blog {
  justify-content: center;
  display: flex;
}
.streamline-text .streamline-head {
  font-size: 3.6rem;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 5rem;
  letter-spacing: 0.29px;
  line-height: 5rem;
  font-family: "Work Sans", sans-serif;
}
.streamline-img img {
  width: 100%;
}
.streamline-text p {
  font-size: 16px;
}
.global-width .shedul-but {
  justify-content: center;
  display: flex;
  margin-top: 1rem;
}
.shedul-but.texbology-shedul-but {
  margin-top: 0;
}
.shedul-but .but-sec {
  background-color: #e55204;
  border: none;
  color: #ffffff;
  font-size: 13px;
  padding: 15px 45px 15px 45px;
  margin-bottom: 4rem;
  margin-top: 5rem;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  letter-spacing: 2.34px;
}
.input-sec input {
  border-radius: 30px;
  outline: none;
}
.streamline-text p {
  font-family: "Source Serif Pro", serif;
  font-size: 17px;
  color: var(--text1);
  font-weight: 600;
}
/* //about banner */

.main-banner .banner-content-left {
  background-color: var(--color-primary);
  color: var(--white);
  padding-left: 5rem;
  padding-right: 5rem;
  padding-bottom: 4.5rem;
  display: flex;
  flex-direction: column;
  padding-top: 4rem;
  z-index: 2;
}

.banner-content-left .head {
  font-size: 4rem;
  line-height: 5.8rem;
  width: 100%;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 6rem;
  position: relative;
}

.banner-content-left .head:before {
  position: absolute;
  content: "";
  width: 120px;
  height: 9px;
  border-radius: 10px;
  left: 0;
  background-color: var(--green);
  top: -25px;
}

.banner-content-left p {
  color: var(--white);
  font-family: "Source Serif Pro", serif;
  margin-bottom: 1.5rem;
  letter-spacing: 0.13px;
  width: 100%;
  font-size: 1.6rem;
}
.banner-content-left p.text {
  opacity: 0.8;
  line-height: 1.7;
}
.banner-content-left .text-b {
  font-size: 2.5rem;
  letter-spacing: 0.16px;
}

.badge-sec {
  background-color: #8abf4c;
  width: 100%;
}

.global-width .badge-text-sec {
  text-align: center;
  padding: 6rem 1.5rem;
  font-family: "Source Serif Pro", serif;
}

.badge-text-sec .badge-head-line {
  font-size: 4.2rem;
  font-weight: 700;
  color: white;
  margin-bottom: 5rem;
  letter-spacing: 0.29px;
  line-height: 5rem;
  font-family: "Work Sans", sans-serif;
}

/* resources */
.shedule-but-seg {
  justify-content: center;
  display: flex;
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}

.shedule-but-seg .shedule-button {
  width: 70%;
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  letter-spacing: 2.34px;
  font-size: 13px;
  padding: 10px;
  text-align: center;
  font-family: var(--text-font);
  font-weight: 500;
}

.blog-head {
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  padding: 15px;
  color: #e55204;
  font-size: 3.6rem;
}

.desc-text {
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  text-align: center;
}

.streamline-img .desc-text {
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: var(--text-font);
  font-weight: 500;
}

.desc-text::before {
  display: none;
  position: absolute;
  content: "";
  width: 119px;
  height: 9px;
  border-radius: 10px;
  left: 0;
  background-color: var(--green);
  top: -25px;
}

.streamline-img {
  width: 400px;
}

.border-area {
  justify-content: center;
  display: flex;
  margin: 5rem;
}

.box {
  width: 163px;
  height: 5px;
  background-color: var(--green);
  border-radius: 7px;
}

.payro-cont {
  width: 100%;
}

.payroll-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 10px;
}

.payroll-container-outer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 10px;
}

.payroll-content {
  width: 50%;
  list-style-type: none;
}

.payroll-head {
  font-size: 4.2rem;
  font-weight: 700;
  color: var(--color-primary);
  margin: -1.1rem 0 3rem 0;
  letter-spacing: 0.29px;
  line-height: 5rem;
  font-family: "Work Sans", sans-serif;
}

.payroll-desc {
  font-family: "Source Serif Pro", serif;
  font-size: 1.7rem;
  color: var(--text1);
  line-height: 1.7;
  font-weight: 600;
}

.payroll-image-data {
  list-style-type: none;
  width: 47%;
}

.payroll-img {
  object-fit: cover;
  width: 100%;
}

.payroll-sec {
  margin-top: 6rem;
  margin-bottom: 0;
}

.resource-sec {
  width: 100%;
}

.resource-width {
  position: relative;
  top: 0;
  left: 0;
  background: url(../images/HR.png) center center;
}

.reso-img1 {
  position: relative;
  top: 0;
  left: 0;
}

.reso-data {
  position: absolute;
  top: 30px;
  padding-left: 13rem;
  padding-right: 13rem;
}

.form-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.form-division {
  width: 100%;
  list-style-type: none;
}

.contact-page-sec .form-division .form-details {
  width: 100%;
  text-align: center;
  padding: 5rem 5rem 0;
  min-height: 240px;
  color: var(--white);
}

.back {
  background-color: var(--color-primary);
}

.connect-text {
  margin-top: 6rem;
}

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

.contact-page-sec .form-input .form-adj {
  height: 30px;
  background-color: #ededed;
  border: none;
  margin-bottom: 11px;
  width: 99%;
  padding-left: 7px;
  border-radius: 0;
}

.contact-page-sec .form-input .form-adj-wid {
  height: 30px;
  background-color: #ededed;
  border: none;
  margin-bottom: 11px;
  width: 48%;
  padding-left: 7px;
  border-radius: 0;
}
.contact-page-sec .main-banner .banner-content {
  padding-top: 5rem;
}

.contact-page-sec .form-input .form-submit {
  width: 48%;
  height: 40px;
  border: none;
  background-color: var(--green);
  font-size: 14px;
  color: var(--white);
  border-radius: 0px;
  display: grid;
  margin: 0 auto;
  cursor: pointer;
  font-family: "Source Serif Pro", serif;
}
.form-submit.form-submit-sec {
  margin-left: 15px;
}
.f-name {
  margin-right: 15px;
}
.form-header-sec {
  font-family: "Work Sans", sans-serif;
  padding-left: 0rem;
  padding-right: 0;
  color: #ffff;
  line-height: 2rem;
  font-size: 4.1rem;
  margin-top: 0;
}
.cnt-txt {
  margin-bottom: 0px !important;
}

.border-sec {
  background-color: rgb(158, 149, 149);
  height: 12px;
  width: 100%;
  text-align: center;
}

.icon-seg {
  padding: 0.6em;
  margin-top: 0px;
}

.corporate-head {
  font-family: "Work Sans", sans-serif;
  font-size: 2.5rem;
}
h3.connect-text.corporate-head.contact-with-us {
  font-size: 1.6rem;
}
h3.connect-text.corporate-head.contact-with-us::after {
  position: absolute;
  content: "";
  width: 195px;
  height: 4px;
  border-radius: 10px;
  left: 0;
  background-color: var(--green);
  top: -15px;
  right: 0;
  margin: 0 auto;
}
.form-text {
  font-family: "Work Sans", sans-serif;
  padding: 0;
}

.form-division .form-decs {
  font-family: "Work Sans", sans-serif;
  color: #ffff;
  font-size: 1.6rem;
  font-weight: bold;
}

.cnt-bnr {
  padding-bottom: 2rem !important;
}

/* //new banner sec right/// */
.main-banner .banner-content-short {
  background-color: var(--color-primary);
  color: var(--white);
  padding-left: 5rem;
  padding-right: 5rem;
  padding-bottom: 7.5rem;
  display: flex;
  flex-direction: column;
  padding-top: 12rem;
  z-index: 2;
}

.banner-content-short .head {
  font-size: 4rem;
  line-height: 5.8rem;
  width: 100%;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 6rem;
  position: relative;
}

.banner-content-short .head:before {
  position: absolute;
  content: "";
  width: 119px;
  height: 9px;
  border-radius: 10px;
  left: 0;
  background-color: var(--green);
  top: -25px;
}

.banner-content-short .text {
  color: var(--white);
  font-family: "Source Serif Pro", serif;
  margin-bottom: 4.5rem;
  letter-spacing: 0.13px;
  width: 100%;
  font-size: 2rem;
}

.banner-content-short .text-b {
  font-size: 2.5rem;
  letter-spacing: 0.16px;
}

.main-banner .banner-content-short {
  background-color: var(--color-primary);
  color: var(--white);
  padding-left: 6rem;
  padding-right: 6rem;
  padding-bottom: 7.5rem;
  display: flex;
  flex-direction: column;
  padding-top: 12rem;
  z-index: 2;
}

.banner-content-short .head {
  font-size: 4rem;
  line-height: 5.8rem;
  width: 100%;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 6rem;
  position: relative;
}

.banner-content-short .head:before {
  position: absolute;
  content: "";
  width: 119px;
  height: 9px;
  border-radius: 10px;
  left: 0;
  background-color: var(--green);
  top: -25px;
}

.banner-content-short .text {
  color: var(--white);
  font-family: "Source Serif Pro", serif;
  margin-bottom: 4.5rem;
  letter-spacing: 0.13px;
  width: 100%;
  font-size: 2rem;
}

.banner-content-short .text-b {
  font-size: 2.5rem;
  letter-spacing: 0.16px;
}
.form-details p {
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
}
.connect-box {
  height: 20px;
  justify-content: center;
  display: flex;
  text-align: center;
  align-items: center;
  width: 100%;
}
.connect-box .box {
  width: 230px;
  height: 5px;
  background-color: var(--green);
  border-radius: 7px;
}
/* ///////////// */
.connect-but-sec {
  justify-content: center;
  display: flex;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.connect-but-sec .connect-button {
  text-align: center;
  width: 70%;
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  letter-spacing: 2.34px;
  font-size: 13px;
  padding: 10px;
  font-family: var(--text-font);
  font-weight: 500;
}

/* team///////////////// */
.team-sec {
  background-image: url(../images/HR.png);
  /* width: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center; */
}

.team-sec .content-cont {
  padding: 5rem 20rem 1rem 20rem;
  margin-top: 5rem;
}

.main-team-sec {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.main-team-sec .team-img {
  flex: 17%;
  list-style-type: none;
  display: flex;
}

.main-team-sec .team-content {
  flex: 55%;
  list-style-type: none;
  padding: 1rem;
}

.team-img-align .img-team {
  width: 300px;
}

.team-content .founder-position {
  color: var(--green);
  font-size: 16px;
  font-family: "Work Sans", sans-serif;
  padding: 0;
  margin: 0;
}

.payroll-head-line {
  font-size: 3.6rem;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 0rem;
  letter-spacing: 0.29px;
  line-height: 5rem;
  font-family: "Work Sans", sans-serif;
  margin-top: -1rem;
}

.team-sec2 {
  width: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.team-sec2 .content-cont {
  padding: 5rem 20rem 1rem 20rem;
}

.shedul-but .meet-team-seg {
  font-size: 3.6rem;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 0rem;
  letter-spacing: 0.29px;
  line-height: 5rem;
  font-family: "Work Sans", sans-serif;
  margin-top: -1rem;
}

/* ///////service////////////////// */
.who-quickpay-sec-service {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 1rem;
}

.main-banner::before {
  position: absolute;
  content: "";
  z-index: -1;
  border: 75px solid #ededed;
  height: 300px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 300px;
  bottom: -224px;
  right: 20rem;
}

.who-quickpay-sec-service .who-quickpay {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  margin: 0 auto;
}

.payroll-content .payroll-desc .employee-highlight {
  color: #f47938;
  font-size: 16px;
  font-weight: 700;
}

.payroll-content .payroll-desc {
  color: var(--text1);
  line-height: 1.7;
  font-weight: 600;
  font-size: 1.6rem;
}

.column-text .asowhite {
  color: var(--white);
  font-size: 16px;
  line-height: 1.9;
  font-family: "Source Serif Pro", serif;
}

.aso-head {
  font-size: 3.6rem;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 5rem;
  letter-spacing: 0.29px;
  line-height: 5rem;
  font-family: "Work Sans", sans-serif;
}
.Benefits-sec .Benefits-but {
  width: auto;
  background-color: transparent;
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  letter-spacing: 2.34px;
  font-size: 13px;
  padding: 10px;
  text-align: center;
  font-family: var(--text-font);
  font-weight: 500;
}
span.Benefits-sec {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 5rem;
}
.aso-space {
  justify-content: center;
  display: flex;
  padding: 7rem 0;
}
.who-quickpay-sec1 {
  position: relative;
  margin-top: 4rem;
}
.help-payroll-sec .aos-help-but {
  width: 70%;
  background-color: transparent;
  border: 2px solid var(--white);
  color: var(--white);
  letter-spacing: 2.34px;
  font-size: 13px;
  padding: 10px;
  text-align: center;
  font-family: var(--text-font);
  font-weight: 500;
}

.help-payroll-sec {
  width: 100%;
  height: 117px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.help-payroll-sec .payroll-help-but {
  width: 75%;
  background-color: transparent;
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  letter-spacing: 2.34px;
  font-size: 13px;
  padding: 10px;
  text-align: center;
  font-family: var(--text-font);
  font-weight: 500;
}
.row-outer {
  background: url(../images/HR.png);
  padding: 4rem 0 3rem 0;
}
.row-outer-home {
  background: url(../images/HR.png);
  padding: 0;
}
.global-width-seg {
  display: flex;
  justify-content: space-between;
  max-width: 1280px;
  padding: 0 23px;
  margin: 0 auto;
  overflow: hidden;
}
.row-outer-home .global-width-home {
  display: flex;
  max-width: 1280px;
  padding: 0 10px;
  margin: 0 auto;
}
.column-image {
  width: 48%;
  min-height: 150px;
}
.column-text {
  width: 48%;
  min-height: 150px;
}
.out-img {
  width: 100%;
}
.global-width-seg-hr {
  display: flex;
  /* justify-content: space-between; */
  max-width: 1280px;
  padding: 0 10px;
  margin: 0 auto;
  overflow: hidden;
  justify-content: space-around;
}
.column-text-hr {
  width: 90%;
  min-height: 150px;
}
.row-outer-resource {
  background: url(../images/HR.png) center;
  padding: 29px 0;
}
.row-outer-plain {
  background-color: #8abf4c;
  padding: 40px 0;
}
.column-text .payroll-desc .employee-highlight {
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 700;
}
.help-payroll-sec .human-learnmore-but {
  background-color: var(--color-primary);
  color: var(--white);
  padding: 1rem 5rem;
  border: none;
  font-family: var(--text-font);
  font-weight: 500;
}
.text-bottom .vice-adj {
  margin: 0;
  padding: 0;
}
.column-text-hr .resource-head {
  font-size: 3.6rem;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 5rem;
  letter-spacing: 0.29px;
  line-height: 5rem;
  font-family: "Work Sans", sans-serif;
  text-align: center;
}
.red-highlight {
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 700;
}
.yell-highlight {
  color: #fab115;
  font-size: 16px;
  font-weight: 700;
}
.aso-bottom-segring {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.main-banner .aso-banner-content {
  background-color: var(--color-primary);
  color: var(--white);
  padding-left: 5rem;
  padding-right: 5rem;
  padding-bottom: 7.5rem;
  display: flex;
  flex-direction: column;
  padding-top: 12rem;
  z-index: 2;
}
.aso-banner-content .head {
  font-size: 4rem;
  line-height: 5.8rem;
  width: 100%;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 6rem;
  position: relative;
}
.aso-banner-content .head:before {
  position: absolute;
  content: "";
  width: 119px;
  height: 9px;
  border-radius: 10px;
  left: 0;
  background-color: var(--green);
  top: -25px;
}
.aso-banner-content .text {
  color: var(--white);
  font-family: "Source Serif Pro", serif;
  margin-bottom: 4.5rem;
  letter-spacing: 0.13px;
  width: 100%;
  font-size: 2rem;
}
.aso-banner-content .text-b {
  font-size: 2.5rem;
  letter-spacing: 0.16px;
}
.main-footer {
  width: 100%;
  padding: 7.4rem 0;
  background: #ededed;
}
.main-footer .global-width {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main-footer .global-width .logo {
  width: 30rem;
}

.main-footer .global-width .copyright {
  margin-top: 2rem;
  font-size: 1.8rem;
  font-family: var(--text-font);
  font-weight: 500;
  color: var(--menu);
  text-align: center;
}

.main-footer .global-width .image {
  max-width: 100%;
}

.main-footer .global-width .right-sec {
  width: calc(100% - 40rem);
}

.main-footer .d-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main-footer .footer-nav {
  width: 100%;
  padding: 0;
  margin: 0;
}

.main-footer .footer-nav .list {
  list-style-type: none;
}

.main-footer .footer-nav .item {
  color: var(--color-primary);
  font-size: 2rem;
  line-height: 2.3rem;
  display: flex;
  font-weight: 600;
  font-family: var(--text-font);
}

.main-footer .center-sec {
  padding-top: 6rem;
}

.main-footer .center-sec .right-sec {
  width: 45px;
}

.main-footer .center-sec .middle-sec {
  width: calc(100% - 100px);
}

.main-footer .social {
  padding: 0;
  margin: 0;
}

.main-footer .social .list {
  list-style-type: none;
}

.main-footer .bottomlist {
  padding: 0;
  margin: 0;
}

.main-footer .bottomlist .list {
  list-style-type: none;
}

.main-footer .bottomlist .item {
  font-size: 1.6rem;
  line-height: 2.3rem;
  text-decoration: underline;
  color: var(--menu);
}

.main-footer .address-sec {
  width: 50%;
}

.main-footer .address-sec .addres {
  padding: 0;
  margin: 0;
  width: 50%;
}

.main-footer .address-sec .addres .title {
  font-style: italic;
  font-weight: bold;
  color: var(--menu);
}

.main-footer .address-sec .addres .text {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 0;
  padding: 0;
  max-width: 18rem;
}

.main-footer .client-sec {
  width: 50%;
  padding: 0;
  margin: 0;
  justify-content: space-around;
  align-items: center;
}

.main-footer .client-sec .list {
  list-style-type: none;
}

.main-footer .client-sec .image {
  max-width: 100%;
}

@media screen and (max-width: 1024px) {
  .main-footer .global-width .logo {
    width: 100%;
  }
  .row-outer-home .column-image .coustmer-img {
    height: auto;
    width: 100%;
    max-width: inherit;
  }
  .main-banner.banner-right.tech-banner-sec::before {
    bottom: -12rem !important;
  }
  .main-footer .global-width .right-sec {
    width: 100%;
  }

  .main-footer .center-sec .middle-sec {
    width: 100%;
    margin-bottom: 2rem;
  }

  .main-footer .global-width .copyright {
    text-align: left;
  }

  .main-footer .social {
    max-width: 60px;
  }
}

.main-footer .client-sec {
  flex-wrap: nowrap;
}

@media screen and (max-width: 765px) {
  .main-footer .address-sec .addres {
    width: 100%;
    margin-bottom: 30px;
  }

  .main-footer .client-sec {
    width: 100%;
  }

  .main-footer .global-width .right-sec.btm {
    display: flex;
    justify-content: space-between;
  }

  .main-footer .social {
    min-width: 65px;
  }

  .main-footer .global-width .logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .main-footer .center-sec .middle-sec {
    justify-content: flex-end;
  }

  .main-footer .footer-nav {
    display: block;
    position: absolute;
    left: 0;
    top: 6rem;
  }

  .main-footer .footer-nav .list {
    margin-bottom: 2.5rem;
  }

  .main-footer .global-width .right-sec {
    position: relative;
  }
}

@media screen and (min-width: 1300px) {
  .main-footer .client-sec {
    justify-content: flex-start;
  }

  .main-footer .client-sec .mdl {
    margin: 0 3rem;
  }
}

.about-ring {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
  overflow: hidden;
}

.about-ring::before {
  position: absolute;
  content: "";
  width: 555px;
  height: 563px;
  left: -66px;
  background: url(../images/round.svg) no-repeat;
  top: 75px;
  z-index: -1;
}

.about-ring .who-quickpay {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  margin: 0 auto;
}
.text-orange {
  color: #e55204;
  font-weight: bold;
}
.about-ring-top {
  position: relative;
  padding-top: 17rem;
  padding-bottom: 8rem;
  overflow: hidden;
}
.about-ring-top .who-quickpay {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  margin: 0 auto;
}
aside.banner-content.banner-content-right .head {
  font-size: 5rem;
  line-height: 6rem;
}
aside.banner-content.banner-content-right .text {
  opacity: 0.8;
  line-height: 1.7;
  font-size: 1.6rem;
  letter-spacing: 0.13px;
}
aside.banner-content.banner-content-right .head:before {
  width: 119px;
}

.main-banner.banner-right .banner-image .image {
  object-fit: cover;
  object-position: 0 0;
  position: relative;
  width: 100%;
  height: 580px;
}
aside.banner-content.banner-content-right {
  right: 15px;
}
.main-banner {
  min-height: 573px;
}
section.aso-banner.main-banner.banner-right {
  min-height: 760px;
}
section.who-quickpay-sec1.aso-three::before {
  display: none;
}
.list-bottom {
  display: none !important;
  height: 214px;
  width: 100%;
  background: #8abf4c;
}
.main-banner.banner-service .banner-content-left {
  top: 10px;
}
.contact-with-us {
  position: relative;
}
/*
.contact-with-us::after {
  position: absolute;
  content: "";
  width: 195px;
  height: 4px;
  border-radius: 10px;
  left: 0;
  background-color: var(--green);
  top: 38px;
  right: 0;
  margin: 0 auto;
}*/
.lifecycle-section {
  margin-top: 14rem;
}
.lifecycle-section .lc-head {
  font-size: 3.6rem;
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 3rem 0;
  letter-spacing: 0.29px;
  line-height: 4rem;
  font-family: "Work Sans", sans-serif;

  width: 50%;
  margin: 0 auto;
  margin-bottom: 6rem;
  text-align: center;
}
.payrolles-section .payroll-middile-head {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 1.7rem;
  margin-bottom: 4rem;
  font-family: var(--text-font);
  font-weight: 500;
  color: #4b5052;
}
.payrolles-section .payroll-middle-list {
  display: flex;
  justify-content: space-around;
  margin-bottom: 5rem;
}
.payrolles-section .payroll-middle-list .list-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.payrolles-section .payroll-middle-list .list-item .icon-img {
  padding-bottom: 0rem;
  position: relative;
  width: 100%;
  text-align: center;
  height: 150px;
}
.payrolles-section .payroll-middle-list .list-item .icon-img:before {
  position: absolute;
  content: "";
  width: 160px;
  height: 5px;
  border-radius: 10px;
  background-color: var(--green);
  bottom: 23px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.payrolles-section .pay-middle-box .sub-text {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75%;
  margin: 0 auto;
}
.payrolles-section .payroll-middle-linkbox a {
  width: auto;
  background-color: transparent;
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  letter-spacing: 2.34px;
  font-size: 13px;
  padding: 1rem 5rem;
  text-align: center;
  font-family: var(--text-font);
  font-weight: 500;
}
.payrolles-section .payroll-middle-list .list-item .text {
  font-family: var(--text-font);
  font-weight: 500;
  width: 67%;
  text-align: center;
}
.payrolles-section .payroll-middle-linkbox {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 3rem;
  justify-content: center;
  margin-top: 4rem;
}
.hrsupport-section .hrsupport-section-link a {
  width: auto;
  background-color: transparent;
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  letter-spacing: 2.34px;
  font-size: 13px;
  padding: 1rem 5rem;
  text-align: center;
  font-family: var(--text-font);
  font-weight: 500;
}
.hrsupport-section .hrsupport-section-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5rem;
}
.payrolles-section {
  margin-bottom: 5rem;
}
.payroll-sec-top:before {
  position: absolute;
  content: "";
  width: 555px;
  height: 563px;
  background: url(../images/round.svg) no-repeat;
  right: 15%;
  top: 32%;
  z-index: -1;
}

span.social-icons.icon-sec2 .image {
  width: 22px;
}

.column-image .coustmer-img {
  max-width: fit-content;
  height: auto;
}

section.main-banner.banner-right.contact-banner-sec .banner-image .image {
  object-position: 0 0;
}
.show-mb {
  display: none;
}

.Meet-Our-Team .shedul-but {
  margin: 25rem 0 8rem 0;
}

img.image-payroll-arrow {
  display: none;
  position: absolute;
  bottom: 111px;
  margin: 0 auto;
  z-index: 2;
  right: 0;
  left: 0;
}
.our-service-ul .list-item:hover img.image-payroll-arrow {
  display: block;
}
.row-outer.Human-Resource-Services .global-width-seg {
  overflow: visible;
}
.banner-section-top {
  position: absolute;
  width: 100%;
  height: 573px;
  overflow: hidden;
}
.banner-section-top .image {
  object-fit: cover;
  object-position: 0 0;
  position: relative;
  width: 100%;
  height: 580px;
}
section.main-banner.section-banner.teams-banner-sec .banner-section-top {
  object-position: center;
}
.main-banner.banner-right.hm-banner-sec::before {
  display: none;
}

.main-banner.section-banner.abt-banner-sec::before {
  display: none;
}
.main-banner.banner-right.tech-banner-sec::before {
  display: none;
}
.main-banner.section-banner.hr-banner-sec::before {
  display: none;
}
.main-banner.section-banner.hr-banner-sec .banner-content-left {
  min-height: auto;
  height: auto;
}
.main-banner.section-banner.hr-banner-sec .banner-content-left p.text {
  line-height: 1.6;
}
.main-banner.section-banner.hr-banner-sec:after {
  content: "";
  background: url(../images/round.svg) no-repeat;
  position: absolute;
  right: 0;
  top: inherit;
  width: 38rem;
  height: 55rem;
  overflow: hidden;
  z-index: -1;
  bottom: -34rem;
}
.main-banner.section-banner.teams-banner-sec::before {
  display: none;
}
.main-banner.section-banner.teams-banner-sec::after {
  content: "";
  background: url(../images/round.svg) no-repeat;
  position: absolute;
  right: 0;
  top: inherit;
  width: 38rem;
  height: 55rem;
  overflow: hidden;
  z-index: -1;
  bottom: -34rem;
}
.aso-banner.main-banner.banner-right.aso-banner-sec::before {
  display: none;
}
.main-banner.banner-right.contact-banner-sec::before {
  display: none;
}
.footer-sec-main::before {
  position: absolute;
  content: "";
  z-index: -1;
  border: 75px solid #ededed;
  height: 300px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 300px;
  bottom: 0;
  right: 20rem;
}
.footer-sec-main.hm-footer-sec::before {
  display: none;
}
.footer-sec-main.abt-footer-sec::before {
  display: none;
}
.footer-sec-main.aso-footer-sec::before {
  display: none;
}
.footer-sec-main.hr-footer-sec:before {
  display: none;
}
.footer-sec-main.prl-footer-sec:before {
  display: none;
}
.footer-sec-main.contact-footer-sec:before {
  display: none;
}
.main-banner.banner-right.rsrc-banner-sec:before {
  display: none;
}
.footer-sec-main.rsrc-footer-sec:before {
  display: none;
}
.footer-sec-main.rsrc-footer-sec:after {
  content: "";
  background: url(../images/round.svg) no-repeat;
  position: absolute;
  right: 0;
  top: -27rem;
  width: 33rem;
  height: 27rem;
  overflow: hidden;
  z-index: -1;
  background-position: 0rem -1%;
}

.footer-sec-main.serv-footer-sec:before {
  bottom: inherit;
  right: inherit;
  top: -16rem;
  left: 2rem;
  display: none;
}
.footer-sec-main.teams-footer-sec:before {
  display: none;
}
.footer-sec-main.tech-footer-sec:before {
  display: none;
}

.form-container .form-division .form-details .form-text {
  opacity: inherit;
  margin: 3px;
}
.form-details .corporate-head {
  margin: 0;
}
.contact-page-sec .form-details p {
  margin: 5px;
}
.who-quickpay-sec.contact-forms-sec {
  padding-top: 15rem;
}
.who-quickpay-sec.contact-forms-sec .form-division .form-decs {
  font-weight: 500;
  opacity: inherit;
  margin-bottom: 3.8rem;
}
.who-quickpay-sec.contact-forms-sec .form-input .form-submit {
  cursor: pointer;
  outline: none;
}
.who-quickpay-sec.contact-forms-sec input {
  outline: none;
}
.lifecycle-section .streamline-sec .streamline-img .image {
  margin-top: 26px;
}
.main-banner.banner-right.hm-banner-sec .banner-image-cercle {
  max-width: 1170px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
.main-banner.banner-right.hm-banner-sec .banner-image-cercle:before {
  content: "";
  right: inherit;
  left: -22rem;
  position: absolute;
  content: "";
  z-index: -1;
  border: 93px solid #ededed;
  height: 300px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 300px;
  bottom: -32rem;
}
.footer-sec-main .banner-image-cercle-footer {
  max-width: 1170px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
}
.footer-sec-main .banner-image-cercle-footer .cercle-hide:before {
  content: "";
  position: absolute;
  border: 93px solid #ededed;
  height: 300px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 300px;
  right: 2px;
}
.footer-sec-main .banner-image-cercle-footer .cercle-hide {
  z-index: 1;
  right: -13.3rem;
  top: -28rem;
  width: 490px;
  height: 440px;
  position: absolute;
  overflow: hidden;
}
section.footer-sec-main.tech-footer-sec {
  margin-top: 7rem;
}
.main-banner.banner-right.tech-banner-sec .banner-image-cercle {
  max-width: 1170px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
.main-banner.banner-right.tech-banner-sec .banner-image-cercle:before {
  content: "";
  right: inherit;
  left: -22rem;
  position: absolute;
  content: "";
  z-index: -1;
  border: 93px solid #ededed;
  height: 300px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 300px;
  bottom: -32rem;
}

section.who-quickpay-sec.tech-business {
  padding-top: 10rem;
}
.about-business .global-width .badge-text-sec {
  position: relative;
}

.about-business .badge-text-cercle {
  position: absolute;
  right: -12rem;
  margin: 0 auto;
  top: -20rem;
  width: 600px;
  height: 600px;
  overflow: hidden;
}
.about-business .badge-text-cercle:before {
  content: "";
  right: 0;
  position: absolute;
  z-index: -1;
  border: 93px solid #ededed;
  height: 300px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 300px;
}
.about-row-outer .column-text p {
  opacity: 0.7;
}
.about-page-sec .payroll-content p {
  color: #4b5052c4;
  font-family: "Source Serif Pro", serif;
  font-weight: 600;
}
.main-banner.banner-right.aso-banner-sec .banner-image-cercle:before {
  content: "";
  left: 5rem;
  right: 0;
  margin: 0 auto;
  position: absolute;
  content: "";
  z-index: -1;
  border: 115px solid #ededed;
  height: 450px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 450px;
  bottom: -29rem;
}

.footer-sec-main.aso-footer-sec .banner-image-cercle-footer .cercle-hide {
  height: 250px;
  right: -11.3rem;
  top: -18rem;
  width: 543px;
}
.footer-sec-main.aso-footer-sec
  .banner-image-cercle-footer
  .cercle-hide:before {
  width: 345px;
  height: 345px;
}

.footer-sec-main.abt-footer-sec
  .banner-image-cercle-footer
  .cercle-hide:before {
  border: 93px solid #ededed;
  height: 300px;
  width: 342px;
  right: 2px;
}
.footer-sec-main.abt-footer-sec .banner-image-cercle-footer .cercle-hide {
  z-index: -1;
  right: inherit;
  top: -21rem;
  width: 545px;
  height: 242px;
  position: absolute;
  overflow: hidden;
  left: -20rem;
}
.footer-sec-main.hr-footer-sec .banner-image-cercle-footer .cercle-hide {
  z-index: -1;
  right: inherit;
  left: -20rem;
  top: -20rem;
  width: 490px;
  height: 302px;
  position: absolute;
  overflow: hidden;
}
.footer-sec-main.prl-footer-sec .banner-image-cercle-footer .cercle-hide {
  z-index: -1;
  right: inherit;
  top: -17rem;
  width: 490px;
  height: 282px;
  left: -24rem;
}

.main-banner.section-banner.serv-banner-sec:before {
  display: none;
}
.main-banner.serv-banner-sec .banner-section-top .banner-image-cercle {
  max-width: 1170px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
.main-banner.serv-banner-sec
  .banner-section-top
  .banner-image-cercle
  .cercle-hide:before {
  content: "";
  right: inherit;
  right: 25px;
  position: absolute;
  content: "";
  border: 93px solid #ededed;
  height: 370px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 370px;
  bottom: 0;
}
.main-banner.serv-banner-sec .banner-section-top {
  overflow: visible !important;
}
.main-banner.serv-banner-sec
  .banner-section-top
  .banner-image-cercle
  .cercle-hide {
  z-index: -1;
  right: 0;
  top: -34rem;
  width: 60rem;
  height: 60rem;
  position: absolute;
  overflow: hidden;
}

.footer-sec-main.serv-footer-sec .banner-image-cercle-footer .cercle-hide {
  z-index: -1;
  right: inherit;
  left: -13rem;
  top: -20rem;
  width: 490px;
  height: 302px;
  position: absolute;
  overflow: hidden;
}
.home-page-sec .form-section {
  position: relative;
  max-width: 1170px;
  height: auto;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 10rem;
}

.home-page-sec .frm_left {
  width: 50%;
  padding-left: 9rem;
}
.home-page-sec .frm_right {
  width: 100%;
}
.home-page-sec .form-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.home-page-sec .form-input .fname,
.home-page-sec .form-input .lname {
  width: 49%;
}
.home-page-sec .form-input .email {
  width: 100%;
}
.home-page-sec .form-input .email input {
  width: 100%;
  height: 28px;
  padding: 7px;
  border: solid 1px #c9c9c9;
  outline: none;
}
.home-page-sec .form-input .fname input,
.home-page-sec .form-input .lname input {
  width: 100%;
  height: 28px;
  padding: 7px;
  border: solid 1px #c9c9c9;
  outline: none;
}
.home-page-sec .form-input .form-sbmit {
  width: 50px;
  height: 39px;
  border: 0;
  cursor: pointer;
  opacity: 0;
  position: relative;
  z-index: 1;
}
.home-page-sec .form-input .form-sbmit img {
  width: 100%;
}
.home-page-sec .form-input .wpcf7-spinner {
  position: absolute;
  right: -49px;
  top: 6px;
}
.teams-page-sec .team-sec {
  padding-bottom: 3rem;
}
.footer-sec-main.teams-footer-sec .banner-image-cercle-footer .cercle-hide {
  z-index: -1;
  right: inherit;
  left: -23rem;
  top: -29rem;
  width: 490px;
  height: 302px;
  position: absolute;
  overflow: hidden;
}

.footer-sec-main.teams-footer-sec
  .banner-image-cercle-footer
  .cercle-hide:before {
  content: "";
  position: absolute;
  border: 93px solid #ededed;
  height: 300px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 300px;
  right: 2px;
}

.prl-page-sec .lifecycle-section {
  margin-top: 25rem;
}
.main-banner.banner-right.contact-banner-sec .banner-image-cercle:before {
  right: inherit;
  left: 0;
  position: absolute;
  content: "";
  z-index: -1;
  border: 93px solid #ededed;
  height: 350px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 350px;
  bottom: -23rem;
}
.send-mgs {
  position: relative;
  width: 40px;
  height: 40px;
  left: 5px;
}
.send-mgs:before {
  content: "";
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: solid 2px #e55204;
  position: absolute;
  left: 0;
  top: 0;
}
.send-mgs:after {
  content: "\1F81A";
  position: absolute;
  top: 11px;
  left: 6px;
  font-size: 30px;
  color: #e55204;
}
.home-page-sec .frm_right .wpcf7-not-valid-tip {
  font-size: 1.2rem;
  position: absolute;
}
.home-page-sec .frm_left .head {
  font-weight: 600;
  font-size: 1.5rem;
  font-family: "Work Sans", sans-serif;
}
.contact-page-sec .wpcf7-not-valid-tip {
  position: absolute;
  top: 17px;
  font-size: 1rem;
}
.login-sec {
  position: relative;
  padding: 15px 0;
}
.login-drop {
  position: absolute;
  top: 54px;
  background: #98cc5e;
  right: -26px;
  width: 100px;
  padding: 4px 11px;
  box-shadow: 0 4px 32px 0 rgb(51 62 99 / 14%);
  animation: 0.25s show-menu ease-out forwards;
  display: none;
}
.login-drop .dropdown-menu-sec .list-sec {
  color: #fff;
  display: flex;
  justify-content: center;
}
.login-drop .dropdown-menu-sec .list-sec a {
  padding: 3px 0;
}
.login-sec:hover .login-drop {
  display: block;
}
.login-drop:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--white);
  border-width: 10px;
  margin-left: -10px;
}

/*footer Login dropdown*/
.footer-logos .dropdown-content {
  display: none;
  position: absolute;
  min-width: 90px;
  background-color: #ededed;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  right: 53px;
  top: -24px;
  padding: 10px;
}
.footer-logos .dropdown-content::before {
  content: "";
  border-top: 7px solid #ae1a1a00;
  border-bottom: 7px solid #a8212100;
  position: absolute;
  right: -10px;
  top: 25px;
  border-left: 10px solid #e55204;
}
.footer-logos .dropdown-content::after {
  content: "";
  width: 15px;
  position: absolute;
  right: -13px;
  top: 0;
  height: 100%;
}

.footer-logos .drop-down-sec {
  position: relative;
}
.footer-logos .drop-down-sec:hover .dropdown-content {
  display: block;
}
.dropdown-content a {
  display: block;
  color: #53585a;
}
.footer-logos .dropdown-content a:hover {
  text-decoration: underline;
}

/*Form button*/
.frm_btn {
  justify-content: center;
  display: flex;
}
.frm_btn .submit-btn {
  width: 50%;
  background: #8abf4b;
  border: 1px solid #8abf4b;
  color: #fff;
  letter-spacing: 2.34px;
  padding: 10px;
  margin-left: 95px;
}
.frm_head {
  font-size: 1.8rem;
  opacity: 0.8;
}
.frm_head h4 {
  text-align: center;
  margin: 20px;
  text-transform: uppercase;
  opacity: 0.8;
}
.home-page-sec section.main-banner.banner-right.hm-banner-sec .text {
  margin-bottom: 0.5rem;
}
.home-page-sec .main-banner .banner-content {
  padding-bottom: 6rem;
}
.home-page-sec .frm_btn .submit-btn {
  padding: 5px;
  font-family: "Source Serif Pro", serif;
  letter-spacing: normal;
  cursor: pointer;
}
.home-page-sec .wpcf7-not-valid-tip {
  color: #a4410d;
  font-size: 0.7em;
  position: absolute;
  top: 22px;
}
.home-page-sec .wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2rem;
  position: relative;
  top: -22px;
  text-align: center;
}
.home-page-sec .banner-content .wpcf7 {
  background: #ec875b;
  padding: 20px 20px 0px 20px;
  /*opacity: 0.8;*/
  height: 134px;
}
.contact-banner-sec .banner-content .wpcf7 {
  background: #ec875b;
  /*opacity: 0.8;*/
  padding: 20px;
  margin-bottom: 34px;
  height: 179px;
}
.cnt_address {
  padding-bottom: 20px;
  display: block;
}
.contact-page-sec .wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em;
  border: 1px solid #00a0d2;
  position: relative;
  top: -33px;
}

/* form page */

.main-banner .form-cnt {
  min-height: 100%;
}
.global-width .form-list-main {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.global-width .form-list-main .form-list-item {
  width: 24%;
  text-align: center;
  position: relative;
}
.form-list-main .form-list-item .form-icon-list {
  padding-bottom: 0rem;
  position: relative;
  width: 100%;
  text-align: center;
  height: 150px;
  align-items: center;
}
.form-list-main .form-list-item::before {
  position: absolute;
  content: "";
  width: 160px;
  height: 5px;
  border-radius: 10px;
  background-color: var(--green);
  top: 10rem;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%);
}
.form-list-main .form-list-item .form-icon-list .form-data-image {
  max-width: 100%;
  height: 44px;
}
.form-list-main .form-list-item .text {
  font-family: var(--text-font);
  font-size: 2.1rem;
  font-weight: 700;
  width: 100%;
  text-align: center;
  padding: 9rem 5rem;
  line-height: 1.4;
  opacity: 0.9;
}
.form-list-main .form-list-item .text a {
  color: var(--menu);
  font-family: var(--text-font);
  font-weight: 700;
  line-height: 1.4;
  opacity: 0.9;
}

.form-list-main .form-list-item .text a:hover {
  color: #000;
}
/*
.global-width .form-bot {
  padding-top: 3rem;
}*/
.main-banner .form-main-cont {
  width: 100% !important;
}
.global-width .banner-content .head {
  margin-top: 1rem;
}
.global-width .banner-content .head .form-header-sec {
  font-size: 5rem;
  padding-top: 1.5rem;
}
.main-banner .form-banner-sec {
  min-height: 317px !important;
}
.form-page-sec .main-banner.banner-right.form-banner-sec .banner-image-cercle {
  max-width: 1494px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
.form-page-sec
  .main-banner.banner-right.form-banner-sec
  .banner-image-cercle:before {
  content: "";
  right: inherit;
  left: 1rem;
  position: absolute;
  content: "";
  z-index: -1;
  border: 93px solid #ededed;
  height: 300px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 300px;
  bottom: -44rem;
}
/*.form-page-sec .main-banner.banner-right.form-banner-sec .banner-image-cercle::before {
  right: inherit;
  left: -4rem;
  position: absolute;
  content: "";
  z-index: -1;
  border: 93px solid #ededed;
  height: 350px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 350px;
  bottom: -44rem;
}*/
.main-banner.banner-right.form-banner-sec::before {
  display: none;
}

section.main-banner.banner-right.form-banner-sec .banner-image .image {
  object-position: 0 0;
}
.form-page-sec .footer-sec-main::before {
  display: none;
}

.form-page-sec .main-banner .banner-content .form-ban-sec {
  padding-top: 8rem;
}
@media screen and (min-width: 1200px) {
  section.main-banner.banner-right.contact-banner-sec
    .banner-content.banner-content-right {
    min-height: 296px !important;
  }
}

.Human-Resource-Services {
  margin-top: 10rem;
}