/* ==============================  Header Section  ==============================  */
header .menu-btn{margin-left: 50px; position: relative; z-index: 9;}
header .nav-link{cursor: pointer;}
header .home-logo{width: 55px; height: 55px;margin-top: -1px;margin-bottom: -3px;margin-left: -2px;margin-right: 47px; position: relative; z-index: 11;}
header .menu-banner{padding: 7px 8px;border-radius: 50px;background: #FFF;
  box-shadow: 0px 0px 0px 1px rgba(19, 19, 22, 0.05), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px -1px rgba(0, 0, 0, 0.10);}
header ul li.main-menu-link{padding: 0px 11px;}
header ul li.main-menu-link:hover a img{transform: rotate(180deg);}
header ul li.main-menu-link a img{transition: all 0.2s ease-in-out;}
header .main-menu-link{position: relative;}
header .main-menu-link .inner-manu{position: absolute;left: 4px;top: 40px;width: 246px;padding: 35px 15px 20px 15px;cursor: pointer;
box-shadow: 0px 0px 0px 0px rgba(19, 19, 22, 0.05), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px -1px rgba(0, 0, 0, 0.10);
  border-radius: 0 0 26px 25px;}
header .main-menu-link .inner-manu::before{content: "";position: absolute;top: 0;background: #fff;left: -1px;background: #fff;
  width: calc(100% - -2px);height: 20px;z-index: 1;pointer-events: none;}
