/* ===================== Media For Fonts  ===================== */
@media (max-width: 1600px) {
h1 span,
h1{font-size: 50px;line-height: 70px;}
h2 span,
h2{font-size: 40px;}
.large-pera {font-size: 26px;line-height: 40px;}
.new-pera-head {font-size: 22px;line-height: 30px;}
.i-pera{font-size: 18px; }
.bold-span {font-size: 26px;}
.form-pera{font-size: 26px;}
}
@media (max-width: 1440px){
  .form-pera{font-size: 24px;}
}
@media (max-width: 1399px){
h3{font-size: 30px;}
.form-pera{font-size: 20px;}
}
@media (max-width: 1399px) {
h1 span,
h1{font-size: 44px;line-height: 60px;}
h2 span,
h2{font-size: 36px;}
.large-pera {font-size: 24px;line-height: 36px;}
.inner-pera {font-size: 22px;}
.build-pera {font-size: 22px;line-height: 32px;}
.new-pera-head {font-size: 20px; line-height: 26px;}
.i-pera{font-size: 16px; }
.bold-span {font-size: 22px;}
}
@media (max-width: 768px){
h1 span,
h1 {font-size: 38px;line-height: 50px;}
h2 span,
h2{font-size: 36px;}
.large-pera {font-size: 22px;}
.inner-pera {font-size: 20px;}
.build-pera {font-size: 20px; line-height: 30px;}
/* ========== Inner pages ========== */
main h1 span,
main h1 {font-size: 36px;}
main h2 span,
main h2 {font-size: 34px;}
.form-pera {font-size: 18px;}
}
@media (max-width: 575px){
.inner-pera {font-size: 18px;}
.build-pera {font-size: 18px;}
}
/* ===================== Media For Fonts  ===================== */
@media (min-width: 300px){
.swiper-button-prev.active:after,
.swiper-button-next.active:after{width: 45px;height: 45px;transition: all 0.0s ease-in-out;}
.swiper-button-prev.active,
.swiper-button-next.active {width: 62px;height: 54px;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.02)) drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.03)) drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0px 40px 32px rgba(0, 0, 0, 0.05)) drop-shadow(0px 80px 60px rgba(0, 0, 0, 0.06)) drop-shadow(0px 120px 100px rgba(0, 0, 0, 0.07));}
 .swiper-button-prev.active{right: 63px;}
 .swiper-button-prev{right: 73px;}
}
@media (min-width: 768px){
.swiper-button-prev.active:after,
.swiper-button-next.active:after {width: 64px;height: 60px;}
.swiper-button-prev.active{right: 77px;}
.swiper-button-prev{right: 86px;}
}
@media (min-width: 992px){
header .main-menu-link:hover .inner-manu{visibility: visible; }
header .inner-manu {visibility: hidden;background: #f5fcf9f2;}
header .menu-banner .container {padding-left: 0;padding-right: 0;}
}
@media (min-width: 1600px){
.challenges.home .home-challenges p {line-height: normal;}}
@media (max-width: 1600px) {
.challenges p{font-size: 24px;}
.challenges {padding: 60px 0px;}
.services .services-banner {padding: 48px 56px;}
.moon {height: 8em;width: 8em;}
.orbit {height: 390px;width: 390px;}
.vision.story {padding: 200px 0;}
.tab-content {padding: 20px 28px 34px;}
.about-page .img-pera {padding-top: 15px;}
.nav-pills .nav-link.active,
.nav-pills .nav-link {font-size: 30px;}
.nav-pills .nav-link,
.nav-pills .nav-link.active{padding: 10px 15px;}
.about-page .work-process .about-work .about-work-last-pera{max-width: 862px;margin: auto;}
.solutions.form .contact-banner {padding-top: 77px;}
.solutions.form .contact-info {padding-bottom: 39px;}
}
@media (max-width: 1500px){
.hero::before {height: 505px;top: 60px;right: 55px;}
.inner-hero,
.hero {padding-bottom: 72px;}
}
@media (max-width: 1440px){
.inner-hero,
.hero .hero-banner {padding-top: 40px;}
.inner-hero {padding-top: 20px;}
.hero {margin-top: 20px;}
.services .card-height img{max-width: 100px;}
.services .card-height {min-height: 455px;}
.services p{font-size: 16px;}
.values-banner {padding: 40px 30px;}
.testimonial .theme-head {max-width: 1076px;}
.process .process-box {min-height: 278px;}
.process .process-box {padding: 30px 30px 30px;}
.hero::before {height: 474px;}
.challenges p{font-size: 22px;}
.nav-pills .nav-link.active,
.nav-pills .nav-link {font-size: 26px; line-height: 46px;}
.nav-pills .nav-link,
.nav-pills .nav-link.active {padding: 5px 15px;}
.tab-content {padding: 14px 28px 28px;}
.tab-content img{max-width: 30px;}
.solutions.form .contact-outer {padding-bottom: 100px;}
.solutions.form .contact-banner {padding-top: 57px;}
.solutions.form .bg-icon {right: -60px;bottom: -80px;}
.solutions.form .contact-info {padding-bottom: 30px;}
.bg-icon.position-absolute img {width: 240px;height: 240px;}
.solutions.form .contact-info a{font-size: 14px;}
.solutions.form .d-flex.contact-info p {font-size: 14px;}
.solutions.form p.theme-form {font-size: 14px;}
}
@media (max-width: 1399px){
.technology {padding: 100px 0px;}
.services .services-banner {padding: 48px 3px;}
.results .results-banner {padding: 100px 48px;}
.footer-bottom .footer-right ul li a {padding: 0px 28px;}
.services-info h3 {font-size: 25px;}
.hero::before {height: 445px;}
.process .process-box {min-height: 298px;}
.custom-navbar {padding-right: 65px;}
.challenges p{font-size: 20px;}
.services .border-right::before {right: -10px;}
}
@media (max-width: 1366px){}
@media (max-width: 1200px){
.footer-banner .footer-logo.info {width: calc(20% - -43px);}
header .home-logo {margin-right: 15px;}
.hero::before {right: 5px;}
.orbit {height: 340px;width: 340px;}
.moon {height: 6em;width: 6em;}
.results .results-banner {padding: 100px 0px 100px 0px;}
.results .results-banner {padding: 48px 0px;}
.breadcrumb-menu {padding-bottom: 30px;}
.custom-navbar {padding-right: initial;}
.solutions .solutions-list .col-md-6 .flex-wrap {min-height: 150px;}
.nav-pills .nav-link.active, .nav-pills .nav-link {font-size: 22px;line-height: 40px;}
.vision.tab .nav.flex-column {width: 165px;}
.tab-content {left: 164px !important;}
}
@media (max-width: 1199px){
.results .results-animation {width: 400px;}
.values-inner .values-left{position: initial;}
.values-inner .values-left-border{position: inherit;transform: inherit; padding-right: 0px;}
.values-inner .values-left {border-right: 0px solid rgba(0, 0, 0, 0);}
.vision.story {padding: 140px 0;}
.vision-story-banner.vision-digitization::before,
.vision-story-banner.vision-saas::before
.vision-story-banner.vision-gis::before {width: 549px;height: 587px;}
.about-page .solutions.about .solutions-list .col-md-6 .flex-wrap {min-height: 180px;}
.process .process-box {min-height: 244px;}
}
@media (max-width: 1024px){
.services .swiper-control {right: 20px;}
.breadcrumb-menu {padding-bottom: 20px;}
.services .border-right::before {right: 0px;}
}
@media (max-width: 992px){
.about-page .solutions.about{margin-top: 80px;}
.solutions .solutions-banner {margin-top: 80px;}
.about-page .testimonial.about {margin-top: 80px; }
.about-page .provide.about{margin-top: 80px;}
.growth {padding: 80px 0px;}
.provide {padding-bottom: 80px;}
.solutions {margin-bottom: 80px;}
.values{margin-bottom: 80px; margin-top: 80px;}
.results {margin: 80px 0px;}
.decisions {margin: 80px 0px;}
.services-info,
.process,
.technology {padding: 80px 0px;}
.challenges {margin-top: 80px;}
.build{padding-bottom: 80px;}
.services {padding-bottom: 80px;}
.services .border-right::before {right: 14px;}
.results .results-banner {padding: 48px 48px;}
.values .border-d{border-right: 0px solid #0003;}
.values .border-b {border-right: 0px solid #0003;}
.values .border-c {border-right: 1px solid #0003;}
.values .border-d {border-bottom: 1px solid #0003;}
.footer-banner .footer-logo.info {width: calc(40% - -0px);}
.footer-services.info {width: calc(40% - -0px);}
.footer-company.info {width: calc(20% - -0px);}
.footer-resources.info {width: calc(50% - 0px);margin-top: 20px;}
footer .footer-awards.info {text-align: center;width: calc(50% - 0px);margin-top: 20px;}
.footer-bottom .footer-right ul li a {padding: 0px 18px;}
header .menu-btn {margin: 15px 0px 0px;}
header .home-logo {display: none;}
header .main-menu-link .inner-manu {margin-top: 0px;margin-bottom: 10px;width: 100%;padding: 15px 15px 20px 15px;position: initial;border-radius: 0 0 10px 10px; }
header .main-menu-link .inner-manu ul li:hover a{color: #00C257;}
header .main-menu-link .inner-manu::before{display: none;}
.navbar-toggler:focus {box-shadow: none;}
:focus-visible {outline: -webkit-focus-ring-color auto 0px;}
.hero::before{display: none;}
.inner-hero,
.hero {padding-bottom: 0px;}
.inner-hero::after,
.hero::after{display: none;}
.results .results-animation{height: 400px;width: 80%;margin: 0 auto;left: 0;right: 0;}
.hero .hero-banner {padding-top: 0px;}
.services .swiper-control {top: 210px;}
.results .col-md-5{width: 40%;}
.results .col-md-7{width: 60%;}
.results .results-banner {padding: 20px 10px;}
.moon {height: 4em;width: 4em;}
.gis-page .solutions .solutions-list .col-md-6 .flex-wrap,
.saas-page .solutions .solutions-list .col-md-6 .flex-wrap {min-height: 182px;}
.solutions .solutions-list .col-md-6 .flex-wrap {min-height: 182px;}
.services-info .services-list .cloud-tab{background: #EDF9F2 !important;}
.services-info .services-list .seamless-tab{background: #F1EBFF !important;}
.challenges p {line-height: 30px;}
.values-inner .values-left-border {transform: initial;}
.values-inner .values-left {border-right: none}
.vision.story .vision-story-img,
.vision.story{position: inherit;}
.vision.story .vision-story-img {transform: inherit;}
.vision.story .vision-story-img img{width: 100%;border-radius: 16px 16px 16px 16px;height: auto;}
.vision.story .vision-story-banner {padding-bottom: 60px;padding-top: 60px;}
.vision.story {padding-bottom: 0px;}
.faq .accordion-button {line-height: 28px;}
.vision-story-banner.vision-digitization::before,
.vision-story-banner.vision-saas::before,
.vision-story-banner.vision-gis::before {display: none;}.vision.story {padding: 0px 0;}
.values.home .border-d {border-right: 0px solid #0003;}
.values.home .border-c {border-right: 1px solid #0003;;}
.values.home .border-d {border-bottom: 1px solid #0003;}
.services .services-card-banner p.theme-secondary-text.mb-0 {max-width: inherit;}
.services .card-height {min-height: 405px;}
.services-link {left: 8px;right: 0;margin: 0 auto;}
.services .border-right::before{display: none;}
.about-page .testimonial.about {margin-bottom: -95px !important;}
.about-page .solutions.about .solutions-list .col-md-6 .flex-wrap {min-height: 230px;}
.nav-pills .nav-link.active, .nav-pills .nav-link {font-size: 20px;line-height: 34px;}
.vision.tab .nav.flex-column {width: 100px;}
.tab-content {left: 99px !important;}
header .navbar-toggler{padding-right: 0;}
header .navbar-toggler-icon {height: auto;}
.process .process-box {min-height: 272px;}
/* Mobile Menu */
header .menu-top-banner {border-radius: 0px;padding: 25px 10px 15px;margin-top: 0px;width: 100%;height: 100%;position: fixed;
  left: -100%;right: 0;top: 0;background: #fff;transition: all 0.5s cubic-bezier(0.0, 0, 0.3, .5);opacity: .9;}
header .container{position: relative;}
.menu_click {clear: both;display: block;position: absolute;top: 19px;float: right;right: 12px;height: 21px;width: 25px;
  cursor: pointer;transition: opacity .25s;z-index: 9999999;}
.menu_click span {border-radius: 0px;background: #0C070F;display: block !important;border: none;height: 3px;width: 25px;
  position: absolute;top: 0;left: 0;-webkit-transition: .35s;transition: .35s;cursor: pointer;}
.menu_click span.middle {top: 8px;}
.menu_click span.bottom {top: 16px;}
body.mobile-menu .menu-top-banner {left: 0%;opacity: 1;}
body.mobile-menu{position: fixed;top: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;background: #fff;}
header .menu-banner {padding: 40px 0px 0px;border-radius: 0px;;box-shadow: none;background: transparent;}
header ul li.main-menu-link{padding: 0;}
header .navbar-nav .nav-link {padding: 15px 0px 15px;}
body.mobile-menu .menu_click .middle {opacity: 0;}
body.mobile-menu .menu_click .top {top: 50%;transform: translateY(-50%) rotate(45deg);-webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);}
body.mobile-menu .menu_click .bottom {top: 50%;transform: translateY(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) rotate(-45deg);-moz-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);}
header ul li.main-menu-link:hover a img {transform: none;}
header ul li.main-menu-link.active a img{transform: rotate(180deg) !important;}
header .main-menu-link .inner-manu ul li a {font-size: 14px;}
header ul li.main-menu-link a img {position: absolute;top: 21px;left: 67px;}
.solutions.form .form-right {padding: 50px 0px 50px;}
}
 @media (max-width: 768px) {
.breack-line {max-width: 100%;}
.results .results-banner {padding: 50px 48px;}
.footer-banner .footer-logo.info {width: calc(100% - -0px);margin-bottom: 20px;}
.footer-services.info { width: calc(65% - -0px);}
.footer-company.info { width: calc(30% - -0px);}
.footer-banner h4 {padding-bottom: 0px; }
.testimonial .slider-admin img{width: 100%;}
.testimonial .testimonial-banner {padding-bottom: 48px;}
.growth {margin-top: -66px;}
.growth.expert{margin-top: 0px;}
.swiper-scrollbar {width: calc(100% - 100px) !important;top: auto !important;bottom: 41px !important;background: #000;
  background: #000;height: 8px !important;padding: 1px;}
.swiper-control {display: flex;flex-wrap: wrap;align-items: center;}
.testimonial .swiper-slide .slider-box {margin: 0 0px 0;}
.swiper-scrollbar-drag {background: #00C257 !important;width: 34px !important;}
.services .card-height {min-height: auto;}
.services .border-right {position: initial;}
.services-link {margin-top: 10px;position: initial !important;}
.services .services-banner{position: relative;}
.services .swiper-scrollbar{width: calc(100% - 15px) !important;}
.services .swiper-wrapper{padding-bottom: 50px;}
.results .results-animation {top: 0;left: 0;width: 340px;height: 100%;}
.moon {height: 4em;width: 4em;}
.orbit {height: 250px;width: 250px;}
.results .results-animation {height: 210px;margin-bottom: 1px;}
.results {margin: 58px 0px;}
.results .results-banner {padding: 48px 12px;margin: 0 12px;justify-content: center;}
.results .results-animation {height: 210px;margin-bottom: 1px;margin-top: 6px;}
.results .col-md-7 {width: 46%;}
.results .large-pera {font-size: 18px;line-height: 30px;}
.values {margin-bottom: 58px;margin-top: 58px;}
.breadcrumb-menu ul li a, .breadcrumb-menu ul li.active {font-size: 14px;}
.breadcrumb-menu ul li a::after {width: 10px;height: 8px;}
.breadcrumb-menu ul li a {padding-right: 26px;margin-right: 15px;}
.vision h3{margin-bottom: 0;}
.solutions.form .solutions-banner {padding: 30px 0px;}
.process .process-box {min-height: 236px;}
 }
@media (max-width: 767px){
.services .services-card-banner p.theme-secondary-text.mb-0 {max-width: 100%; }
.swiper-button-next.swiper-button-disabled{opacity: .35;}
.services .border-right::before {display: none;}
.results {text-align: center;}
.results .col-md-5 {width: 100%;}
.results .col-md-7 {width: 100%;}
.values .border-a,
.values .border-b,
.values .border-c,
.values .border-d,
.values .border-e{border: none;}
.values h2 {width: auto;position: initial !important;}
.swiper-button-next {top: auto;bottom: 19px;}
.services .mob-none{top: auto;bottom: 19px;}
.services .swiper-control {display: flex;flex-wrap: wrap;align-items: center;left: 0;right: 0;margin: 0 auto;}
.services .swiper-scrollbar {width: calc(100% - 100px) !important;top: auto !important;bottom: 41px !important;
  background: #000;background: #000;height: 8px !important;padding: 1px;}
.services .swiper-control {position: absolute;bottom: 0;z-index: 1;width: 100%; top: auto;}
.services .services-banner {padding-bottom: 40px;}
.values h2{transform: initial; height: auto;}
.values .values-banner .col-md-6{border-bottom: 1px solid #0003;}
.services .swiper-control {bottom: auto;top: 350px;}
.services .swiper-wrapper {padding-bottom: 0px;}
.testimonial .swiper-button-next {top: 38px;bottom: auto;}
.testimonial .testimonial-banner {padding-top: 180px;}
.testimonial .swiper-button-prev,
.testimonial .swiper-button-next {top: 120px !important;}
.values.home .border-c {border-right: 0px solid #0003;}
.values.home h2 {transform: initial;}
.gis-page .solutions .solutions-list .col-md-6 .flex-wrap,
.saas-page .solutions .solutions-list .col-md-6 .flex-wrap {min-height: auto;}
.solutions .solutions-list .col-md-6 .flex-wrap {min-height: auto;}
/* About Page */
.about-page .leadership{background: #F1EBFF !important;}
 .about-page .learning{background: #EDF9F2 !important;}
 .provide.about .grow-list p {min-height: auto;}
.about-page .testimonial.about {margin-top: 58px; margin-bottom: -195px !important;}
.about-page .inner-hero h3.bold-pera{line-height: 30px}
.about-page .solutions.about .solutions-list .col-md-6 .flex-wrap {min-height: auto;}
.about-page .large-pera {font-size: 20px;line-height: 30px;}
.tab-content {padding: 10px 15px 15px;}
.process .process-box {min-height: auto;}
}
@media (max-width: 575px) {
.about-page .solutions.about{margin-top: 58px;}
.about-page .provide.about{margin-top: 58px;}
.solutions .solutions-banner {margin-top: 58px;}
.hero::before{top: 68px;height: 160px;}
.decisions {margin: 58px 0px; margin-left: 12px; margin-right: 12px;}
.results {margin: 58px 0px;}
.provide {padding-bottom: 58px;}
.vision {padding: 58px 0px;}
.decisions .decisions-banner {padding-top: 48px;}
.solutions {margin-bottom: 58px;}
.growth {padding: 58px 0px; }
.services-info,
.process,
.technology {padding: 58px 0px;}
.challenges {padding: 48px 0px;margin-top: 58px;}
.services {padding-bottom: 58px;margin: 0 12px;}
.solutions{margin-left: 12px; margin-right: 12px;}
.values{margin: 58px 12px;}
.solutions .solutions-banner {padding: 48px 0px;}
.build {padding-bottom: 58px;}
.results .results-banner {padding: 48px 12px;margin: 0 12px;}
.values-banner {padding: 58px 12px;}
.footer-bottom .footer-right ul li a {padding: 0px 8px;}
.results .results-animation {width: 100%;}
.growth {margin-top: -88px;}
.services .swiper-control {top: 390px;}
.about-page .vision.tab .tab-content .theme-secondary-text.mb-0.pb-0{font-size: 16px;line-height: 22px;}
.theme-light-btn,
.theme-primary-btn,
.theme-secondary-btn {font-size: 14px;padding: 6px 16px 6px 8px !important;}
.theme-secondary-btn span {width: 34px;height: 34px;line-height: 20px;}
}
@media (max-width: 450px){
.tab-content img {max-width: 18px;}
.vision.tab .tab-content .build-pera {font-size: 16px;}
.about-page .vision.tab .img-pera {padding-top: 5px;}
.tab-content {padding: 8px 15px 15px;}
}
@media (max-width: 420px){
.footer-services.info {width: calc(63% - -0px);padding-right: 61px;}
.footer-company.info {width: calc(37% - -0px);}
}
@media (max-width: 415px){
.services .swiper-control {top: 390px;}
}
@media (max-width: 330px){
.solutions.form .contact-info img {margin-right: 20px;}
}
@media (max-width: 320px){
.services .swiper-control {top: 450px;}
.about-page .banner-list li {padding-right: 23px;}
}
@media (max-width: 992px) {
.inner-manu {display: none;}
}
/* ==================================== New Page Css ==================================== */
@media (min-width: 1601px) {
.new-page h1{font-size: 68px;}
}
@media (max-width: 1601px){
.new-page .inner-hero .growth-pera {max-width: 560px;}
}
@media (max-width: 992px){
.new-page .inner-hero {padding-bottom: 50px;}
.new-page .solutions.form .contact-outer {
padding-bottom: 70px;}
.theme-light-btn{border: 1px solid #DBDADA;}
}
@media (max-width: 575px){
.new-page .talk-sec .talk-inner,.new-page .need-sec,.new-page .solutions.form {padding: 48px 0px;}
.new-page .solutions .col-lg-6{margin-top: 0 !important;}
.new-page .solutions{margin-left: 0; margin-right: 0;}
.new-page .inner-hero .hero-btn a{font-size: 12px;}
.new-page .inner-hero .theme-secondary-btn span {width: 28px;height: 28px;line-height: 16px;}
.new-page .inner-hero .hero-btn .whatsapp-button img{width: 28px; height: 28px;}
.new-page .inner-hero .theme-secondary-btn span img {width: 9px;height: 9px;}
.wave-anomation .wave-circle {top: 0px;left: 1px;}
}
/* ==================================== Staffee Page Css ==================================== */
@media (max-width: 1601px){
.stafee h1{font-size: 54px;line-height: 80px;}
.stafee h2{font-size: 40px;}
.stafee h3 {font-size: 26px; line-height: 40px;}
.stafee-pera-large{font-size: 22px;line-height: 40px;}
.stafee-pera {font-size: 16px;}
.staffee-head-specing {padding-top: 25px;}
.sta-btn-secondary, .sta-btn-primary {padding: 12px 30px;}
.stafee .stafee-hero {padding-top: 56px;}
.stafee .theme-top-margin{margin-top: 90px;}
.stafee .theme-bottom{padding-bottom: 90px;}
.stafee .theme-top {padding-top: 90px;}
.stafee-pera-medium{font-size: 18px;}
.stafee .customer .cust-head,
.stafee .login .login-head {padding: 30px;}
.stafee .login .system img {width: 152px;height: 224px;}
.stafee .employee img {width: 100px;height: 122px;}
.stafee .leave img {width: 108px;height: 149px;}
.stafee .smooth img {width: 93px;height: 93px;}
.stafee .cust-image img{width: 53px; height: 53px;}
.stafee .customer .cust-image img{width: 53px; height: 53px; border-radius: 100px;}
.stafee .customer .cust-logo{width: 46px; height: 46px;}
.stafee .grow-list {padding-bottom: 32px;}
}
@media (max-width: 1440px){
.stafee h1{font-size: 48px;line-height: 70px;}
.stafee h2{font-size: 36px; line-height: 56px;}
.stafee .theme-top-margin{margin-top: 80px;}
.stafee .theme-bottom{padding-bottom: 80px;}
.stafee .theme-top {padding-top: 80px;}
.stafee .grow-list {padding-bottom: 26px;}
}
@media (max-width: 1400px){
.stafee h1{font-size: 44px;line-height: 60px;}
.stafee h2{font-size: 32px; line-height: 50px;}
.stafee h3 {font-size: 24px;line-height: 40px;}
.stafee-pera-large{font-size: 20px; line-height: 35px;}
.staffee-head-specing {padding-top: 20px;}
.sta-btn-secondary, .sta-btn-primary {padding: 8px 24px;}
.stafee .stafee-hero {padding-top: 50px;}
.stafee .theme-top-margin{margin-top: 70px;}
.stafee .theme-bottom{padding-bottom: 70px;}
.stafee .theme-top {padding-top: 70px;}
.stafee .customer .cust-head,
.stafee .login .login-head {padding: 25px;}
.stafee .login .system img {width: 132px;height: 204px;}
.stafee .leave img {width: 78px;height: 129px;}
.stafee .smooth img {width: 83px;height: 83px;}
.stafee .benefits ul {padding-left: 22px;}
.stafee .grow-list {padding-bottom: 26px;}
.stafee .started {
  padding: 48px 0px;
}
}
@media (max-width: 1200px){
.stafee h1{font-size: 40px;line-height: 50px;}
.stafee h3{line-height: 35px;}

.stafee .stafee-pera {font-size: 16px;line-height: 24px;}
.stafee .employee-banner {right: 0px;}
.stafee-pera-large{font-size: 18px; line-height: 30px;}
.stafee .cust-image {width: 100%;}
.stafee .cust-star {width: 100%;}
}
@media (max-width: 992px){
.stafee h1{font-size: 36px;line-height: 40px;}
.stafee h2{font-size: 30px; line-height: 50px;}
.staffee-head-specing {padding-top: 10px;}
.stafee .customer .cust-head,
.stafee .login .login-head{padding: 15px;}
.sta-btn-secondary, .sta-btn-primary {padding: 8px 20px;}
.stafee .hero-banner::after {height: 312px;}
.stafee .stafee-hero {padding-top: 40px;}
.stafee .login .system img {width: 69px;height: 92px;}
.stafee .system-banner {right: 10px;bottom: 5px;}
.stafee .employee img {width: 78px;height: 109px;}
.stafee .employee-banner {right: 10px;}
.stafee .leave-banner {right: 12px;top: 10px;}
.stafee .smooth-banner {right: 10px;}
.stafee-rdiusa {border-radius: 10px;}
.stafee .grow-right {margin-top: 0px; }
}
@media (max-width: 768px){
.stafee h1{font-size: 32px;}
.stafee h2{font-size: 28px; line-height: 45px;}
.stafee-pera-large{font-size: 16px;}
.sta-btn-secondary, .sta-btn-primary {padding: 8px 19px; font-size: 14px;}
.stafee .hero-banner::after {height: 249px;}
.stafee .stafee-hero {padding-top: 30px;}
.stafee .hr-banner::after {width: 100%;height: 100%;}
.stafee .hr-banner {padding: 15px;}
.stafee .theme-top-margin{margin-top: 60px;}
.stafee .theme-bottom{padding-bottom: 60px;}
.stafee .theme-top {padding-top: 60px;}
.stafee .play-btn {width: 38px;height: 38px;}
.stafee-pera-medium{font-size: 16px;}
.stafee .benefits ul {padding-left: 17px;}
.stafee .started {padding: 38px 0px;}
.stafee .grow .grow-icon,
.stafee .started .started-list .started-icon {width: 40px;height: 40px;line-height: 28px;padding: 5px;}
.stafee .grow .grow-icon{line-height: 25px;}
.stafee .faq-list p{padding: 8px 10px; line-height: 25px;}
}
@media (max-width: 575px){
.stafee h1{font-size: 28px;}
.stafee h2{font-size: 24px;line-height: 35px;}
.stafee .stafee-hero {padding-top: 20px;}
}
@media (max-width: 426px){
.stafee .hero-banner::after {height: 210px;}
.stafee .stafee-hero {padding-top: 10px;}
}
/* ==================================== Estimation Page Css ==================================== */
@media (max-width: 1400px){
  .stafee.ims .sta-btn-secondary,
.stafee.ims .sta-btn-primary,
.estimation .sta-btn-secondary, .estimation .sta-btn-primary {padding: 8px 18px;}
.stafee.estimation .faster .hr-box {width: 60px;height: 60px;line-height: 38px;padding: 10px;}
}
@media (max-width: 1200px){
.stafee.estimation .stafee-pera-medium {font-size: 16px; line-height: 24px;}
.stafee.estimation h3 {font-size: 22px;}
.stafee.estimation .faster .list-pera {padding: 15px 10px 15px 10px;}
.stafee.estimation .esti-faq .faq-list p {line-height: 25px;}
}
@media (max-width: 768px){
  .stafee.ims .sta-btn-secondary,
.stafee.ims .sta-btn-primary,
.estimation .sta-btn-secondary,
.estimation .sta-btn-primary {padding: 8px 18px; font-size: 14px;}
.estimation .esti-banner img {width: 100%;}
.stafee.estimation h3 {font-size: 20px;}
.stafee.estimation .faster .hr-box {width: 50px;height: 50px;line-height: 28px;}
.estimation .stafee-hero {padding-bottom: 50px;}
.stafee.estimation .one,
.stafee.estimation .two,
.stafee.estimation .three,
.stafee.estimation .four{border-radius: 20px 20px 20px 20px;}
}

/* ==================================== IMS Page Css ==================================== */
@media (max-width: 1600px){
  .ims-pera {
    font-size: 20px;

    line-height: 32px;
  }
  .ims-hero-pera {
    padding-right: 50px;
}

.stafee.ims .ims-banner{ margin-bottom: 70px;}
}

@media (max-width: 1400px){
  .stafee.ims .ims-banner{ margin-bottom: 60px;}

}



@media (max-width: 992px){
  .stafee.ims .ims-banner::before{
    width: 100%;
    border-radius: 0px 0px 0px 0px;

  }
  .ims-hero-pera {
    padding-right: 0px;
}
}
@media (max-width: 768px){
.ims-pera {
  font-size: 18px;

}
}