header .main-menu-link{ padding-top: 15px;padding-bottom: 15px;}
header .main-menu-link .inner-manu ul li{padding: 5px 0px;}
header .menu-top-banner{position: relative; z-index: 999;}
header .main-menu-link .inner-manu ul li a {font-size: 16px; display: block;}
header .main-menu-link .inner-manu ul li:hover a{color: #00C257;}
.breadcrumb-menu ul li a,
.breadcrumb-menu ul li.active {color: #0C070F;font-family: 'Satoshi', sans-serif;font-size: 16px;font-style: normal;
  font-weight: 700;line-height: 16px;}
header .header-banner{display: flex;flex-wrap: inherit;align-items: center;}
.custom-navbar {padding-right: 202px;}
.breadcrumb-menu{padding-bottom: 40px;}
.breadcrumb-menu ul li a{color: rgba(12, 7, 15, 0.40);position: relative;padding-right: 35px;margin-right: 24px;}
.breadcrumb-menu ul li a::after{content: "";position: absolute;width: 12px;height: 10px;
  background-image: url(../images/icons/breadcrumb-arrow.svg);background-repeat: no-repeat;
  background-size: contain;background-position: center center;top: 6px;right: 0;}
/* ==============================  Hero Section  ============================== */
.hero{position: relative; margin-top: 46px; max-width: 1600px;    padding-bottom: 113px;margin: 0 auto;}
.hero::after{content: "";position: absolute;right: 0;bottom: 0;background-image: url(../images/results/demo.gif);
  width: 100%;height: 700px;background-repeat: no-repeat;background-size: contain;background-position: bottom right;opacity: .04;
  z-index: -11;}
.hero .hero-info p{max-width: 630px;}
.hero::before{position: absolute;content: "";background-image: url(../images/hero/hero.svg);height: 620px;top: 0;right: 115px;width: 100%;background-repeat: no-repeat;background-position: bottom right;background-size: contain;z-index: -1;}
.hero .hero-banner{padding-top: 70px;}
/* ==============================  Challenges Section  ============================== */
.challenges{padding: 90px 0px;}
.challenges p{font-size: 28px;}
/* ==============================  Technology Section  ============================== */
.technology{padding: 100px 0px;}
.technology .theme-head p{max-width: 1100px; margin: auto;}
/* ==============================  Services Section  ============================== */
.services{padding-bottom: 100px;}
.services .services-banner{padding: 58px 66px;}
.services .border-right{position: relative;}
.services .card-height{min-height: 571px;}
.services-link{font-weight: 700;font-size: 16px; bottom: 0;}
.services-link:hover a::after{background:#00C257 ;}
.services-link:hover a{color: #00C257;}
.services-link a{position: relative;  }
.services-link a::after{content: "";position: absolute;width: 100%;height: 1px;background: #0C070F;bottom: 0;left: 0;}
.services .border-right::before{content: "";position: absolute;width: 1px;height: 80%;top: 24px;right: 0px;
  background: rgba(34, 24, 39, 0.10);}
.services .services-card-banner p.theme-secondary-text.mb-0{max-width: 310px;}
.services .swiper-slide .services-link:hover  a{color: #00C257;}
.services .swiper-slide .services-link:hover a::after{background: #00C257;}
.services .swiper-control {position: absolute;top: 170px;right: 60px;z-index: 999999;}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none;}
.services .services-card-banner img{background: #fff;border-radius: 100px;}
.services .slider-box .slider-box-banner:last-child .border-right::before{display: none;}
/* ==============================  Process Section  ============================== */
.process{padding: 100px 0px;}
.process .process-box{min-height: 300px;}
.process .process-box p{font-size: 16px;}
.process .process-box {padding: 40px 30px 40px;}
.process .process-dot{top: 50%;left: 0;right: 0;transform: translateY(-50%);margin: 0 auto;}
/* ==============================  provide Section  ============================== */
.provide{padding-bottom: 100px;}
/* ==============================  Results Section  ============================== */
.results{margin: 100px 0px;}
.results .results-banner {padding: 145px 66px;}
.results .results-animation{top: 0;left: 0;width: 430px;height: 100%;}
/* ==============================  Growth Section  ============================== */
.growth{padding: 90px 0px;}
/* ==============================  Values Section  ============================== */
.values .border-a {border-right: 1px solid #0003;border-bottom: 1px solid #0003;}
.values .border-b{border-right: 1px solid #0003;border-bottom: 1px solid #0003;}
.values .border-c{border-bottom: 1px solid #0003; border-right:1px solid #0003 ;}
.values .border-d{border-bottom: 1px solid #0003;}
.values .border-e{border-right: 1px solid #0003;}
.values{ margin: 100px 0px;}
.values-banner{padding: 100px 18px;}
.values-inner .values-left{border-right: 1px solid #0003}
.values-inner .values-right h3,
.values-inner .values-left .bold-pera{font-weight: 700 !important;}
.values.home .border-c{border-bottom: 1px solid #0003; border-right:0px solid rgba(0, 0, 0, 0) ;}
.values.home h2{left: 0;right: 0;margin: 0 auto;text-align: center;transform: translateY(-50%);top: 50%;}
.values.home .border-d{ border-bottom:0px solid rgba(0, 0, 0, 0) ;border-right:1px solid #0003 ;}
.digitization .values-inner{margin-bottom: 0px !important;}
.values-inner .solu-new-logo{height: 64px;}
.values-inner .values-left{position: relative;}
.values-inner .values-left-border{position: absolute;top: 50%;padding-right: 25px;transform: translateY(-50%);}
/* ==============================  Expert Section  ============================== */
.growth.expert p{max-width: 795px; margin: auto;}
/* ==============================  Footer Section  ============================== */
footer{margin-top: 40px;padding: 50px 0 50px;}
.footer-banner ul{padding-left: 0;}
.footer-banner h4{padding-bottom: 14px;}
.footer-banner li{display: block;padding: 9px 0px;}
.footer-banner {display: flex;flex-wrap: wrap;border-bottom: 0px;}
.footer-resources .follow:hover{color: inherit;}
.footer-right ul li a:hover,
.footer-connect a:hover,
.footer-banner li a:hover{color: #00C257;opacity: 1;}
.footer-banner .footer-connect a {display: block;padding: 9px 0px;}
.footer-banner .footer-connect img{margin-right: 7px;}
.footer-banner .footer-socials ul li{display: inline-block; margin: 0px 10px;}
.footer-banner .n-foot-logo{margin-bottom: 41px;}
.footer-banner .footer-logo.info {width: calc(20% - -53px);}
.footer-banner .footer-connect a img{filter: saturate(0%) brightness(100%);transition: all 0.2s ease-in-out;}
.footer-banner .footer-connect a:hover img{filter:none;}
.footer-logo img{max-width: 193px;}
.footer-services.info {width: calc(24% - -35px);}
.footer-company.info {width: calc(15% - -25px);}
.footer-resources.info {width: calc(18% - 46px);}
footer .awards-banner {display: flex;flex-wrap: wrap;justify-content: center;justify-content: space-around;}
footer .awards-img {width: calc(50% - 15px);}
footer .footer-awards.info {text-align: center;width: calc(17% - 1px);}
footer .awards-img img{margin-bottom: 10px;}
footer .footer-bottom {border-top: none;display: flex;flex-wrap: wrap;justify-content: space-between;background: #fff;
  border-radius: 0px 0px 8px 8px;border-top: 0;margin-top: -10px;}
footer .footer-right ul li {padding: 0px 45px;}
h4.ag-body-text.follow {margin-top: 17px;margin-bottom: -10px;}
footer h4{font-weight: 700;}
.footer-bottom .footer-right ul li{display: inline-block;}
.footer-bottom .footer-right ul li a,
.footer-bottom .footer-left p{color: #0C070F;font-family: Satoshi;font-size: 12px;font-style: normal;font-weight: 300;
line-height: 26px;padding: 0; margin: 0;}
.footer-bottom .footer-right ul li a{padding: 0px 48px;}
.footer-bottom .footer-right ul li:last-child{padding-right: 0;}
.footer-bottom{border-radius: 8px;border: 1px solid #E4E4E7;background: linear-gradient(180deg, #FFF 0%, #F4F4F5 100%);
padding: 12px 0;margin-bottom: 32px;}
.testimonial .testimonial-info{font-weight: 700; line-height: 26px; font-size: 17px;}
.testimonial .theme-head{max-width: 1116px; margin: auto;}
.testimonial .theme-head h2{max-width: 500px;}
.testimonial{padding-bottom: 25px;}
.testimonial .swiper-slide .slider-box {margin: 0 20px 0;}
.testimonial .testimonial-banner{max-width: 1146px; padding-top: 132px;     top: -75px;}
.swiper-button-prev,
.swiper-button-next{position: absolute;top: 40px;}
.swiper-button-prev{right: 76px; left: auto;}
.swiper-button-prev,
.swiper-button-next{width: 52px; height: 54px;}
.swiper-button-prev::after{transform: rotate(180deg);}
.swiper-button-prev::after,
.swiper-button-next::after{
font-size: 0px;background-image: url(../images/testimonial/slider-arrows.svg);background-repeat: no-repeat;
background-size: contain;background-position: center center;width: 52px;height: 52px;}
.moon {
z-index: 1;background-color: #F4F7F2;height: 10em;width: 10em;border-radius: 50%;position: absolute;margin: auto;
left: 0;right: 0;top: 0;bottom: 0;}
.orbit {
width: 100px;height: 450px;width: 450px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
animation: spin 14s linear infinite;}
@keyframes spin {
  from {transform: translate(-50%, -50%) rotate(deg);}
  to {transform: translate(-50%, -50%) rotate(360deg);}
}
/* ================================= Inner Pages Css ================================= */
/* ====================== Inner Hero Section ====================== */
.inner-hero{max-width: 1600px;padding-bottom: 100px;margin: 0 auto;padding-top: 70px;}
.inner-hero::after {
  content: "";position: absolute;right: 0;bottom: 0;
  background-image: url(../images/results/demo.gif);width: 100%;height: 750px;background-repeat: no-repeat;
  background-size: contain;background-position: bottom right;opacity: .06;z-index: -11;}
main .challenges{padding: 58px 0px;}
.solutions .solutions-banner{padding: 58px 0px; margin-top: 100px;}
.solutions .solutions-list .col-md-6 .flex-wrap {min-height: 120px}
.decisions .row .inner-pera,
.solutions .row .inner-pera{font-size: 24px !important;}
.solutions .inner-pera{max-width: 1000px; margin: 0 auto;}
.decisions .decisions-banner{padding-top: 58px;}
.decisions .decisions-services{padding-bottom: 58px;}
.decisions .col-md-6 .mb-0.pb-2{line-height: normal;}
.services-info h3{font-size: 26px;}
.services-info{padding: 100px 0px;}
.services-info .theme-head{max-width: 1060px;}
.vision .vision-item::before{content: "";position: absolute;width: 80%;height: 1px;
  background: linear-gradient(90deg, #FFF 0%, #0E231C 100%);left: 0;bottom: 0;}
.vision{padding: 84px 0px;}
.vision.story{max-width: 1600px;  margin: 0 auto;overflow: hidden;padding: 160px 0}
.vision.story .vision-story-img img{    border-radius: 16px 0px 0px 16px;}
.vision-story-banner.vision-gis{position: relative;}
.vision-story-banner.vision-gis::before{
  content: "";position: absolute;
  background-image: url(../images/story/success-story-banner.webp);
  background-position: center center;background-repeat: no-repeat;background-size: cover;
  right: -140px;top: 50%;transform: translateY(-50%);width: 609px;height: 627px;border-radius: 16px 0px 0px 16px;}
.vision-story-banner.vision-saas{position: relative;}
.vision-story-banner.vision-saas::before{
  content: "";position: absolute;
  background-image: url(../images/story/success-story-banner-saas.webp);
  background-position: center center;background-repeat: no-repeat;background-size: cover;
  right: -140px;top: 50%;transform: translateY(-50%);width: 609px;height: 627px;
  border-radius: 16px 0px 0px 16px;}
.vision-story-banner.vision-digitization{position: relative;}
.vision-story-banner.vision-digitization::before{
  content: "";position: absolute;
  background-image: url(../images/story/success-story-banner-digitization.webp);
  background-position: center center;background-repeat: no-repeat;background-size: cover;
  right: -140px;top: 50%;transform: translateY(-50%);width: 609px;height: 627px;border-radius: 16px 0px 0px 16px;}
.decisions{margin: 100px 0px;}
.solutions{margin-bottom: 100px;}
.build{padding-bottom: 100px;}
.accordion-collapse {transition: height 0.4s ease, opacity 0.4s ease;}
.accordion-button:not(.collapsed) {
  color: #00183a;background-color: #daf4ed;
  box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
  filter: invert(41%) sepia(93%) saturate(633%) hue-rotate(112deg) brightness(92%) contrast(97%);}
.accordion-button{background: #0E231C;}
.accordion-item {border: none;}
.accordion-button:not(.collapsed){background-color: #0E231C;color: #fff;}
.accordion-body {padding-right: 0;padding-left: 0;background: #0E231C;color: #fff;
font-size: 16px;font-style: normal;font-weight: 500;line-height: 26px;letter-spacing: -0.16px;padding-bottom: 18px;}
.accordion-button:focus {border-color: #0E231C;box-shadow: 0 0 0 .25rem rgba(13, 109, 253, 0);}
.faq .faq-banner{max-width: 900px; margin:  auto;}
.faq h2{padding: 1rem 1.25rem; }
.faq .accordion-button{padding-bottom: 6px !important;padding-top: 16px !important;padding-left: 0;padding-right: 0;}
.faq .accordion-item{position: relative;background: #0E231C;padding-right: 40px;padding-bottom: 6px;border-radius: 0;}
.faq .accordion-item::before{content: "";position: absolute;width: 100%;height: 1px;background: #fff;bottom: 0;left: 0px;}
.faq {padding-top: 34px;padding-bottom: 60px;}
.accordion-header{position: relative;}
.accordion-header .icon-toggle {position: absolute;right: 0;top: 24px;right: -40px;font-size: 20px;}
.bi::before, [class*=" bi-"]::before,
[class^=bi-]::before {
  display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: 400 !important;
  font-variant: normal;text-transform: none;line-height: 1;vertical-align: -.125em;-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;color: #00C257;}
.page-not-found img{max-width: 500px;height: auto;margin: 0 auto;}
/* About Page */
.provide.about .grow-list p {min-height: 35px;}
.about-page .versatile-list p{line-height: 24px;}
.about-page .testimonial.about .swiper-wrapper{height: auto;}
.about-page .testimonial.about{margin-top: 100px; margin-bottom: -75px !important;}
.about-page .work-process .about-work .head{font-weight: 500;}
.about-page .provide.about{margin-top: 100px;}
.about-page .solutions.about .solutions-banner{margin-top: 0;}
.about-page .solutions.about .solutions-list .col-md-6 .flex-wrap {min-height: 150px;}
.about-page .provide.about .vision-list .new-pera-head{font-size: 20px;line-height: 32px; }
.about-page .vision.tab .mx-width {max-width: 994px;margin: auto;}
.about-page .banner-list li{padding-right: 29px;}
.about-page .banner-list li::before{content: "";position: absolute;width: 2px;height: 21px;background: #31C473;top: 4px;
  right: 9px;border-radius: 2px;}
.about-page .banner-list li:last-child:before{display: none;}
.about-page .our-story .about-work{max-width: 970px;margin: 0 auto;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #0C070F;background-color: #EDF9F2;font-weight: 700;font-size: 38px;line-height: 51.3px;letter-spacing: 0px;
border-radius: 10px 0px 0px 0px;padding: 15px 20px;}
.nav-pills .nav-link.active:hover{color: #0C070F !important;}
.nav-pills .nav-link{color: rgb(255 255 255 / 40%);font-weight: 700;font-size: 38px;line-height: 51.3px;letter-spacing: 0px;
border-radius: 10px 0px 0px 0px;padding: 15px 20px;text-align: left;}
.tab-content{color: #0C070F;background-color: #EDF9F2;padding: 20px 38px 44px;border-radius: 0px 10px 10px 10px;}
.tab .nav-link:hover {color: #fff !important;}
.about-page .solutions.about{margin-top: 100px;}
.about-page .tab-bottom-pera{max-width: 970px; margin: 0 auto; text-align: center;color: #fff; font-size: 18px;}
.solutions.about .solutions-banner .inner-sol-pera{font-size: 18px; font-weight: 700; line-height: 24px;}
.about-page .img-pera {padding-top: 26px;}
.about-page .vision.tab .about-work {max-width: 860px;margin: 0 auto;}
.d-flex.align-items-start {position: relative;}
.tab-content {position: absolute;top: 0;left: 215px !important;}
.vision.tab .nav.flex-column {width: 216px;}
.solutions.form{margin-bottom: 0px;}
.solutions.form .solutions-banner{margin-top: 0px;}
.solutions.form .solutions-banner {max-width: 932px;margin: auto;}
.solutions.form .theme-head,
.solutions.form .form-info{max-width: 562px;margin: auto;padding-left: 15px;padding-right: 15px;}
.solutions.form .form-control {transition: none;border: none;border-radius: 0px;padding: 5px 5px;border-bottom:1px solid #8D8D8D;background: #fff;font-weight: 400;font-size: 16px;height: 35px;}
.solutions.form label{font-weight: 500;}
.form-control:focus{box-shadow: none;}
.solutions.form .contact-info p{font-weight: 400;}
.solutions.form .contact-info a{font-weight: 400;}
.solutions.form .contact-info .mail{font-size: 18px;}
.solutions.form p.theme-form{font-weight: 400;}
.solutions.form .contact-banner{padding-top: 97px;}
.solutions.form .contact-info img{margin-right: 25px;}
.solutions.form .d-flex.contact-info p{padding-left: 8px;padding-right: 15px;}
.solutions.form .contact-info{padding-bottom: 49px;}
.solutions.form .contact-outer{padding-bottom: 130px;}
.solutions.form .bg-icon{right: -96px;bottom: -96px;}
.solutions.form .form-banner{box-shadow: 0px 0px 60px 30px rgba(0, 0, 0, 0.03);padding: 10px; border-radius: 10px;}
.solutions.form textarea {height: 45px;}
.solutions.form .form-right {padding: 50px 50px 50px;}
.solutions.form .contact-info a:hover{color: #00C257;}
.solutions.form .d-flex.contact-info img{filter: brightness(0) invert(1);}
.solutions.form .contact-info a img{  filter: brightness(0) invert(1);}
.solutions.form .contact-info a:hover img{filter: none;}
.solutions.form .theme-secondary-btn{border: none;}
.values.values-inner .values-banner {padding: 56px 18px;}
.error {color: #ff0000 !important;font-size: 14px;padding-top: 5px;display: inline-block;padding-left:2px}
.home.growth .theme-secondary-btn span,
.hero .theme-secondary-btn  span{padding-top: 6px;}
.solutions.form textarea:focus-visible,
input:focus-visible {outline-offset: 0px;border-top: transparent !important;border-right: transparent !important;
  border-left: transparent !important;}
.form-control:focus{box-shadow: none !important;}
.alert-success
 {color: #fff;background-color: #0e231c;border-color: #badbcc00;border-radius: 12px;margin-top: 10px;position: relative;}
.alert-success::before {content: "";position: absolute;background: url(../images/icons/careers-icon.svg);background-repeat: no-repeat;
  background-position: center center;background-size: cover;background-repeat: no-repeat;width: 340px;height: 60px;right: 0;bottom: 0px;}
/* ==================================== New Page Css ==================================== */
.new-page h1{text-shadow: none;font-weight: 800;}
.new-page .inner-hero .growth-pera{max-width: 590px;}
.new-page .form p{color: #FCF8FE;}
.new-page .solutions.form .form-control {border-bottom: 1px solid #fff;background: transparent;color: #fff;}
.new-page .solutions.form .form-label{color: #fff;}
.new-page .solutions.form .form-right .form-check-input{ cursor: pointer; }
.new-page .solutions.form .form-right .form-check p{font-size: 12px; cursor: pointer; position: relative;}
.new-page .solutions.form .form-right .form-check p span{padding-left: 16px;padding-left: 10px;
  top: -6px;opacity: .5;position: absolute;font-weight: 300;}
.new-page .form-check-input:checked {background-color: #00C257;border-color: #00C257;}
.new-page .solutions.form .form-right {padding: 0;}
.new-page .talk-sec .talk-inner,
.new-page .need-sec,
.new-page .solutions.form {padding: 84px 0px;}
.new-page .solutions.form .form-banner {box-shadow: none;padding: 0;border-radius: 0;}
.new-page .theme-need{font-size: 14px; margin-top: 17px;}
.new-page .talk-sec .growth-pera{width: 100%; max-width: none;}
.new-page .inner-hero{padding-top: 0px;}
.new-page .inner-hero::after{display: none;}
.new-page .solutions.form .solutions{margin-left: 0; margin-right: 0;}
.new-page .whats-aap {position: fixed;bottom: 90px;right: 20px;z-index: 99;}
.new-page .whats-aap img{width: 45px;height: 45px;}
.new-page .form-check-input:focus {border-color: transparent;box-shadow:none}
.new-page .wave-anomation{position: relative; display: inline-block;}
.new-page .wave-anomation .wave-circle
 {height: 50px;width: 50px;border-radius: 50%;background-color: #aa086c00;position: absolute;top: 2px;left: 10px;pointer-events: none;}
 .new-page .wave-anomation .wave-circle:before,
 .new-page .wave-anomation .wave-circle:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;
    border: 1px solid #00C257;border-radius: 50%;}
  .new-page .wave-anomation .wave-circle:before {animation: ripple 2s linear infinite;}
  .new-page .wave-anomation .wave-circle:after {animation: ripple 2s linear 1s infinite;}
  .new-page .wave-anomation a img{margin-right: 20px !important;}
@keyframes ripple {
    0% {transform: scale(1);}
    50% {transform: scale(1.3);opacity: 1;}
    100% {transform: scale(1.6);opacity: 0;}
}
/* ==================================== Stafee Page Css ==================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* Stafee text color */
.stafee-text-primary{color: #2D3958;}
.stafee-text-secondary{color: #7B88A8;}
.stafee-text-theme{color: #00C257;}
.stafee-text-dark{color: #151718;}
.stafee-text-light{color: #fff;}
/* Stafee BG color */
.stafee-bg-primary{background: #F2FCF6;}
.stafee-bg-secondary{background: #F2FAF4;}
.stafee-bg-lighr{background: #fff;}
.stafee-bg-dark{background: #0E231C;}
.stafee-bg-one{background: #EDF9F2;}
.stafee-bg-two{background: #F0F8FF;}
.stafee-bg-three{background: #F1EBFF;}
/* Stafee text size */
.stafee h1{font-size: 64px; font-weight: 600; line-height: 90px; text-shadow: none;  font-family: "Inter", sans-serif; font-style: normal;}
.stafee h2{font-size: 44px; font-weight: 600; line-height: 64px; font-family: "Inter", sans-serif; font-style: normal;}
.stafee h3{font-size: 28px; font-weight: 500; line-height: 44px; font-family: "Inter", sans-serif; font-style: normal;}
.stafee-pera{font-size: 18px; line-height: 28px; font-weight: 400; font-family: "Inter", sans-serif; font-style: normal;}
.stafee-pera-medium{font-size: 20px; line-height: 24px; font-weight: 600;font-family: "Inter", sans-serif; font-style: normal;}
.stafee-pera-large{font-size: 24px; line-height: 44px; font-weight: 500;font-family: "Inter", sans-serif; font-style: normal;}
.stafee-pera-small{font-size: 14px; line-height: 26px; font-weight: 400;font-family: "Inter", sans-serif; font-style: normal;}
.stafee-bold{font-weight: 500;}
.stafee-bold-large{font-weight: 700;}
.ims-pera{font-size: 22px; font-weight: 400; line-height: 36px;font-style: normal; font-family: "Poppins", sans-serif;}
/* Stafee theme radius */
.stafee-rdiusa{border-radius: 32px;border: 1px solid rgba(0, 0, 0, 0.20);}
.stafee-rdiusa-small{border-radius: 8px;border: 1px solid rgba(0, 0, 0, 0.20);}
.stafee-radius-medium{border-radius: 20px;}
/* Stafee top-padding */
.theme-top{padding-top: 100px;}
.stafee .theme-bottom{padding-bottom: 80px;}
.theme-top-margin{margin-top: 100px;}
.staffee-head-specing{padding-top: 34px;}
/* Stafee theme Buttons */
.sta-btn-secondary,
.sta-btn-primary{
border: 1px solid #00C257;
padding: 16px 34px;
display: inline-block;
font-size: 16px;
font-weight: 500;
font-style: normal;}
.sta-btn-primary{background: #00C257;color: #fff;}
.sta-btn-secondary{background: transparent;color: #00C257; margin-left: 2px;}
.sta-btn-primary:hover{background: #2D3958; color: #fff;border: 1px solid #2D3958;}
.sta-btn-secondary:hover{background:#00C257; color: #fff;}
/* =================== Hero Section =================== */
.stafee .stafee-hero{padding-top: 66px;}
/* .stafee .stafee-hero::after{content: "";position: absolute;width: 100%;height: 116px;top: -115px;left: 0;
  background: #F2FCF6;z-index: -1;} */
.stafee .stafee-hero p.hero-pera{max-width: 586px; margin: auto;}
/* =================== Hero banner =================== */
.stafee .hero-banner::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 455px;
  top: auto;
  left: 0;
  background: #F2FCF6;
  z-index: -1;
  bottom: 0;
}
.stafee .play-btn{width: 48px; height: 48px;}
/* =================== HR Section =================== */
.stafee .hr-box{width: 80px; height: 80px;text-align: center; line-height: 80px; border-radius: 11px;background: #FFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.23); display: inline-block;}
/* .stafee .hr-banner{padding-top: 25px;padding-left: 25px} */
/* .stafee .hr-banner::after{content: "";position: absolute;background-image: url(../images/staffee/hr/hr-bg.svg);
  top: 0;left: 0;width: 480px;height: 474px;background-position: center center;
  background-repeat: no-repeat;background-size: cover;z-index: -1;border-radius: 32px;} */
/* =================== Login Section =================== */
.stafee .login .login-head{padding: 40px; height: 100%;}
.stafee .login .system img{width: 182px; height: 254px;}
.stafee .roles-banner{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.stafee .system-banner{position: absolute;right: -10px;bottom: 0px;}
.stafee .employee-banner{position: absolute;right: -10px;bottom: 10px;}
.stafee .employee img{width: 108px;height: 159px;}
.stafee .leave-banner {position: absolute;right: -20px;top: 20px;}
.stafee .smooth-banner{position: absolute;right: -20px;top: 15px;}
.stafee .smooth img{width: 113px;height: 113px;}
/* =================== Team Section =================== */
.stafee .team-info {top: 50%;transform: translateY(-50%);position: absolute;left: 15px;right: 15px;text-align: center;}
.stafee .team-info p{max-width: 640px; margin: auto;}
.stafee .team-bg img{height: 280px;object-fit: cover;border-radius: 24px;}
/* =================== Customer Section =================== */
.stafee .customer .cust-head{padding: 40px;}
.stafee .customer .cust-image img{width: 63px; height: 63px; border-radius: 100px;}
.stafee .customer .cust-logo{width: 56px; height: 56px;}
.stafee .customer-flex{display: flex; flex-wrap: wrap; justify-content: space-between;}
/* =================== Benefits Section =================== */
.stafee .benefits ul li{list-style: disc;}
.stafee .benefits ul{padding-left: 26px;}
/* =================== Grow Section =================== */
.stafee .grow .grow-icon {width: 55px;height: 55px;text-align: center;line-height: 50px;border-radius: 11px;
  background: #FFF;box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.23);display: inline-block;}
.stafee .grow-list{padding-bottom: 42px;}
.stafee .grow-right{margin-top: -14px;}
/* =================== Surprise Section =================== */
.stafee .img-box {width: 40px;}
.stafee .faq-list p{padding: 17px 34px;}
.stafee .staffe-faq-banner{max-width: 900px; margin: auto;}
.stafee .started .started-list .started-icon {width: 51px;height: 51px;text-align: center;line-height: 50px;border-radius: 11px;
  background: #FFF;box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.23);display: inline-block;}
.stafee .started{padding: 68px 0px;}
.stafee .started-info{padding-left: 16px;}
/* ==================================== Estimation Page Css ==================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins: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');
.estimation h1, h2, h3, h4, h5, h6, p{ font-family: "Poppins", sans-serif; font-style: normal;}
.estimation h1{font-size: 48px; line-height: 60px;}
.estimation h2{font-size: 44px; line-height: 60px;}

.stafee.ims .sta-btn-secondary,
.stafee.ims .sta-btn-primary,
.estimation .sta-btn-secondary,
.estimation .sta-btn-primary{border-radius: 30px;padding: 11px 28px;}
.estimation .sta-btn-primary{box-shadow: 24px 30px 51px 0px rgba(0, 0, 0, 0.10);}
.estimation .stafee-hero {padding-bottom: 66px;}
.stafee.estimation .theme-text-primary{color:#7B88A8;}
.stafee.estimation .stafee-pera-medium {line-height: 28px;}
.stafee.estimation .hr-banner::after{content:none ;}
.stafee.estimation .hr-banner {padding: inherit;}
.quote-bg{
  background-image: url(../images/estimation/quote/quote-icon.svg);
  top: 50%;transform: translateY(-50%);left: 0;right: 0;background-position: center center;
  background-size: cover;width: 221px;height: 221px;margin: auto;z-index: -1;}
.stafee.estimation .one{border-radius: 32px 32px 60px 32px;}
.stafee.estimation .two{border-radius: 32px 32px 32px 60px;}
.stafee.estimation .three{border-radius: 32px 60px 32px 32px;}
.stafee.estimation .four{border-radius: 60px 32px 32px 32px;}
.stafee.estimation .theme-esti-rdius{border-radius: 32px;}
.stafee.estimation .esti-shadow{
  box-shadow: 1px 1px 57px 0px rgba(123, 136, 168, 0.08);}
.stafee.estimation .hr-box{width: 50px; height: 50px; background: #F2FCF6; border-radius: 8px; box-shadow: none;
  line-height: 50px; display: block;}
.stafee.estimation .faster .stafee-pera-medium{font-weight: 400;     max-width: 210px}
.stafee.estimation .faster .hr-box{width: 80px; height: 80px; line-height: 76px;}
.stafee.estimation .faster .list-pera {padding: 15px 10px 15px 140px;height: 56px;}
.stafee.estimation .esti-faq .faq-list p{line-height: 32px;}
/* ==================================== IMS Page Css ==================================== */
.ims-text-primary{color: #333;}
.stafee.ims .hr-box {width: 60px;height: 60px;line-height: 42px;border-radius: 8px;padding: 10px;}
.stafee.ims  .customer-flex{align-items: anchor-center;justify-content: normal;}
.ims-hero-pera{padding-right: 100px;}
.stafee.ims .ims-banner{position: relative; margin-bottom: 80px;}
.stafee.ims .ims-banner::before{
  content: "";
  position: absolute;
  width: 54%;
  height: calc(100% - -120px);
  left: 0;
  top: -116px;
  background: #F2F2F2;
  z-index: -1;
  border-radius: 0px 0px 190px 0px;

}
.ims-action a{background:#00C257 ; color: #fff;}
.ims-action a:hover{
  background: #00C257;
}
.why-choose .hr-box img{height: 100%;}