body{overflow:clip;}
body, html {
 font-family: 'Poppins', 'Plus Jakarta Sans', sans-serif;
 scroll-behavior: smooth;
}
@supports (content-visibility: auto) {
 main > section:not(.setu-herosection) {
 content-visibility: auto;
 contain-intrinsic-size: auto 760px;
}
}

/* Keep paired primary and outlined CTAs consistently aligned across product pages. */
.btn-wrapper {
 align-items: flex-start;
}

.btn-wrapper > .btn.light-blue-btn,
.btn-wrapper > .btn.yellow-border-btn {
 box-sizing: border-box;
 height: 48px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 margin-top: 0;
}

/* Keep paired primary and outlined CTAs consistently aligned across product pages. */
.btn-wrapper {
 align-items: flex-start;
}

.btn-wrapper > .btn.light-blue-btn,
.btn-wrapper > .btn.yellow-border-btn {
 box-sizing: border-box;
 height: 48px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 margin-top: 0;
}
.loader {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #ffff;opacity: 0.6;text-align: center;z-index: 9999;}.loaderImg {border-radius: 4px;margin-top: 23%;width: 60px;opacity: 1;}.lds-ripple {display: inline-block;width: 80px;height: 80px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}.lds-ripple div {position: absolute;border: 4px solid #09bef3;opacity: 1;border-radius: 50%;animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}.lds-ripple div:nth-child(2) {animation-delay: -0.5s;}@keyframes lds-ripple {0% {top: 36px;left: 36px;width: 0;height: 0;opacity: 0;}4.9% {top: 36px;left: 36px;width: 0;height: 0;opacity: 0;}5% {top: 36px;left: 36px;width: 0;height: 0;opacity: 1;}100% {top: 0px;left: 0px;width: 72px;height: 72px;opacity: 0;}}header a.dropdown-inner.active {background: #f4f9ff;border: 1px solid #e2e1e1;}header a.dropdown-inner.active p {color: #333;}.blog-section {display: block !important;}:root {--color-white-100: hsl(0, 0%, 100%);--color-white-200: hsl(0, 0%, 95%);--color-white-300: hsl(0, 0%, 85%);--color-white-400: hsl(0, 0%, 75%);--color-white-500: hsl(0, 0%, 65%);--color-white-600: hsl(0, 0%, 55%);--color-black-100: hsl(210, 17%, 12%);--color-black-200: hsl(210, 17%, 10%);--color-black-300: hsl(210, 16%, 8%);--color-black-400: hsl(210, 16%, 6%);--color-black-500: hsl(210, 15%, 4%);--color-black-600: hsl(210, 15%, 2%);--color-blue-100: hsl(212, 96%, 60%);--color-blue-200: hsl(213, 94%, 55%);--color-blue-300: hsl(217, 91%, 50%);--color-blue-400: hsl(221, 83%, 45%);--color-blue-500: hsl(224, 76%, 40%);--color-blue-600: hsl(226, 71%, 35%);--text-tiny: clamp(0.84rem, calc(0.12vw + 0.8rem), 0.89rem);--text-small: clamp(0.93rem, calc(0.13vw + 0.91rem), 1rem);--text-base: clamp(1.05rem, calc(0.15vw + 1.01rem), 1.12rem);--text-medium: clamp(1.18rem, calc(0.17vw + 1.14rem), 1.26rem);--text-large: clamp(1.32rem, calc(0.19vw + 1.28rem), 1.41rem);--shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--blue: #0F4F93;--DarkBlue: #001655;--LightBlue: #1E5A9A;--yellow: #FF9E2C;}.hide-cookies-model{display: none;visibility: hidden;}#modalCookies{position: relative;bottom: 0;width: 100%;left: 0;color: #fff;z-index: 11;}.cookieflex {display: flex;align-items: center;flex-wrap: wrap;}#modalCookies img.img-responsive {width: 75px;display: inline-block;}#modalCookies h3 {margin-top: 0;font-size: 20px;margin-bottom: 10px;color:#101828 !important;}#modalCookies p {margin: 0;font-size: 14px;line-height: 21px;margin-bottom: 15px;color:#1d1d1d;}#modalCookies button { white-space: nowrap; border-radius: 50px; background: #000; border-color: #000; padding: 6px 20px; color:#fff;}#modalCookies p a{color: #FF9E2C;}.pdf-iframe {display: none !important;}.ConnectWithUsClose {font-size: 24px;cursor: pointer;}#QuickDemo1 .modal-body, #QuickDemo2 .modal-body {padding: 0 !important;}#QuickDemo1 .modal-body h2, #QuickDemo2 .modal-body h2 {margin: 0;padding: 30px 15px 20px;display: flex;align-items: flex-start;justify-content: space-between;font-size: 36px;font-family: 'Plus Jakarta Sans', sans-serif;color: #FF9E2C;font-weight: 600;}#QuickDemo1 .modal-body .tagline, #QuickDemo2 .modal-body .tagline{display: block;width: 100%;font-size: 18px;text-align: left;color: #333;font-weight: 500;margin: 0;padding: 0 15px;}#QuickDemo1 .modal-body, #QuickDemo2 .modal-body {background: #FBF7EB;}#QuickDemo1 .modal-body .form-group label,#QuickDemo2 .modal-body .form-group label{display: block !important;font: normal 600 13px / 20px 'Plus Jakarta Sans', sans-serif;}#QuickDemo1 .modal-body .policy,#QuickDemo2 .modal-body .policy{font: normal 600 13px / 20px 'Plus Jakarta Sans', sans-serif;display: block;margin: 10px 0 15px;}#QuickDemo1 .modal-body .policy a,#QuickDemo2 .modal-body .policy a{color: var(--yellow);}#QuickDemo1 .modal-body .captcha-box,#QuickDemo2 .modal-body .captcha-box{justify-content: flex-start;}#QuickDemo1 .modal-body .form-check-label,#QuickDemo2 .modal-body .form-check-label{font: normal 600 13px / 20px 'Plus Jakarta Sans', sans-serif;}input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}#page_uc_upEnquiry {max-width: 600px;margin: 0 auto;width: 100%;}.whatsappFramOpener {position: fixed;left: 15px;bottom: 25px;background: #FF9E2C;color: #000;text-decoration: none;padding: 10px 15px;border-radius: 40px 10px 40px 40px;z-index: 99;font-size: 16px;font-weight: 500;}.whatsappFramOpener:hover,.whatsappFramOpener:focus{background: #ffc92c;color: #000;}body .section-header{margin-bottom: 50px;}.pt-0{padding-top: 0 !important;}.w-700{width: 700px !important;}.dropdown-content.w-700 .dropdown-group.col-sm-12.col-lg-3 {width: 100%;}.connectBox{background: #EDF6FF;padding: 15px 20px;border: 1px solid #AED2F9;border-radius: 10px;display: flex;align-items: center;justify-content: center;}.connectBox h6, .heading-6{font: 600 30px/40px 'Plus Jakarta Sans',sans-serif;color: #001655;margin: 10px 0 0;text-align: center;}body .bg-white{background: #fff !important;}.sitemapbox{padding: 20px 30px;background: linear-gradient(to bottom, #FFEFDC 0%, rgba(255, 255, 255, 0) 100%);background-clip: padding-box;border: solid 1px transparent;border-radius: 10px;position: relative;}.sitemapbox:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;margin: -3px;border-radius: inherit;background: linear-gradient(180deg, #FF9E2C 14%, #FFFFFF 86.9%);}.sitemapbox h2{color: #0F4F93;font: normal 600 20px/30px 'Plus Jakarta Sans', sans-serif;margin: 0 0 15px;text-align: left;}.sitemapbox ul{margin: 0;padding: 0;}.sitemapbox ul li{display: block;}.sitemapbox ul li a{display: inline-block;padding: 5px 0 5px 20px;position: relative;font: 400 14px 'Plus Jakarta Sans',sans-serrif;color: #000;}.sitemapbox ul li a:hover{color: #0F4F93;}.sitemapbox ul li a:after{content: "\e930";position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-family: 'feather' !important;}.product-viewer {display: flex;flex-wrap: wrap;overflow: hidden;position: relative;}.thumbnail-container img {height: 50px;}.thumbnail-container {justify-content: center;}.product-viewer .thumbnail-gallery .thumbnail-container {border-radius: 2px;border: 1px solid lightgray;margin-bottom: 4px;padding: .25rem;height: 70px;width: 70px;display: flex;align-items: center;cursor: pointer;}.product-viewer .thumbnail-gallery .thumbnail-container:last-child {margin-bottom: 0;}.product-viewer .thumbnail-gallery .thumbnail-container:hover {border-width: 2px;}.product-viewer .thumbnail-gallery .thumbnail-container.is-active {border-width: 2px;}.product-viewer .product-img-container {width: 100%;min-width: 200px;display: flex;align-items: center;justify-content: center;border: 1px solid #dee2e6;background: #fff;}.paginator {display: flex;justify-content: space-between;align-items: center;margin: 1rem;}.paginator .button {font-size: 24px;padding: .25em .45em;border-width: 1px;border-color: transparent;border-style: solid;border-radius: 2px;cursor: pointer;color: gray;}.paginator .button:hover {border-color: darkgray;}.featureList{display: flex;flex-flow: row;column-gap: 20px;row-gap: 20px;flex-wrap: wrap;align-items: stretch;justify-content: center;}.featureListView{margin: 0;padding: 0;}.featureListView li{font: 400 13px / 20px 'Plus Jakarta Sans', sans-serif; color: #696969; margin: 0;}.featureItem{padding: 15px;background: #fff;border: 1px solid #CFDCE9;width:15.75%;border-radius: 24px;display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;row-gap: 10px;}.featureItem h4, .feature-title{font: 600 16px 'Plus Jakarta Sans',sans-serif;color: #343A40;margin: 0;}.featureItem p{font: 400 16px/24px 'Plus Jakarta Sans',sans-serif;color: #364969;margin: 0;}.connectWithData .module-row img{width: auto;}.Featuredesktop .connectWithData .col-sm-12 {text-align: center;}.Featuredesktop .connectWithData .module-row img {max-width: 100%;}.connectWithData .featureItem {width: 100%;margin-bottom: 10px;position: relative;padding: 10px 15px 10px 75px !important;background: transparent;border: 1px solid transparent;border-right: none !important;display: flex;align-items: flex-start;justify-content: center;height: 80px;transition: all 500ms ease;row-gap: 5px;position: relative;}.connectWithData li{margin-right: -4px;width: 100%;}.connectWithData .featureItem:after {content: "";position: absolute;right: -2px;top: 0;width: 4px;height: 100%;background: #f2f8ff;z-index: 1;opacity: 0;}.connectWithData li a{border-radius: 15px 0 0 15px;}.connectWithData li.active .featureItem:after,.connectWithData li .featureItem:hover:after{opacity: 1;}.connectWithData li.active .featureItem,.connectWithData li.active .featureItem:focus{border-color: #006FFA !important;background: #F2F8FF;transition: all 500ms ease;}.connectWithData li .featureItem:focus{background: transparent;}.connectWithData li .featureItem:hover{border-color: #006FFA;background: transparent;transition: all 500ms ease;}.connectWithData .featureItem img{position: absolute;left: 10px;top: 10px;width: 50px;}.connectWithData ul{border-bottom: none;}.featureList.industriesList{flex-wrap: initial;}.connect-feature .Featuredesktop .col-lg-4{padding-right: 0;}.connect-feature .Featuredesktop .col-lg-8{padding-left: 0;}.connectWithData .tab-content{border: 1px solid #006FFA;background: #f2f8ff;padding: 20px;border-radius: 15px;min-height: 840px;height: auto;}@media only screen and (min-width: 600px) {.product-viewer .product-img-container {width: 100%;height: 450px;}.product-viewer .thumbnail-gallery {display: flex;column-gap: 10px;margin-top: 30px;}.product-viewer .thumbnail-gallery .thumbnail-container.is-active {border-color: var(--bg-color);}.paginator {display: none;}}.gpages h2,.gpages h3,.gpages h4,.gpages h5{font: 600 22px/30px 'Plus Jakarta Sans', sans-serif;margin: 30px 0 20px;color: #FF9E2C;}.gpages p{ font: 400 16px/24px 'Plus Jakarta Sans', sans-serif;margin: 0 0 20px;color: #000;text-align: justify;}.gpages ol {padding-left: 15px;}.gpages ul{list-style: none;}.gpages li,.gpages li a{font: 400 16px/24px 'Plus Jakarta Sans', sans-serif;margin: 0 0 20px;color: #000;text-align: justify;}#tesimonialsPost .modal-header span {font: 500 18px 'Plus Jakarta Sans', sans-serif;}.contactFormAll{display: table;width: 100%;}.contactFormAll label {font: 600 14px 'Plus Jakarta Sans', sans-serif;margin-bottom: 10px;}.rating-stars ul {list-style-type: none;padding: 0;-moz-user-select: none;-webkit-user-select: none}.rating-stars ul>li.star {display: inline-block}.rating-stars ul>li.star>i.fa {font-size: 25px;color: #ccc}.ratesUs .rating-stars ul>li.star>i.fa {font-size: 18px}.rating-stars ul>li.star.hover>i.fa {color: #ffcc36}.rating-stars ul>li.star.selected>i.fa {color: #ff912c}.details-wrapper table{border: 1px solid #dee2e6;width: 100%;}.details-wrapper table tr td{border: 1px solid #dee2e6;padding:10px 15px;background: #fff;}.details-wrapper table tr td p{margin-bottom: 0;}.details-wrapper table tr td strong{font: 600 16px 'Plus Jakarta Sans',sans-serif;}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{font-size: 14px !important;}.owl-theme .owl-nav{background: transparent;}.d-flex {display: flex;align-items: flex-start;justify-content: center;}.explore-core-hr .d-flex .explore-content{padding: 0;width: 20%;}h4.light-blue-text, h5.light-blue-text, h2.heading-2.light-blue-text {font-size: 20px;font-weight: 600;line-height: 26px;}h2.heading-2{margin: 0 !important;}.payrollsoft .item{text-align:center;}.payrollsoft img{width: auto !important;display: inline-block !important;}.grey-bg{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F1F8FF 100%) !important;}.grey-bg-reverse{background: #FFFFFF !important}.orange-bg{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 54.4%, #FFEFDC 100%) !important;}.orange-bg-reverse{background: linear-gradient(0deg, rgba(255, 255, 255, 0) 54.4%, #FFEFDC 100%) !important;}.white-bg{background: #fff !important;}.talent-row {position: sticky;top: 70px;transform-origin: center top;height :620px;overflow:hidden;z-index: 3;}.col-sm-12.talent-row:nth-child(2n) {transform: translateY(15px);margin-bottom: 150px;}.col-sm-12.talent-row:nth-child(3n) {transform: translateY(80px);margin-bottom: 150px;}.col-sm-12.talent-row:nth-child(4n) {transform: translateY(145px);}::-webkit-scrollbar{width: 8px;height: 8px;}::-webkit-scrollbar-thumb {background: #2196f3;border-radius: 10px;}::-webkit-scrollbar-track {background: #f1f1f1;}a,a:hover,a:focus{text-decoration: none;outline: none;}section{padding: 100px 0;}.light-blue-text {color: var(--blue) ;}.dark-blue-text {color: var(--DarkBlue);}.yellow-text {color: var(--yellow);}.light-text {color: #fff;}.section-heading,.section-head {text-align: center;font: normal 600 38px/58px 'Plus Jakarta Sans', sans-serif;margin: 0;}.section-subheading,.section-sub-head {text-align: center;font: normal 400 16px/30px 'Plus Jakarta Sans', sans-serif;margin: 0 0 60px;}.section-wise-heading {text-align: center;font: normal 500 24px/30px 'Plus Jakarta Sans', sans-serif;margin: 0;}.section-main-title {text-align: center;font: normal 600 36px/50px 'Plus Jakarta Sans', sans-serif;margin: 0;}.section-light-title {text-align: center;font: normal 400 20px/60px 'Plus Jakarta Sans', sans-serif;margin: 0;}.section-subpara {text-align: center;font: normal 400 16px/22px 'Plus Jakarta Sans', sans-serif;margin: 0;}.paragraph {font: normal 400 16px/22px 'Plus Jakarta Sans', sans-serif;margin: 0;color:#333;}.custom-badge {background: #F0F7FF;border: 25px;border-radius: 25px;max-width: 590px;width: 100%;margin: 50px auto 0 auto;padding: 4px 49px 4px 49px;text-align: center;box-shadow: 0px 4px 10px 0px rgba(0, 79, 158, 0.25);}.custom-badge span {color: var(--blue);font: normal 500 18px/42px 'Plus Jakarta Sans', sans-serif !important;vertical-align: middle;margin-left: 25px;}.face-work-title {color: #0F4F93;font: normal 400 40px/60px 'Plus Jakarta Sans', sans-serif;margin: 60px 0 0 0;position: relative;display: inline-block;}.face-work-title::before {content: "";background: url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/open_quote.svg");background-position: center center;background-size: cover;width: 53px;height: 44px;position: absolute;left: -140px;}.face-work-title::after {content: "";background: url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/close_quote.svg");background-position: center center;background-size: cover;width: 53px;height: 44px;position: absolute;right: -140px;}.no-margin {margin: 0 !important;}.no-padding {padding: 0 !important;}.light-blue-btn { margin-top: 10px; background: #006FFA !important;color: #fff !important;font: normal 400 16px/24px 'Plus Jakarta Sans', sans-serif;border-radius: 50px;padding: 6px 24px 6px 24px;}.light-blue-btn:hover {background: transparent !important;color: #006FFA !important;border: 1px solid #006FFA!important;transition: all 0.3s ease;}.btn-transparent {height: 42px;border: 3px solid #fff;border-radius: 100px;padding: 6px 24px;color: #fff !important;font: normal 600 20px/23px 'Plus Jakarta Sans', sans-serif;background: rgba(0,0,0,0.2);}.btn-transparent:hover {background: #fff;color: #006FFA !important;transition: all 0.3s ease;}.orange-btn {border: 1px solid #FF9E2C !important;background: transparent !important;color: #FF9E2C !important;font: normal 400 20px/30px 'Plus Jakarta Sans', sans-serif;border-radius: 50px;padding: 6px 24px;}.orange-btn:hover,.yellow-border-btn:hover{background: #FF9E2C !important;color: #fff !important;transition: all 0.3s ease;}.yellow-btn {background: #FF9E2C;color: #081A30 !important;padding: 13px 52px 13px 52px;border-radius: 100px;font: normal 500 20px/30px 'Plus Jakarta Sans', sans-serif;}.yellow-border-btn {border: 2px solid var(--yellow);color: var(--yellow) !important;border-radius: 70px;padding: 6px 24px;font: normal 400 16px/24px 'Plus Jakarta Sans', sans-serif;}.btn-align {display: inline-flex;align-items: center;column-gap: 8px;justify-content: center;}.checkmark-lists {display: flex;flex-direction: column;row-gap: 16px;padding: 0;margin-bottom: 0;}.checkmark-lists li {list-style: none;display: flex;align-items: flex-start;column-gap: 8px;}.checkmark-lists li span {font: normal 500 16px/26px 'Plus Jakarta Sans', sans-serif;text-align: left;}.checkmark-lists li img {width: 18px;height: auto;}.btn-wrapper {display: flex;column-gap: 20px;}.module-item {display: flex;column-gap: 16px;align-items: flex-start;}.module-item img {width: 48px;height: auto;}.module-item .module-inner-info {display: flex;flex-direction: column;row-gap: 8px;}.module-item .module-inner-info h5 {color: #333333;font: normal 500 16px/24px 'Plus Jakarta Sans', sans-serif;margin: 0;}.module-item .module-inner-info span {color: #555555;font: normal 400 14px/21px 'Plus Jakarta Sans', sans-serif;}.module-item .module-inner-info p {color: #555555;font: normal 400 14/21px 'Plus Jakarta Sans', sans-serif;}.talent-img {width: 100%;}.module-content {display: flex;flex-direction: column;row-gap: 20px;}.module-content h2, .module-content h3, .section-title {margin: 30px 0 0;font: normal 700 36px/54px 'Plus Jakarta Sans', sans-serif;}.border-right {border-right: 1px solid #B5B5B5 }.module-content p {margin-bottom: 0;color: #333;font: normal 400 16px/24px 'Plus Jakarta Sans', sans-serif;text-align: justify;}.mt-20 {margin-top: 20px;}.mt-60 {margin-top: 60px;}.mb-20 {margin-bottom: 20px;}.mt-96 {margin-top: 96px !important;}.mb-96 {margin-bottom: 96px !important;}.mt-0 {margin-top: 0;}.mb-0 {margin-bottom: 0 !important;}.mb-40 {margin-bottom: 40px;}.mb-60 {margin-bottom: 60px;}.mt-40 {margin-top: 40px;}.pt-40 {padding-top: 40px;}.d-none {display: none;}.novideo {display: none !important;}.no-bg{background: transparent !important;}.w-100 {width: 100%;height: auto;}.btn.active, .btn:active {box-shadow: none !important;}.feature-card {background: linear-gradient(180deg, #fff7ee00 0%, #E3F1FF 100%);border: 1px solid #FFF9F4;box-shadow: 0px 4px 20px 0px #0000001A;border-radius: 20px;padding: 20px;display: flex;flex-direction: column;row-gap: 20px;width: 100%;}.feature-card .feature-title {font: normal 600 16px/24px 'Plus Jakarta Sans', sans-serif;color: #333333;margin: 0;text-align: center;min-height: 80px;}.feature-card .feature-para {font: normal 500 20px/30px 'Plus Jakarta Sans', sans-serif;color: #333333;margin: 0;text-align: center;}.solution-offered-section p.feature-para {font-size: 14px;line-height: 24px;font-weight: 400;}.feature-card .feature-action {display: flex;justify-content: space-between;}.feature-card .feature-action .light-blue-btn, .feature-card .feature-action .yellow-border-btn {font: normal 400 14px/24px 'Plus Jakarta Sans', sans-serif;}.HR-workforce {display: flex;align-items: center;justify-content: center;}.HR-workforce h3, .workforce-title {margin: 0;padding: 14px 75px;background: #F0F7FF;box-shadow: 0px 4px 10px 0px #004F9E40;border-radius: 25px;color: #0F4F93;font: normal 500 20px/30px 'Plus Jakarta Sans', sans-serif;position: relative;margin-top: 60px;}.HR-workforce h3, .workforce-title::before,.HR-workforce h3,.workforce-title::after{content: "";background-size: contain;background-position: center center;background-repeat: no-repeat;width: 30px;height: 30px;position: absolute;}.HR-workforce h3,.workforce-title::before {background-image: url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/dark_open_quote.svg");top: 9px;left: 25px;}.HR-workforce h3,.workforce-title::after {background-image:url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/dark_close_quote.svg");bottom: 9px;right: 35px;}.HR-workforce h3,.workforce-title::after, .HR-workforce h3,.workforce-title::before {opacity: 0.2;}.field-required{color:#dc3545;}.is-invalid {color: #f00;margin: 10px 0 0;font: normal 400 12px/21px 'Plus Jakarta Sans', sans-serif;}.inner-content{display: flex;flex-direction: column;row-gap: 10px;}header {margin-top: -1px !important;display: table;width: 100%;}header .brand {font-family: inherit;font-size: 1.6rem;font-weight: 700;line-height: 1.5;text-transform: uppercase;color: var(--color-blue-300);}header .navbar {width: 100%;height: 4.25rem;margin-inline: auto;}header .navbar-inner {display: flex;align-items: center; justify-content: space-between;width: 100%;height: 100%;}header .navbar-block {position: fixed;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;pointer-events: none;background-color: var(--color-white-100);transition: opacity 0.4s ease;display: block;}header .navbar-block.is-active {opacity: 1;pointer-events: initial;}header .menu-main {display: flex;justify-content: space-between;align-items: center;padding: 30px 20px;border-radius: 6px;margin-bottom: 0px !important;border: none !important;background: #fff;text-align: center;position: absolute;top: 10px;left: 0;right: 0;z-index: 999;}header.darkHeader {position: fixed;top: 0;z-index: 99;background: linear-gradient(180deg, #F1F8FF 0%, #FFFFFF 100%);box-shadow: 0px 1px 1px 0px #FFCB8E80;}header.darkHeader .container {width: 100% !important;}header.darkHeader nav {position: relative;width: 100%;top: inherit;left: initial;right: initial;box-shadow: none;border: none;background: transparent;}header nav .brand-logo {width: 200px;}header nav ul{margin-bottom: 0;}.menu {padding-block: 1rem;padding-inline: auto;}.menu-link {font-size: var(--text-base);font-weight: 500;line-height: inherit;display: flex;align-items: center;justify-content: space-between;padding-block: 0.5rem;padding-inline: 1.5rem;color: var(--color-black-500);}header .nav-menu {max-width: 1170px;margin-left: auto;margin-right: auto;margin-bottom: 0 }header .navbar .header-logo {width: 200px;height: auto }header .navbar .menu-brand {height: auto !important;padding: 0 !important;}header .navbar ul li:active {background: transparent !important;}header .navbar ul li a {font: normal 500 16px/30px 'Plus Jakarta Sans', sans-serif;color: #333333 !important;}header .navbar ul li .feather-home{font-size: 22px;margin-top: -4px;color: #bbb;}header .navbar ul li a.active .feather-home,header .navbar ul li a:hover .feather-home{color: #006FFA;}.navbar-menu {margin-left: auto !important;}header .dropdown-toggle {cursor: pointer;outline: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}header .dropdown-toggle i.bx {font-size: 1.5rem;line-height: inherit;transition: rotate 0.4s ease;}header .dropdown-content {height: 0;overflow: hidden;background-color: var(--color-white-100);transition: height 0.5s ease;width: 700px;}header .dropdown-column, header .dropdown-group, header .dropdown-items {display: grid;}header .dropdown-group {padding-inline: 15px;}header .dropdown-title {display: flex;-moz-column-gap: 1rem;column-gap: 1rem;align-items: center;padding-inline: 1rem;}header .dropdown-icon i.bx {font-size: 1.5rem;line-height: 1.5;color: var(--color-blue-300);}header .dropdown-items {row-gap: 0.5rem;padding-inline: 3.5rem;padding-top: 0.35rem;}header .dropdown-link {font-size: var(--text-base);font-weight: 400;line-height: inherit;color: var(--color-black-500);transition: color 0.3s ease;}header .dropdown-show > .dropdown-toggle i.bx {rotate: 180deg;}header .dropdown-block {display: flex;align-items: flex-start;-moz-column-gap: 1rem;column-gap: 1rem;padding-top: 1rem;padding-inline: 1rem; margin-top: 30px;}header .burger {position: relative;display: block;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 30px;height: 30px;border: none;outline: none;visibility: visible;z-index: 11;}header .burger-line {position: absolute;display: block;right: 0;width: 100%;height: 2.15px;opacity: 1;rotate: 0deg;border-radius: 0.15rem;background-color: var(--color-black-500);transition: all 0.3s ease;}header .burger-line:nth-child(1) {top: 8px;}header .burger-line:nth-child(2) {top: 17px;width: 70%;}header .burger-line:nth-child(3) {top: 26px;}header .burger.is-active > .burger-line:nth-child(1) {top: 1.5rem;rotate: 135deg;}header .burger.is-active > .burger-line:nth-child(2) {opacity: 0;}header .burger.is-active > .burger-line:nth-child(3) {top: 1.5rem;rotate: -135deg;}header nav .header-btn { margin-top: 0 ; margin-left: 40px;font: normal 400 16px/24px 'Plus Jakarta Sans', sans-serif;}header a.dropdown-inner {white-space: initial !important;text-align: left;font-size: 14px !important;line-height: 20px !important;padding-left: 70px !important;padding: 10px 15px;position: relative;border-radius: 5px;}header a.dropdown-inner:hover{background: #f4f9ff;}header a.dropdown-inner span{color: #337ab7;}header a.dropdown-inner p{text-align: left;font-size: 12px !important;margin-bottom: 0;line-height: 18px;margin-top: 5px;}header a.dropdown-inner img {position: absolute;left: 10px;top: 15px;width: 45px;}.gherosection{margin-top: -1px;height: 100vh;position: relative;overflow: hidden;}.hero-section {background: linear-gradient(180deg, #0F4F93 24.8%, #001655 100%);height: 100vh;}.hero-section .bg-grid{position: absolute;bottom: 0;left: 0;height: 74vh;width: 100%;/*stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: dash 3s linear alternate 1 forwards;*/}ul.hero-list {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;column-gap: 60px;}@keyframes dash {100% {stroke-dashoffset: 0;}}#moduleListRow .form-action {margin: 20px 0 30px;}#getQuoteModel hr {border-top-color: #eee;}span.lblSuccessOTP {color: #00af26;}.modal-body .well {padding: 10px 15px;}.hero-section .hero-content {display: flex;justify-content: center;align-items: center;flex-direction: column;row-gap: 35px;height: 91vh;}.hero-section .hero-badge {background: #FFFFFF21;border: 2px solid #BBBBBB;border-radius: 25px;margin-top: 0;padding: 4px 49px;box-shadow: 0px 4px 10px 0px rgba(0, 79, 158, 0.25);display: flex;align-items: center;column-gap: 15px;}.hero-section .hero-badge span {font: normal 600 20px/30px 'Plus Jakarta Sans', sans-serif;color: #BBBBBB;}.hero-section .hero-content .hero-title {font: normal 600 60px/100px 'Plus Jakarta Sans', sans-serif;}.hero-section .hero-content .hero-para {color: #B7D0EA;font: normal 400 20px/30px 'Plus Jakarta Sans', sans-serif;text-align: center;}.hero-section .hero-content .hero-para span {display: block;}.hero-section .hero-content .hero-btn-wrapper {display: flex;column-gap: 32px;align-items: center;}.gherosection .hero-section .hero-content .hero-list li {text-align: left;margin: 10px 0;}.brand-section{position: absolute;left: 0;bottom: -1px;width: 100%;padding: 20px 0;}.brand-section .brand-slider .brand-item {padding: 0px 30px;display: flex !important;align-items: center;justify-content: center;}.brand-section .brand-slider .brand-item img, .brand-slider-hr-india .brand-item img {filter: brightness(0) saturate(100%) invert(61%) sepia(1%) saturate(229%) hue-rotate(104deg) brightness(96%) contrast(93%);text-align: center;display: block;margin: 0px auto;width: 100%;cursor: pointer;height: 35px;}.brand-section .brand-slider .brand-item:hover img, .top-brand-section .top-brand-slider .brand-item:hover img {filter: none;transition: all 0.3s ease;}.top-brand-section .top-brand-slider .brand-item {height: 80px;width: 170px;padding: 0px 30px;display: flex;align-items: center;justify-content: center;}.modal-header {display: flex;align-items: center;justify-content: space-between;background: #0F4F93 ;padding: 15px 20px !important;color: #fff;}.modal-header h5 {margin: 0;font: normal 600 24px/30px 'Plus Jakarta Sans', sans-serif;}.modal-content video{position: absolute;left: -50%;top: 0;height: 100%;object-fit: contain;width: 100%;}button.close {margin-left: auto !important;color: #fff !important;text-shadow: none;opacity: inherit !important;}.model-body-header {display: flex;flex-direction: column;row-gap: 8px;text-align: center;margin-bottom: 50px;}.model-body-header h2 {margin: 0;color: #000;font: normal 400 20px/30px 'Plus Jakarta Sans', sans-serif;text-align: left;}.model-body-header p {margin: 0;color: #fff;font: normal 400 16px/22px 'Plus Jakarta Sans', sans-serif;margin-bottom: 20px;text-align:left}.inner-box-details {display: flex;align-items: center;column-gap: 10px;background: #f2f3f8;padding: 20px 10px;border-top: 1px solid #e8e9eb;border-radius: 5px;margin-bottom: 20px;}.inner-box-details img {width: 50px;}.inner-box-details h3 {margin: 0;color:#c7cfe3;font: normal 500 22px/28px 'Plus Jakarta Sans', sans-serif;}ul.module-select-list {display: flex;flex-wrap: wrap;gap: 8px;list-style: none;padding-left: 0;margin: 15px 0;}ul.module-select-list li {display: inline-block;background: transparent;border: 2px solid #666;padding: 6px 30px 6px 20px !important;border-radius: 25px;cursor: pointer;position: relative;margin-bottom: 10px;}ul.module-select-list li.select-all-item{border: none;padding: 0 !important;margin:0;border-radius: 0;}ul.module-select-list li.select-all-item span{border: 2px solid #FF9E2C;display: inline-block;background: transparent;padding: 6px 30px 6px 20px !important;border-radius: 25px;cursor: pointer;position: relative;margin-bottom: 10px;}ul.module-select-list li.select-all-item span {color: #fff;border-color: #0F4F93;background: #0F4F93;}ul.module-select-list li button {border: none;padding: 0;background: transparent;cursor: pointer;position: absolute;right: 12px;top: 6px;}ul.module-select-list li i, ul.module-select-list li span {color: #666;font: normal 600 13px/20px 'Plus Jakarta Sans', sans-serif;}hr{border-top: 1px solid rgba(0, 0, 0, 0.2);border-radius: 10px;margin: 16px 0 !important;}.get-started ul.module-select-list li#HRMSselectAllBtn, .get-started ul.module-select-list li#HRMSdeselectAllBtn {background: transparent !important;border: none !important;}ul.module-select-list li .module-check {position: absolute;left: 0;top: 0;width: 100%;height: 100%;visibility: hidden;}.next-step-action{display: flex;align-items: center;column-gap: 16px;margin: 40px 0;}.hero-head {display: none;}#getQuoteModel.modal {text-align: center;}#getQuoteModel .modal-body {padding: 0;border-radius: 0 0 5px 5px;background-size: 70% auto;min-height: 550px;}#getQuoteModel .modal-content {background: #ffeee1;}#getQuoteModel .col-lg-8.col-sm-12 {margin-left: -20px;}.modalHead {padding: 15px 0 5px;position: relative;}.modalHead h5{margin-bottom: 15px;color: #0f4f93;font: 600 36px/48px 'Plus Jakarta Sans', sans-serif;}#getQuoteModel h3{margin: 0 0 25px;font-size: 18px;}.QuoteModelBody .modal-content video {height: 90%;}.modalHead button.close {position: absolute;font: 400 24px/30px 'Plus Jakarta Sans', sans-serif;right: 0;top: 10px;color: #93979b !important;cursor: pointer;}.modalBody .form-action {margin: 20px 0 0;padding: 15px 0;}.modalBody .form-action button {padding: 6px 24px 6px 24px;font: normal 400 16px / 24px 'Plus Jakarta Sans', sans-serif;}.well.OTPtxtInfo h4 {font: 500 14px 'Plus Jakarta Sans', sans-serif;}.modal-body .well {padding: 6px 15px;min-height: initial !important;}.about-customers .about-company .company-column {margin-bottom: 20px;}.about-customers .about-company .company-column .company-details {padding: 32px 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;row-gap: 12px;text-align: center;min-height: 270px;border: 1px solid #FF9E2C !important;border-radius: 15px;}.about-customers .about-company .company-column:nth-child(odd) .company-details {background: linear-gradient(to bottom , #FFEFDC 0%, rgba(255, 255, 255, 0) 100%);border: 1px solid;border-image-source: linear-gradient(180deg, #FF9E2C 14%, #FFFFFF 86.9%);border-image-slice: 1;}.about-customers .about-company .company-column:nth-child(even) .company-details {background: linear-gradient(to top, #FFEFDC 0%, rgba(255, 255, 255, 0) 100%);border: 1px solid;border-image-source: linear-gradient(180deg, #FFFFFF 14%, #FF9E2C 86.9%);border-image-slice: 1;}.about-customers .about-company .company-column .company-details .company-img {width: 50px;}.about-customers .about-company .company-column .company-details h2 {color: #0F4F93;font: normal 500 36px/42px 'Plus Jakarta Sans', sans-serif;margin: 0;}.about-customers .about-company .company-column .company-details span {color: #0F4F93;font: normal 500 20px/36px 'Plus Jakarta Sans', sans-serif;}.about-customers .about-company .company-column .company-details p {color: #666666;font: normal 300 20px/26px 'Plus Jakarta Sans', sans-serif;margin: 0;}.explore-section {background: linear-gradient(180deg, #FFEFDC 0%, rgba(255, 255, 255, 0) 100%);}.explore-section .tab-body {background: #fff;padding: 40px 80px;border-radius: 50px;min-height: 540px;height: auto;position: relative;z-index: 1;overflow: hidden;border: 2px solid #FFEAD1;}.explore-section #module_1:after{content: "";position: absolute;left: 0;top: 0;background: url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/first_bg.svg") no-repeat;width: 100%;height: 100%;z-index: -1;background-size: cover;}.explore-section #module_2:after{content: "";position: absolute;left: 0;top: 0;background: url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/second_bg.svg") no-repeat;width: 100%;height: 100%;z-index: -1;background-size: cover;}.explore-section #module_3:after{content: "";position: absolute;left: 0;top: 0;background: url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/third_bg.svg") no-repeat;width: 100%;height: 100%;z-index: -1;background-size: cover;}.explore-section #module_5:after{content: "";position: absolute;left: 0;top: 0;background: url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/fifth_bg.svg") no-repeat;width: 100%;height: 100%;z-index: -1;background-size: cover;}.explore-section #module_6:after{content: "";position: absolute;left: 0;top: 0;background: url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/six_bg.svg") no-repeat;width: 100%;height: 100%;z-index: -1;background-size: cover;}.explore-section #module_7:after{content: "";position: absolute;left: 0;top: 0;background: url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/seven_bg.svg") no-repeat;width: 100%;height: 100%;z-index: -1;background-size: cover;}.explore-section #module_8:after{content: "";position: absolute;left: 0;top: 0;background: url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/eight_bg.svg") no-repeat;width: 100%;height: 100%;z-index: -1;background-size: cover;}.explore-section .explore-content h3{text-align: center;}.explore-section .sliderArrow{position: absolute;top: -58px;right: 25px;display: none;align-items: center;justify-content: center;column-gap: 10px;}.explore-section .sliderArrow i{width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;background: linear-gradient(228deg, rgb(193 220 247 / 65%) 0%, #cbdefb 86.9%);justify-content: center;font-size: 20px;color: #0f4f9f;}.explore-section .nav-tabs {display: flex;justify-content: space-between;padding-left: 2px;padding-bottom: 5px;border: none;margin-top: -2px;}.explore-section .nav-tabs li {list-style: none;position: relative;margin-left: -2px;}.explore-section .nav-tabs li a {text-decoration: none;padding: 20px 30px;color: #333333;border: none;text-align: center;position: relative;z-index: 1;margin: 0;}.explore-section .tab-content .tab-body .module-img {width: 100%;}.explore-section .nav-tabs li a:focus, .explore-section .nav-tabs li a:hover{outline: none;border: none;background: none;}.explore-section .nav-tabs li.active a {border-radius: 0 0 50px 50px;border: 2px solid #FFEAD1;border-top: none;background: #fff;}.explore-section .nav-tabs li:nth-child(2n).active a{background: linear-gradient(to right,#F9F9FF 15%, #FBFCFF 100%);}.explore-section .nav-tabs li:nth-child(3n).active a{background: #fffbf9;}.explore-section .nav-tabs li:nth-child(4n).active a{background: linear-gradient(to right,#fffffc 15%, #fffffe 100%);}.explore-section .nav-tabs li:nth-child(5n).active a{background: linear-gradient(to right,#fffdfd 15%, #f9fff9 100%);}.explore-section .nav-tabs li:nth-child(6n).active a{background: linear-gradient(to right,#fffeff 15%, #fffdff 100%);}.explore-section .nav-tabs li:nth-child(7n).active a{background: linear-gradient(to right,#f8f9ff 15%, #f1f2ff 100%);}.explore-section .tab-body.tab-pane.active:last-child {border-radius: 50px 50px 0 50px;}.explore-section .tab-body.tab-pane.active:first-child {border-radius: 50px 50px 50px 0;}.explore-section .tab-body.tab-pane.active:not(:first-child):not(:last-child) {border-radius: 50px;}.explore-section .nav-tabs li.active a:after, .explore-section .nav-tabs li.active a:before{display: block;}.explore-section .nav-tabs li a > i {display: inline-block;width: 65px;height: 65px;margin: 15px 0 10px;}.explore-section .nav-tabs li a span {font: normal 600 14px/normal 'Plus Jakarta Sans', sans-serif;display: inline-block;}.explore-section .tab-body .tab-body-content {display: flex;flex-direction: column;row-gap: 45px;}.explore-section .tab-body .tab-body-content h4 {font: normal 500 36px/48px 'Plus Jakarta Sans', sans-serif;margin: 0;}.explore-section .tab-body .tab-body-content .tab-body-data {display: flex;flex-direction: column;row-gap: 16px;}.explore-section .tab-body .tab-body-content .tab-body-data span {color: #333333;font: normal 400 16px/normal 'Plus Jakarta Sans', sans-serif;}.explore-section .tab-body .tab-body-content .tab-body-data p {color: #333333;font: normal 400 16px/30px 'Plus Jakarta Sans', sans-serif;margin-bottom: 0;text-align: justify;}.explore-section .tab-body .tab-body-content .check-wrapper {display: flex;gap: 8px;}.explore-section .tab-body .tab-body-content .check-wrapper p {font: normal 400 14px/normal 'Plus Jakarta Sans', sans-serif;margin-bottom: 0;}.explore-section .custom-badge {margin-bottom: 0;}.explore-image {background: #efefef;padding: 0;height: 150px;width: auto;display: flex;align-items: center;justify-content: center;border: 1px solid #c6c6c6;}.explore-image img {width: 100%;}.tab-body-content span,.tab-body-content p{font: normal 400 16px/normal 'Plus Jakarta Sans', sans-serif;}.tab-body .row.module-row{display: flex;align-items: center;}.suite-section {background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F1F8FF 100%);}.suite-section .module-info-main {margin-bottom: 24px;}.suite-section .module-info-main .module-info {display: flex;flex-direction: column;row-gap: 20px;}.suite-section .module-info-main .module-info .module-info-title {font: normal 600 24px/48px 'Plus Jakarta Sans', sans-serif;margin: 0;}.suite-section .module-info .module-container {display: flex;flex-direction: column;row-gap: 15px;}.suite-section .module-info .module-container .module-main-head {font: normal 500 20px/30px 'Plus Jakarta Sans', sans-serif;color: #000;margin-bottom: 0;margin-top: 0;}.suite-section .module-item img{display: none;}.suite-section .module-item .module-inner-info h5{margin-left: 30px;position: relative;cursor: pointer;}.suite-section .module-item .module-inner-info h5:before {content: "\e92c";left: -30px;top: 0;font-family: 'Feather';position: absolute;font-size: 16px;color: #333;}.suite-section .module-item .module-inner-info h5 span{position: relative;display: inline-block;color: #333;}.suite-section .module-item .module-inner-info h5 span:after{content: '';position: absolute;left: 0;bottom: 0;border-bottom: 1px dashed #333;width: 100%;}.suite-section .module-item .module-inner-info .moduleBody{padding-left: 30px;}.row.module-info-row{display: flex;flex-wrap: wrap;}.suite-section .module-info-main{position: relative;}.suite-section .module-info-main:after {content: "";position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: #ddd;}.suite-section .module-info-main:last-child:after{display: none;}.choose-section .duration-content {display: flex;flex-direction: column;row-gap: 40px;}.choose-section .duration-content h3 {font: normal 700 36px/54px 'Plus Jakarta Sans', sans-serif;margin-block: 0;}.choose-section .duration-content p {font: normal 400 20px/30px 'Plus Jakarta Sans', sans-serif;margin-bottom: 0;text-align: justify;}.choose-section .choose-row .seamless-img {width: 100%;margin: auto;}.choose-section .section-header h5 {margin-top: 60px;}.award-section {background: url(https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/celebration_bg.webp);width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;padding: 0 !important;}.award-overlay {background: rgb(255 255 255 / 82%);padding: 40px 0;}.award-section .award-row .award {margin-bottom: 25px;display: flex;align-items: center;justify-content: center;}.award-slider img{width: auto !important;}.our-client-section {background: linear-gradient(180deg, #F1F8FF 0%, rgba(255, 255, 255, 0) 100%);}.our-client-section .client-card-row .client-item {margin-bottom: 25px;}.our-client-section .client-card {min-height:560px;padding: 32px;border: 1px solid #E2E2E2;border-radius: 20px;background: #fff;display: flex;flex-direction: column;row-gap: 16px;align-items: flex-start;justify-content: space-between;}.our-client-section .clientname {display: flex;align-items: flex-start;flex-direction: column;justify-content: center;row-gap: 20px;}.our-client-section .client-card img.client-brand {width: auto; margin-right: 100px;}.our-client-section .client-card h3 {font: normal 600 18px/27px 'Plus Jakarta Sans', sans-serif;color: #333;}.our-client-section .client-card p {font: normal 400 14px/26px 'Plus Jakarta Sans', sans-serif;color: #333;margin-top: 15px !important;text-align: justify;overflow: hidden;text-overflow: ellipsis;min-height: auto;margin-bottom: 20px;}.our-client-section .about-client p{margin-top: 0 !important;min-height: auto;}.our-client-section .client-card .client-details {display: flex;align-items: center;column-gap: 18px;}.our-client-section .client-card .client-details .about-client h4 {font: normal 600 16px/17px 'Plus Jakarta Sans', sans-serif;color: #000;margin-bottom: 4px !important;}.our-client-section .client-card-row .client-slider .owl-nav {display: none;}.gclientData .client-item {cursor: pointer;border-radius: 5px;width: 100%;text-align: center;background: #f8ecde;padding: 15px 0;cursor: pointer;display: inline-block;}.gclientData .client-item:hover {color: #fff;background: #FF9E2C;transition: all .3s ease;}.gclientData .client-item:hover img {filter: brightness(0) invert(1);transition: all .3s ease;}.gclientData .client-item img {width: 70px;display: inline-block;margin-bottom: 10px;}.gclientData .client-item span {display: block;font: normal 500 16px/22px 'Plus Jakarta Sans', sans-serif;}.gclientData .client-item.active {color: #000;background: #FF9E2C;}.gclientData .tab-content .tab-title:after {content: "";position: absolute;border-bottom: 2px solid #FF9E2C;width: 100%;bottom: -20px;left: 0;}
.gclientData .tab-content .tab-title {display: inline-block;margin: 30px 0 30px;color: #0F4F93;font: normal 500 28px/34px 'Plus Jakarta Sans', sans-serif;position: relative;}
.gclientData .tab-content .client-box {background: #fff;display: inline-block;padding: 32px;border: solid 1px #ddd;transition: all .2s ease;position: relative;}.gclientData .client-box .clientName {position: absolute;left: 0;top: 0;overflow: hidden;background: #f8ecded4;width: 100%;padding: 10px;height: 0;visibility: hidden;opacity: 0;transition: all .2s ease;display: flex;align-items: center;justify-content: center;text-align: center;}.gclientData .client-box:hover .clientName {visibility: visible;opacity: 1;transition: all .2s ease;height: 100%;}.gclientData .client-box:hover .clientName span {text-transform: uppercase;font: normal 600 14px/20px 'Plus Jakarta Sans', sans-serif;color: #333;}.testimonial-section {background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F1F8FF 100%);}.testimonial-section .testimonial-row {margin-top: 96px;}.testimonial-section .testimonial-row .testimonial-item {margin-bottom: 25px;}.testimonial-section .testimonial-row .testimonial-card {padding: 16px;border: 1px solid #E2E2E2;border-radius: 10px;display: flex;align-items: flex-start;column-gap: 8px;margin-right: 25px;}.testimonial-section .testimonial-row .testimonial-card .testimonial-content {display: flex;flex-direction: column;row-gap: 16px;}.testimonial-section .testimonial-row .testimonial-card .testimonial-content h4 {font: normal 600 16px/17px 'Plus Jakarta Sans', sans-serif;color: #333;}.testimonial-section .testimonial-row .testimonial-card .testimonial-content p {font: normal 400 14px/17px 'Plus Jakarta Sans', sans-serif;color: #333;}.claim-section {background: #0F4F93;}.claim-section .section-header h4 {font: normal 200 28px/30px 'Plus Jakarta Sans', sans-serif;margin-bottom: 30px;}.blog-section {background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F1F8FF 100%);}.blog-section .Blog-card {border: 1px solid #006FFA !important;border-radius: 10px;min-height: 330px;margin-bottom: 40px;background: #fff;position: relative;overflow: hidden;}.blog-section .Blog-card .Blog-text .blogimg img {width: 100%;}.blog-section .Blog-card .Blog-text .blogimg h3, .blog-section .Blog-card .Blog-text .blogimg h4, .blog-section .Blog-card .Blog-text .blogimg blockquote, .blog-section .Blog-card .Blog-text .blogimg p a, .blog-section .Blog-card .Blog-text .blogimg span, .blog-section .Blog-card .Blog-text .blogimg ul, .blog-section .Blog-card .Blog-text .blogimg h2:not(:first-of-type), .blog-section .Blog-card .Blog-text .blogimg p img, .blog-section .Blog-card .Blog-text .blogimg p:not(:first-of-type) {display: none;}.blog-section .Blog-card .Blog-text .blogimg img {margin-top: 0;width: 100%;border-radius: 10px 10px 0 0;}.blog-section .Blog-card .Blog-text .blogimg {display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}.blog-section .Blog-card .Blog-text .blogimg ol{display: none;}a.lnkblogs {order: 1;display: block;padding: 0;color: #666666;font: normal 600 20px/30px 'Plus Jakarta Sans', sans-serif;background: #fff;border-radius: 10px;}a.lnkblogs:hover {color: #000;transition: all 0.3s ease;}.blog-section .blog-date{display: none;}.blog-section img{height: auto;object-fit: cover;}a.lnkblogs::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;}.blog-section .Blog-card .socailsharebuttons{display: none;}.blog-section .Blog-card .Blog-text .blogimg h2, .blog-section .Blog-card .Blog-text .blogimg p {border-radius: 0 0 10px 10px;padding: 8px 16px;}.blog-section .Blog-text {color: #666666;font: normal 600 20px/30px 'Plus Jakarta Sans', sans-serif;background: #fff;margin: 0;border-radius: 0 0 10px 10px;padding: 15px;}.blog-section .Blog-card .Blog-text .blogimg p {order: 2;background: #fff;margin: 0;font: normal 400 16px/24px 'Plus Jakarta Sans', sans-serif;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;max-height: 130px;}a.greadmore {display: block;padding: 8px 15px;color: #ff9e2c;font-size: 14px;font-weight: 500;}.blog-section .blog-description{display: none;}.subscribe-section {background: #FFFAF6;}.subscribe-section .newsletter-title {color: var(--DarkBlue);font: normal 500 28px/28px 'Plus Jakarta Sans', sans-serif;}.subscribe-section .newsletter-para {color: var(--DarkBlue);font: normal 400 16px/27px 'Plus Jakarta Sans', sans-serif;}.subscribe-section form .newsletter {display: flex;align-items: center;position: relative;}.subscribe-section form .newsletter input {padding: 8px 120px 8px 15px;border: 1px solid #0F4F93;box-shadow: none !important;color: #222;font: 400 16px/24px 'Plus Jakarta Sans', sans-serif;border-radius: 7px;background: transparent;height: 36px;}.subscribe-section form .newsletter input::-webkit-input-placeholder{color: #222;opacity: 1;}.subscribe-section form .newsletter input::-moz-placeholder{color: #222;opacity: 1;}.subscribe-section form .newsletter button {white-space: nowrap;border: none;position: absolute;right: 0;background: #0F4F93;color: #fff !important;padding: 8px 24px;border-radius: 0 7px 7px 0;font: normal 500 14px/20px 'Plus Jakarta Sans', sans-serif;}.explore-core-hr {background: linear-gradient(180deg, rgba(255, 255, 255, 0) 54.4%, #FFEFDC 100%);}.explore-core-hr .section-header .section-subheading {font: normal 400 16px/26px 'Plus Jakarta Sans', sans-serif;color: #333333;margin-bottom: 70px;}.explore-core-hr .explore-content {display: flex;flex-direction: column;row-gap: 40px;}.explore-core-hr .explore-content h3,.heading-2, .blog-heading-2 {font: normal 700 36px/50px 'Plus Jakarta Sans', sans-serif;}.explore-core-hr .explore-content p {font: normal 400 16px/26px 'Plus Jakarta Sans', sans-serif;color: #333333;margin: 0;text-align: justify;}.solution-offered-section {background: linear-gradient(180deg, #FFEFDC 0%, rgba(255, 255, 255, 2.66886e-08) 59.9%, rgba(255, 255, 255, 0) 80.4%);}.featurerow{display: flex;flex-flow: row;}.solution-offered-section .feature-item {display: flex;align-items:stretch;margin-bottom: 20px;}.suite-section .HR-workforce.mb-40 h3 {margin-top: 0;}.talentMenu {padding: 0;list-style: none;background: linear-gradient(180deg, #f3f9ff 0%, #f3f9ff 100%);margin-bottom: 20px;}ul.talentMenu li:last-child{margin: 0 0 0 auto;}ul.talentMenu li a{font: normal 500 18px/24px 'Plus Jakarta Sans', sans-serif;color: #000;}ul.talentMenu li a.listHead{font: normal 500 24px/34px 'Plus Jakarta Sans', sans-serif;color: #000;}.talent-section {background: linear-gradient(180deg, #F1F8FF 0%, #F1F8FF 100%);position: relative;z-index: 8;padding-bottom: 75px;}.talent-section .talent-row {border: 1px solid #87A7C9A6;box-shadow: 0px 0px 40px 0px #87A7C980 inset;border-radius: 13px;background: #FFFFFF;padding: 15px 30px;}.talent-section .module {margin-bottom: 15px;height: auto;}.talent-section .module .module-item .module-logo {width: 35px;height: auto;}.talent-section .talent-row .module-row {padding: 0;}.talent-section .module-content{row-gap: 15px;}.talent-section .module-content h3{margin: 0;font: normal 700 30px/40px 'Plus Jakarta Sans', sans-serif;}.talent-section .module-content p{font: normal 400 14px/20px 'Plus Jakarta Sans', sans-serif;text-align: justify;}.talent-section .checkmark-lists li span{font: normal 400 14px/20px 'Plus Jakarta Sans', sans-serif;}.talent-section .module-inner-info h5{font: normal 500 14px/20px 'Plus Jakarta Sans', sans-serif;}.talent-section .module-inner-info .module-inner-title{font: normal 500 13px/20px 'Plus Jakarta Sans', sans-serif;margin: 0;}.talent-section .module-inner-info span{font: normal 400 12px/18px 'Plus Jakarta Sans', sans-serif;}.talent-section .btn-wrapper{margin: 30px 0;}.talent-section .btn-wrapper a{padding: 8px 15px;font: normal 400 14px/20px 'Plus Jakarta Sans', sans-serif;margin-bottom: 20px;}.subscribe-section .newsletter-col form {max-width: 380px;width: 100%;margin: 0 auto;}.subscribe-section .newsletter-title {text-align: left;font: normal 500 36px/48px 'Plus Jakarta Sans', sans-serif;}.subscribe-section .newsletter-para {text-align: left;font: normal 400 18px/27px 'Plus Jakarta Sans', sans-serif;}.top-brand-section {background: linear-gradient(180deg, #F1F8FF 0%, rgba(255, 255, 255, 0) 100%);}.dive-section {background: linear-gradient(to top , #FFFFFF 60%, #F1F8FF 50%);padding-top: 0;}.dive-section .dive-row {background: #fff2e9 url('https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/dive-1.svg') center/cover;padding: 40px 49px;border-radius: 15px;display: flex;align-items: center;flex-wrap: wrap;row-gap: 20px;box-shadow: 0px 4px 10px 0px #004F9E40;}.dive-section .dive-content {display: flex;flex-direction: column;row-gap: 8px;}.dive-section .dive-content h3, .dive-title {margin: 0;font: normal 600 28px/34px 'Plus Jakarta Sans', sans-serif;color: #0F4F93;}.dive-section .dive-action {display: flex;column-gap: 8px;justify-content: flex-end;}.dive-section .dive-action a {padding:13px 52px;font: normal 600 16px/22px 'Plus Jakarta Sans', sans-serif;}.dive-section .dive-action a.get-started-btn {background: #FF8A00;border-radius: 100px;color: #fff;}.dive-section .dive-action a.view-demo {color: #FF8A00;}.aboutus-section {background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(241,248,255,1) 100%);}.aboutus-section .about-para {margin: 0;color: #333333;font: normal 400 16px/22px 'Plus Jakarta Sans', sans-serif;}.work-section{background: linear-gradient(180deg, #F1F8FF 0%, #F1F8FF 100%);}.work-section .section-header h4{margin-bottom: 96px;}.work-section .work-card{display: flex;flex-direction: column;align-items: center;}.work-section i {border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;margin-bottom: 30px;background: #fff;padding: 10px;width:110px;height:110px;}.work-section i img{width: 90px;height: 90px;border-radius: 50%;}.work-section .work-card-heading {font-size: 24px;font-weight: 600;margin-top: 55px;text-align: center;}.work-section .work-row-container, .work-section .row {position: relative;z-index: 12;}.work-section .position-relative svg {position: absolute;top: -54px;left: 0;z-index: -1;visibility: visible;stroke-dasharray: 3700;stroke-dashoffset: 3700;animation: moveline 70s linear forwards infinite;width: 100%;height: 245px;}@keyframes moveline {from {stroke-dashoffset: 0;}to {stroke-dashoffset: 3700;}}.work-section .work-card-heading.green-heading {color: #7ABD32;}.work-section i.light-green-img {border: 3px solid #7ABD32;}.work-section i.orange-img {border: 3px solid #D68B42;}.work-section .work-card-heading.orange-heading {color: #D68B42;}.work-section i.purple-img {border: 3px solid #732B95;}.work-section .work-card-heading.purple-heading {color: #732B95;}.work-section i.red-img {border: 3px solid #BD1420;}.work-section .work-card-heading.red-heading {color: #BD1420;}.work-section i.dark-green-img {border: 3px solid #24A284;}.work-section .work-card-heading.dark-green-heading {color: #24A284;}.work-section p {margin-top: 10px;color: #686868;font-size: 12px;font-weight: 400;}


.newPrinciples-sec {
 background: #ffff !important;
 padding: 50px 0 100px;
}

 .newPrinciples-sec .cost-main-title {
 color: #343A40;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 700;
 font-size: clamp(28px, 2.6vw, 50px);
 line-height: 60px;
 text-transform: capitalize;
 margin: 0;
 text-align: center;
 }

 .newPrinciples-sec .cost-main-title span {
 color: #1E40AF;
 }
.presence-grid {
 display: grid;
 grid-template-columns: repeat(6, 1fr);
 grid-template-rows: 140px 140px;
 gap: 16px;
 width: 100%;
}

.presence-card {
 position: relative;
 overflow: hidden;
 border-radius: 10px;
}

.presence-card-large {
 grid-column: span 3;
}

.presence-card:nth-child(3),
.presence-card:nth-child(4),
.presence-card:nth-child(5) {
 grid-column: span 2;
}

.presence-card img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
}

.presence-card::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient( to top, rgba(0, 0, 0, 0.55), transparent 55% );
}

.presence-card span {
 position: absolute;
 bottom: 12px;
 left: 50%;
 transform: translateX(-50%);
 z-index: 2;
 color: #fff;
 font-size: 17px;
 font-weight: 500;
 white-space: nowrap;
}
.contact-section .form-header {display: flex;flex-direction: column;row-gap: 16px;margin-bottom: 20px;}.contact-section .form-header h3{margin: 0;font: normal 700 36px/42px 'Plus Jakarta Sans', sans-serif;}.contact-section .form-header p {margin: 0;color: #333333;font: normal 400 16px/22px 'Plus Jakarta Sans', sans-serif;}.contact-section .section-header h4 {margin-bottom: 96px;}.contact-section form.contact-form .form-column {max-height: 120px;}.contact-section form.contact-form .form-label {color: #333;font: normal 600 14px/20px 'Plus Jakarta Sans', sans-serif;display: block !important;}.contact-section form.contact-form input, .contact-section form.contact-form select {font: normal 400 16px / 22px 'Plus Jakarta Sans', sans-serif;color: #212529;height: 50px;border-radius: 5px;box-shadow: none;border: 1px solid #5597D6;background: transparent;}.contact-section form.contact-form textarea{font: normal 400 16px / 22px 'Plus Jakarta Sans', sans-serif;color: #212529;border-radius: 5px;box-shadow: none;border: 1px solid #5597D6;resize: none;width: 100%;}.contact-section span.country-mobile-code {align-items: center;justify-content: flex-start;column-gap: 15px;}.timelabs-section {background: linear-gradient(180deg, rgba(255, 255, 255, 0) 54.4%, #F1F8FF 100%);}.timelabs-section .contact-content {display: flex;flex-direction: column;row-gap: 40px;}.timelabs-section .contact-content h3 {margin: 0;color: #0F4F93;}.about-company-section {background: linear-gradient(0deg, #F1F8FF 0%, rgba(255, 255, 255, 0) 45.6%);padding: 0 0 40px;}.about-company-section .about-card {background: linear-gradient(to bottom, #FFEFDC 0%, rgba(255, 255, 255, 0) 100%);border: 1px solid;border-image-source: linear-gradient(180deg, #FF9E2C 14%, #FFFFFF 86.9%);border-image-slice: 1;padding: 20px;min-height: 320px;}.about-company-section .about-card h3 {margin: 15px 0 20px;text-align: center;text-shadow: 1px 1px 1px #fff;color: #ff9e2c;font: normal 600 22px / 30px 'Plus Jakarta Sans', sans-serif;}.about-company-section .about-card p {margin: 0;text-align: center;padding: 10px 5px;border-radius: 5px;color: #000;font: normal 500 16px / 25px 'Plus Jakarta Sans', sans-serif;}.machine-section .section-header h4 {margin-bottom: 96px;}.machine-section .device-sidebar h3.sidebar-heading {font: normal 400 16px/22px 'Plus Jakarta Sans', sans-serif;color: #fff;background: #0F4F93;margin: 0;padding: 10px 15px;}.machine-section .device-sidebar h3.sidebar-heading i {vertical-align: middle;}.machine-section .device-sidebar ul.device-category-list {padding:0px; display:flex;column-gap: 10px;list-style: none;justify-content:left; margin-bottom:30px; border-bottom: 1px solid #E1E6F4; padding-bottom:10px;}.machine-section .device-sidebar ul.device-category-list li a {border-radius:14px; color: #333;font: normal 500 16px/22px 'Plus Jakarta Sans', sans-serif;display: block;padding: 10px 15px 10px 15px;display: block;border-radius: 5px;position: relative;background:#E1EBFF;}.machine-section .device-sidebar ul.device-category-list li a i {position: absolute;left: 10px;top: 10px; display:none;}.machine-section .device-sidebar ul.device-category-list li a:hover{background: #efefef;}.machine-section .device-sidebar ul.device-category-list li a.active{background: #1E40AF;color: #fff;}.machine-section .device-card {padding: 0;border: 1px solid #e1e5d0;position: relative;margin-bottom: 30px;background:#fff;min-height: 410px;}.machine-section .device-card:hover {box-shadow: 0 0 5px #cacaca;transition: all .2s ease;}.machine-section .device-card a .device-img {text-align: center;background: #f6f6f6;margin-bottom: 15px;}.machine-section .device-card a .device-img img {margin: 10px 0;width: 150px;}.machine-section .device-card h3.device-name {color: #999;font: normal 600 16px/22px 'Plus Jakarta Sans', sans-serif;margin:0;}.machine-section .device-card a .device-img .stock-Show {position: absolute;top: 5px;right: 0;background-color: #8aed0e;color: #000;border-radius: 15px 0 0 15px;padding: 9px 16px 8px;z-index: 1;text-align: center;font: normal 400 12px/18px 'Plus Jakarta Sans', sans-serif;}.machine-section .device-card .device-details {text-align: left;padding: 0 15px;}.machine-section .device-card .device-details a.heading {color: #0F4F93;margin-bottom: 10px;font: normal 500 15px/21px 'Plus Jakarta Sans', sans-serif;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}.machine-section .device-card .device-details small {color: #717171;font: normal 500 12px/18px 'Plus Jakarta Sans', sans-serif;text-align: left;min-height: 130px;display: block;}.machine-section .device-card .device-details .stars {position: absolute;bottom: 20px;left: 20px;}.machine-section .device-card .device-details h4 {margin: 0 0 10px;color: #0b6e37;font: normal 600 16px/22px 'Plus Jakarta Sans', sans-serif;}.machine-section .device-card .device-details .visibelHide {visibility: hidden;}.machine-section .device-card .addto-cart-btn {position: absolute;width: auto;text-align: left;padding: 0 15px 15px;bottom: 0;right: 0;}.machine-section .device-card .addto-cart-btn a {border-radius: 30px;outline: 0;transition: all .3s ease;color: #333;background-color: #fff;border-color: #ccc;font: normal 400 14px/20px 'Plus Jakarta Sans', sans-serif;}.machine-section .device-card:hover .addto-cart-btn a {background: #0b6e37;color: #fff;border: solid 1px #064120;}.topheader-section {padding: 15px 0;}.topheader-section p.topheader-para {margin: 0;font: normal 500 16px/22px 'Plus Jakarta Sans', sans-serif;}.details-section .device-viewer .device-image {display: flex;justify-content:center;}.details-section .device-viewer .thumbnail-gallery {display: flex;align-items: center;column-gap: 8px;}.details-section .device-viewer .thumbnail-gallery .thumbnail-box {border-radius: 2px;border: 1px solid lightgray;padding: 3px;height: 70px;width: 70px;display: flex;align-items: center;cursor: pointer;}.details-section .device-details {display: flex;flex-direction: column;align-items: flex-start;row-gap: 20px;}.details-section .device-details .device-header {display: flex;align-items: center;justify-content: space-between;width: 100%;}.details-section .device-details .device-header h3{margin: 0;font: normal 500 28px/34px 'Plus Jakarta Sans', sans-serif;color: #212529;}.details-section .device-details .device-header a {padding: 1px 9px;font-size: 16px;}.details-section .device-details p.device-des {margin:0;font: normal 400 16px/22px 'Plus Jakarta Sans', sans-serif;}.details-section .device-details a {font: normal 400 16px/22px 'Plus Jakarta Sans', sans-serif;}.details-section .details-wrapper {margin-top: 20px;}.details-section .details-wrapper h3 {background: #0F4F93;color: #fff;margin: 0;font: normal 600 16px/22px 'Plus Jakarta Sans', sans-serif;padding: 8px;}.fixed-scroll {position: fixed !important;}.newsletter-col{height: 70px;display: flex;align-items: center;flex-wrap: wrap;}.featureIcon {display: flex;align-items: center;justify-content: center;padding: 5px 0;}.featureIcon img {width: 60px;}.explore-core-hr .row {display: flex;align-items: center;flex-wrap: wrap;}.Compbox{background: linear-gradient(to bottom, #FFEFDC 0%, rgba(255, 255, 255, 0) 100%);margin: 40px 0 0;padding: 15px;border: 1px solid;border-image-source: linear-gradient(180deg, #FF9E2C 14%, #FFFFFF 86.9%);border-image-slice: 1;}.Compbox h5 {text-align: center;margin: 20px 0 30px;font-size: 22px;font-weight: 600;color: #fe9e2c;}.aboutus-section .col-sm-12.col-lg-4:nth-child(2n) .Compbox,.about-company-section .col-md-4.col-sm-6:nth-child(2n) .about-card {background: linear-gradient(to top, #FFEFDC 0%, rgba(255, 255, 255, 0) 100%);border: 1px solid;border-image-source: linear-gradient(180deg, #FFFFFF 14%, #FF9E2C 86.9%);border-image-slice: 1;}.Compbox .banner-Feature{margin: 0;padding: 0;list-style: none;}.Compbox .banner-Feature li{font: 500 16px 'Plus Jakarta Sans',sans-serif;color: #222;padding: 0 0 8px 25px;position: relative;}.Compbox .banner-Feature li:after{content: "\e92c";position: absolute;left: 0;top: 6px;font-family: Feather;color: #fe9e2c;font-size: 16px;}p.PlayButton {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -100%);width: 50px;height: 50px;background: #f93c3c;display: flex;align-items: center;justify-content: center;color: #fff;border-radius: 50%;font-size: 24px;-webkit-animation: ripple 1s linear infinite;animation: ripple 1s linear infinite;}@-webkit-keyframes ripple {0% {-webkit-box-shadow: 0 0 0 0 rgba(249, 60, 60,0.3), 0 0 0 10px rgba(249, 60, 60,0.3), 0 0 0 30px rgba(249, 60, 60,0.3), 0 0 0 60px rgba(249, 60, 60,0.3);box-shadow: 0 0 0 0 rgba(249, 60, 60,0.3), 0 0 0 10px rgba(249, 60, 60,0.3), 0 0 0 30px rgba(249, 60, 60,0.3), 0 0 0 60px rgba(249, 60, 60,0.3);}100% {-webkit-box-shadow: 0 0 0 10px rgba(249, 60, 60,0.3), 0 0 0 30px rgba(249, 60, 60,0.3), 0 0 0 60px rgba(249, 60, 60,0.3), 0 0 0 90px rgba(189, 142, 210, 0);box-shadow: 0 0 0 10px rgba(249, 60, 60,0.3), 0 0 0 30px rgba(249, 60, 60,0.3), 0 0 0 60px rgba(249, 60, 60,0.3), 0 0 0 80px rgba(189, 142, 210, 0);}}@keyframes ripple {0% {-webkit-box-shadow: 0 0 0 0 rgba(249, 60, 60,0.3), 0 0 0 10px rgba(249, 60, 60,0.3), 0 0 0 30px rgba(249, 60, 60,0.3), 0 0 0 60px rgba(249, 60, 60,0.3);box-shadow: 0 0 0 0 rgba(249, 60, 60,0.3), 0 0 0 10px rgba(249, 60, 60,0.3), 0 0 0 30px rgba(249, 60, 60,0.3), 0 0 0 60px rgba(249, 60, 60,0.3);}100% {-webkit-box-shadow: 0 0 0 10px rgba(249, 60, 60,0.3), 0 0 0 30px rgba(249, 60, 60,0.3), 0 0 0 60px rgba(249, 60, 60,0.3), 0 0 0 90px rgba(189, 142, 210, 0);box-shadow: 0 0 0 10px rgba(249, 60, 60,0.3), 0 0 0 30px rgba(249, 60, 60,0.3), 0 0 0 60px rgba(249, 60, 60,0.3), 0 0 0 80px rgba(189, 142, 210, 0);}}.devicedetails-section {background: linear-gradient(180deg, rgba(255, 255, 255, 0) 54.4%, #FFEFDC 100%);}.devicedetails-section .section-header h4 {color: #333;font: normal 400 16px/22px 'Plus Jakarta Sans', sans-serif;margin-bottom: 96px;}.devicedetails-section .device-details-col .device-details {display: flex;flex-direction: column;row-gap: 20px;}.devicedetails-section .device-details-col .device-details h3 {margin: 0;}.devicedetails-section .device-details-col .device-details p {margin: 0;color: #333;font: normal 400 16px/22px 'Plus Jakarta Sans', sans-serif;}.devicedetails-section .device-details-col .device-details a {font: normal 400 16px/22px 'Plus Jakarta Sans', sans-serif;}.devicedetails-section .device-row {margin-bottom: 60px;display: flex;align-items: center;flex-wrap: wrap;}.explore-core-hr .row {display: flex;align-items: center;flex-wrap: wrap;}.autonomy-section {background: linear-gradient(0deg, #F1F8FF 0%, rgba(255, 255, 255, 0) 45.6%);}.autonomy-section .section-header h4, .section-sub-head{margin-bottom: 96px;}.autonomy-section .autonomy-column {margin-bottom: 20px;}.autonomy-section .autonomy-column .autonomy-card {padding: 32px 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;row-gap: 12px;text-align: center;min-height: 270px;}.autonomy-section .autonomy-column:nth-child(odd) .autonomy-card {background: linear-gradient(to bottom , #FFEFDC 0%, rgba(255, 255, 255, 0) 100%);border: 1px solid;border-image-source: linear-gradient(180deg, #FF9E2C 14%, #FFFFFF 86.9%);border-image-slice: 1;}.autonomy-section .autonomy-column:nth-child(even) .autonomy-card {background: linear-gradient(to top, #FFEFDC 0%, rgba(255, 255, 255, 0) 100%);border: 1px solid;border-image-source: linear-gradient(180deg, #FFFFFF 14%, #FF9E2C 86.9%);border-image-slice: 1;}.autonomy-section .autonomy-column .autonomy-card h4 {color: #0F4F93;font: normal 500 18px/26px 'Plus Jakarta Sans', sans-serif;margin: 0;}.autonomy-section .autonomy-icon {font-size: 34px;color: #ff9e2c;}.autonomy-section .model-body-header h2{color:#0f4f93;}.autonomy-section .model-body-header p{color:#333;}.mobileapp-section {background: #0F4F93;}.mobileapp-section .section-header h3 {color: #fff !important;margin-bottom: 40px;}.mobileapp-info-section {background: linear-gradient(0deg, #F1F8FF 0%, rgba(255, 255, 255, 0) 45.6%);}.mobileapp-info-section .section-header {display: flex;flex-direction: column;align-items: center;row-gap: 16px;}.mobileapp-info-section .section-header p{text-align: center;margin: 0;font: normal 400 18px/24px 'Plus Jakarta Sans', sans-serif;color: #333;}.hrdesk-section {background: linear-gradient(0deg, #FFEFDC 0%, rgba(255, 255, 255, 2.66886e-08) 59.9%, rgba(255, 255, 255, 0) 80.4%);}.hrdesk-section .row {display: flex;align-items: center;flex-wrap: wrap;}.hrdesk-section .hrdesk-content {display: flex;flex-direction: column;row-gap: 24px;}.hrdesk-section .hrdesk-content h3 {font: normal 500 28px/34px 'Plus Jakarta Sans', sans-serif;}.hrdesk-section .hrdesk-content .hrdesk-inner-content {display: flex;flex-direction: column;row-gap: 8px;}.hrdesk-section .hrdesk-content .hrdesk-inner-content h4 {font: normal 500 20px/36px 'Plus Jakarta Sans', sans-serif;}.hrdesk-section .hrdesk-content .hrdesk-inner-content p {font: normal 400 16px/22px 'Plus Jakarta Sans', sans-serif;color: #333;margin: 0;}.module-select-list li.active,#moduleList li {background: #e8f2fd;border: 2px solid #0f4f93;}.module-select-list li.active i, .module-select-list li.active span,#moduleList li span {color: #0f4f93;}.contact-form input, .contact-form select {font: normal 400 16px / 22px 'Plus Jakarta Sans', sans-serif;color: #000 !important;height: 50px;border-radius: 5px;box-shadow: none;border: 1px solid #FF9E2C;background: #fff;}.contact-form select option {color: #555;}.contact-form input, .contact-form select{border:1px solid #FF9E2C !important;background: #fff;}.contact-form textarea {font: normal 400 16px / 22px 'Plus Jakarta Sans', sans-serif;color: #000;border-radius: 5px;box-shadow: none;border: 1px solid #FF9E2C;resize: none;width: 100%;}.contact-form input::placeholder, .contact-form textarea::placeholder{color:#000;opacity: 0.8;}form.contact-form .form-label {color: #333;font: normal 600 14px/20px 'Plus Jakarta Sans', sans-serif;display:none;}form.contact-form .country-mobile-code select {width: 30% !important;display: inline-block;}form.contact-form .country-mobile-code input {width: 69.33% !important;display: inline-block;}#getQuoteModel form.contact-form .country-mobile-code input {width: 68.33% !important;display: inline-block;}ul.timelineData {padding: 0;margin: 0;list-style: none;text-align: center;}ul.timelineData li{display: inline-flex;align-items: center;justify-content: center;position: relative;}ul.timelineData li:nth-child(odd):before {content: "";position: absolute;top: 40%;right: -160px;background: url(../../images/arrow.png) no-repeat;width: 139px;height: 150px;}ul.timelineData li:nth-child(3n):before {right: initial;left: -160px;background: url(../../images/arrow-left.png) no-repeat;}ul.timelineData li:nth-child(7n):before{background:none;}ul.timelineData li div{border: 1px solid #ff9e2c;padding: 15px 35px 15px 110px;border-radius: 40px;position: relative;overflow: hidden;text-align: left;margin-bottom: 30px;display: inline-flex;align-items: center;flex-wrap: wrap;max-width: 780px;min-height: 100px;}ul.timelineData li i {position: absolute;left: 0;top: 0;width: 80px;height: 100%;background: linear-gradient(179deg, rgb(255 241 225) 54.4%, #fde4c6 100%);border-radius: 30px 0 0 30px;display: flex;align-items: center;justify-content: center;font: normal 500 24px 'Plus Jakarta Sans',sans-serif;color: #ff9e2c;border-right: 1px solid #ff9e2c;}ul.timelineData li span {font: 600 16px/24px 'Plus Jakarta Sans',sans-serif;display: block;padding-bottom: 5px;}ul.timelineData li p {font: 400 13px/20px 'Plus Jakarta Sans',sans-serif;margin: 0;color: #333;text-align: justify;}ul.timelineData li:nth-child(even) div{padding: 15px 110px 15px 35px;justify-content: flex-end;}ul.timelineData li:nth-child(even) i{left: initial;right: 0;border-radius: 0 30px 30px 0;border-left: 1px solid #ff9e2c;border-right: none;}.columnH .autonomy-card {min-height: 280px !important;background: linear-gradient(180deg, #fff7ee00 0%, #E3F1FF 100%) !important;border: 1px solid #FFF9F4 !important;box-shadow: 0px 4px 20px 0px #0000001A;border-radius: 20px;}.columnH .autonomy-card h4{font: normal 500 16px/20px 'Plus Jakarta Sans', sans-serif !important;}.listviewdata {padding-left: 20px;list-style: square;}.listviewdata li{font: normal 400 18px/36px 'Plus Jakarta Sans', sans-serif;}.Compbox.pricebox {min-height: 440px;}.innerheading {font-size: 26px;}.ResourceBox {box-shadow: 0px 4px 10px 0px #004F9E40;background: #eef7ff;color: #0f4f93;display: block;}.resource-text {padding: 15px 23px;font-size: 16px;text-align: center;min-height: 100px;}.ResourceBox img {width: 100%;}.PlaynoAnimation {animation: none !important;background-color: rgb(255 0 0 / 40%) !important;font-size: 27px !important;width: 65px !important;height: 65px !important;}.selected-module-heading{color: #000;}.gpanel .panel.panel-default {margin-bottom: 12px;}.gpanel .panel-heading{padding: 24px 15px;font: 400 20px 'Plus Jakarta Sans',sans-serif;background: #fff;cursor: pointer;position: relative;color: var(--blue);}.gpanel .panel-heading:after{position:absolute;top: 50%;transform: translateY(-50%);right: 15px;color: #000;font-family: 'Feather';font-size: 20px;}.gpanel .panel-heading.collapsed:after{content: "\e9b1";}.gpanel .panel-heading:after{content: "\e996";}.gpanel .panel-heading:hover,.gpanel .panel-heading{background: #fddaa9;transition: all 500ms ease;}.gpanel .panel-heading.collapsed{background: #fff;transition: all 500ms ease;}.gpanel p{font: 400 16px/24px 'Plus Jakarta Sans',sans-serif;margin: 10px 0 10px;}.gpanel ol{margin: 0;padding: 0 0 0 15px;}.gpanel ol li{font: 400 16px/30px 'Plus Jakarta Sans',sans-serif;margin: 5px 0 5px;}.autonomy-section .model-body-header h2, .autonomy-section .model-body-header p {text-align: center;}.autonomy-section .model-body-header p{margin-bottom: 40px;}.landingform {background: #fff;padding: 8px 15px;width: 100%;border-radius: 10px;box-shadow: 0 4px 4px rgba(0,0,0,0.25);border: 1px solid #d9d9d9;position: relative;}.landingform:after {content: "";position: absolute;bottom: 0;left: 0;background: #fff;height: 80px;width: 100%;}.landingform h5, .landingform h2 {font: 500 24px/40px 'Plus Jakarta Sans',sans-serif;margin: 0;color: #001655;text-align: left;display: flex;align-items: center;justify-content: space-between;}.landingform h5 .ConnectWithUsClose, .landingform h2 .ConnectWithUsClose{display: none;cursor: pointer;margin-top: -30px;}.gconnect .hero-section {background: linear-gradient(180deg, #FFEFDC 0%, #fff 100%);}.gconnect .hero-section svg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}.gconnect .hero-section .hero-content .hero-title{color: var(--blue);}.gconnect .hero-section .hero-content p{width: 100%;font: 400 20px/30px 'Plus Jakarta Sans',sans-serif;color: var(--blue);margin: 0;}.refresh_button {font-size: 20px;color: #666;cursor: pointer;}.global-brand{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;column-gap: 30px;row-gap: 30px;list-style: none;margin: 0;padding: 0;width: 100%;}.global-brand li{background: #fff;border: 1px solid #87A7C9;border-radius: 5px;padding: 8px 15px;}.global-brand li a {display: flex;align-items: center;justify-content: center;column-gap: 10px;}.global-brand li p {display: flex;align-items: center;justify-content: center;flex-direction: column;}.global-brand li p span{font-size: 35px;font-weight: 600;color: #5F8AB7;}.ConnectWithUs{display: none;cursor: pointer;}.FeatureMobile{display: none;}.FeatureMobile .gpanel .panel{width: 100%;height: 100%;background-size: cover !important;background-position: center !important;}.FeatureMobile .gpanel .panel:nth-child(1n){background: #fff url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/first_bg.svg") no-repeat;}.FeatureMobile .gpanel .panel:nth-child(2n){background: #fff url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/second_bg.svg") no-repeat;}.FeatureMobile .gpanel .panel:nth-child(3n){background: #fff url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/third_bg.svg") no-repeat;}.FeatureMobile .gpanel .panel:nth-child(4n){background: #fff url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/fifth_bg.svg") no-repeat;}.FeatureMobile .gpanel .panel:nth-child(5n){background: #fff url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/six_bg.svg") no-repeat;}.FeatureMobile .gpanel .panel:nth-child(6n){background: #fff url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/seven_bg.svg") no-repeat;}.FeatureMobile .gpanel .panel:nth-child(7n){background: #fff url("https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/eight_bg.svg") no-repeat;}.FeatureMobile .gpanel .panel-heading{display: flex;align-items: center;justify-content: flex-start;column-gap: 15px;background: transparent;}.FeatureMobile .gpanel .panel-heading i{display: inline-block;width: 35px;height: 35px;}.FeatureMobile .gpanel .panel-heading i img{width: 100%;height :auto;}.FeatureMobile .gpanel .panel-body{border-top: none !important;}.FeatureMobile .gpanel .panel-body img{width: 100%;margin-bottom: 15px;}.FeatureMobile .gpanel .panel-body p{margin: 15px 0;font: 400 14px/20px 'Plus Jakarta Sans',sans-serif;}.FeatureMobile .gpanel .panel-body p b{font: 600 16px/24px 'Plus Jakarta Sans',sans-serif;}.FeatureMobile .gpanel .panel-body ul{padding: 0;margin: 0;list-style: none}.FeatureMobile .gpanel .panel-body ul li{padding: 0;margin: 0;display: flex;align-items: flex-start;justify-content: flex-start;column-gap: 15px;font: 600 14px/20px 'Plus Jakarta Sans',sans-serif;color: #0F4F93;}.FeatureMobile .gpanel .panel-body ul li img{width: 24px;margin-top: 5px;filter: brightness(0) saturate(100%) invert(67%) sepia(99%) saturate(1175%) hue-rotate(335deg) brightness(100%) contrast(102%);}div#getQuoteModel p, div#getQuoteModel label {color: #ff4141;margin-top: 10px;}.affiliate-section form label{display:none;}.affiliate-section form input, .affiliate-section form textarea{background: #fff !important;color: #000 !important;box-shadow: none !important;border: 1px solid #FF9E2C !important;}.affiliate-section form input::placeholder, .affiliate-section form textarea::placeholder{color: #000;}.captcha-box{display: flex;align-items: center;gap: 20px;justify-content: flex-end;}.captcha-box input {width: 200px;}.affiliate-section canvas {background: #fff;border: 1px solid #ddd;}.get-started form label{display:block !important;}.get-started ul.module-select-list li{background: #f2f3f8 !important;border: solid 1px #d6dee8;}.get-started .module-select-list li i, .get-started .module-select-list li span{color: #333 !important;font: normal 600 12px / 20px 'Plus Jakarta Sans', sans-serif;}.get-started .module-select-list li.active {background: #006FFA !important;color: #fff !important;border: 1px solid #fff !important;}.get-started .module-select-list li.active i, .get-started .module-select-list li.active span {color: #fff !important;}.get-started .form-action {align-items: center;column-gap: 10px;justify-content:center;}.get-started input::placeholder, .get-started textarea::placeholder {color: #222 !important;}.explore-content-img {width:100px;height: auto;}.para-content {min-height: 50px;}.form-main {padding: 0 15px !important;}#QuickDemo .modal-body{padding: 0 !important;}#QuickDemo h5, #QuickDemo h2{text-align: center;padding: 18px 15px;background: #005b9d;font: 500 18px / 24px 'Plus Jakarta Sans', sans-serif;color: #fff;display: flex;align-items: center;justify-content: space-between;margin: 0;}#QuickDemo h5 i, #QuickDemo h2 i{cursor: pointer;}.foot_menu,.mobile-Industries,.mobileIcon{display: none !important;}.industries .dropdown-block a.dropdown-inner.active {color: #006FFA !important;background: transparent;border: none;}#getQuoteModel .modal-dialog {margin: 0 auto !important;}.ourclient-slider .owl-nav {position: relative;display: flex;justify-content: center;margin: 30px 0 0;}.feature-box {background: linear-gradient(180deg, #FFFFFF 0%, #E5F1FF 100%);border: 2px solid #83BFFF;padding: 32px 16px;border-radius: 20px;display: flex;flex-direction: column;row-gap: 8px;min-height: 180px;justify-content: center;}.feature-box .box-title {font:normal 600 24px/30px 'Plus Jakarta Sans', sans-serif;margin: 0;color: #0F4F93;}.feature-box .box-title.orange-text {color: #FF9E2C;}.feature-box .box-para {font:normal 300 16px/22px 'Plus Jakarta Sans', sans-serif;margin: 0;color: #333;}.product-viewer .thumbnail-gallery {display: flex;column-gap: 10px;margin-top: 30px;}.sitemap {background: url(https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/sitemap.png) center;}.sitemap .sitmapHead{background: #9747FF;font-size: 20px;color: #fff;margin: 0 0 100px;position: relative;}.sitemap .sitmapHead:after {content: "";position: absolute;left: 50%;bottom: -55px;width: 2px;height: 110%;background: #b3b3b3;z-index: -1;}.sitemap ul {padding: 0;margin: 0;list-style: none;}ul.stemapData {display: flex;align-items: flex-start;justify-content: space-between;column-gap: 40px;text-align: left;position: relative;}ul.stemapData:after {content: "";position: absolute;top: -46px;width: 89%;border-top: 2px solid #b3b3b3;margin: 0 auto;left: 60px;}.sitemap ul a {display: inline-flex;align-items: center;justify-content: center;background: #E4CCFF;padding: 15px 30px;border-radius: 30px;font: 500 16px / 20px 'Plus Jakarta Sans', sans-serif;color: #000;}.sitemap li.sitemapList{position: relative;}.sitemap li.sitemapList:before {content: "";position: absolute;left: 60px;width: 2px;height: 55px;background: #b3b3b3;top: -45px;z-index: -1;}.sitemapList > ul {padding-top: 40px;position: relative;margin-left: 20px;}.sitemapList > ul:after {content: "";position: absolute;top: -27px;left: 0px;width: 1px;height: 100%;border-left: 2px solid #B3B3B3;z-index: -1;}.sitemapList li {padding-left: 45px;position: relative;margin-bottom: 20px;}.sitemapList li::after {content: "";position: absolute;left: 0;bottom: 50%;border-bottom: 2px solid #B3B3B3;width: 50px;transform: translateY(-50%);z-index: -1;}.sitemapList li a {background: #E6E6E6;font-size: 14px;padding: 12px 30px;white-space: nowrap;z-index: 11;position: relative;}.sitemapList li a:hover{background: #ffeeda;}.h-auto {height:auto;}.explore-core-hr .explore-content .para-content p {text-align: left;}@media screen and (min-width: 1460px) and (max-width: 1920px) {header .nav-menu {max-width: 1380px;}}@media screen and (min-width: 1280px) and (max-width: 1920px) {.margin-20{margin-top: -30px;}.landingform{margin-top: 0;}#getQuoteModel.modal:before {display: inline-block;vertical-align: middle;content: "";height: 100%;}#getQuoteModel .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}.addModelWidth .modal-dialog.modal-dialog-centered {width: 800px !important;}}header .nav-menu {max-width: 94%;width:auto;}}@media screen and (min-width: 1200px) and (max-width: 1450px) {section {padding: 50px 0;}.hero-section .hero-content .hero-title{font: normal 600 36px / 60px 'Plus Jakarta Sans', sans-serif !important;}.hero-section .hero-content{padding: 165px 0 120px !important;}.hero-section .hero-badge{top: 130px !important;}.mobileHero .hero-badge{opacity: 1 !important;}.mobileHero .hero-section .hero-content {height: 90vh !important;}.hero-section .hero-content .hero-para{font: normal 400 16px/24px 'Plus Jakarta Sans', sans-serif;}.tab-body-content span, .tab-body-content p{font: normal 400 14px/normal 'Plus Jakarta Sans', sans-serif !important;}.section-main-title{font: normal 600 30px/38px 'Plus Jakarta Sans', sans-serif;}.explore-section .tab-body .tab-body-content h4{font: normal 500 26px/38px 'Plus Jakarta Sans', sans-serif;}.explore-section .tab-body .tab-body-content .tab-body-data p,.explore-section .tab-body .tab-body-content .tab-body-data span{font: normal 400 14px/20px 'Plus Jakarta Sans', sans-serif;}.HR-workforce h3, .workforce-title{font: normal 500 18px/30px 'Plus Jakarta Sans', sans-serif;}.choose-section .duration-content h3{font: normal 700 26px/40px 'Plus Jakarta Sans', sans-serif;}.choose-section .duration-content p{font: normal 400 16px/24px 'Plus Jakarta Sans', sans-serif;}.checkmark-lists li span{font: normal 500 14px/26px 'Plus Jakarta Sans', sans-serif;}.section-heading, .section-head{font: normal 600 30px/48px 'Plus Jakarta Sans', sans-serif;}.yellow-btn{font: normal 500 16px/24px 'Plus Jakarta Sans', sans-serif;}.mobileHero .hero-section .hero-content{row-gap: 30px !important;}.explore-core-hr .explore-content h3, .heading-2, .blog-heading-2 {font: normal 700 26px / 40px 'Plus Jakarta Sans', sans-serif;}.hero-section .hero-badge span{font: normal 600 14px/30px 'Plus Jakarta Sans', sans-serif;}h4.light-blue-text, h5.light-blue-text, h2.heading-2.light-blue-text{font-size: 16px;line-height: 20px;}.gherosection.gconnect{height: 130vh;}.gherosection.gconnect .hero-content {padding: 420px 0 !important;}.feature-box .box-title{font: normal 600 16px/20px 'Plus Jakarta Sans', sans-serif;}}@media screen and (min-width: 1280px) and (max-width: 2500px) {header .menu-main{padding: 30px 20px;}.hero-section .hero-content{row-gap: 30px;padding: 260px 0 120px;position: relative;}.hero-section .hero-content .hero-para{font: normal 400 18px/24px 'Plus Jakarta Sans', sans-serif;}.hero-section .hero-badge{position: absolute;top: 190px;}.hero-btn-wrapper{position: absolute;bottom: 80px;}}@media screen and (min-width: 1280px) and (max-width: 1600px) {.hero-section .hero-content .hero-title {font: normal 600 50px / 80px 'Plus Jakarta Sans', sans-serif;}}@media screen and (min-width: 991px) and (max-width: 1280px) {.feature-card{padding: 10px;}.solution-offered-section .feature-item{width: 25%;}.feature-card .feature-title {font-size: 16px;line-height: 24px;}.feature-card .feature-para{font-size: 13px;line-height: 20px;}.feature-card .feature-action .light-blue-btn, .feature-card .feature-action .yellow-border-btn{padding: 6px 14px;white-space: nowrap;font-size: 11px;}header .navbar ul li a{font-size: 14px;}header nav .header-btn{font: normal 400 14px/26px 'Plus Jakarta Sans', sans-serif;}header nav .brand-logo {width: 180px;}.hero-section .hero-content .hero-title{font: normal 600 40px/70px 'Plus Jakarta Sans', sans-serif;}.gherosection.mobileHero h1.hero-title {min-height: auto;font: normal 600 32px / 45px 'Plus Jakarta Sans', sans-serif !important;}.mobileHero .hero-section {height: 90vh !important;}.mobileHero .hero-section .hero-content {height: 80vh;row-gap: 15px;}.mobileHero .hero-badge{opacity: 0;}header .nav-menu {width: 1130px;}header .nav-menu .col-sm-12.col-lg-3{padding: 0;width:33%;}header .nav-menu .col-sm-12.col-lg-3.industries {padding-left: 25px;width:100%;text-align:left;}header .nav-menu .col-sm-12.col-lg-3.industries .dropdown-block{display:inline-block;}.col-sm-12.col-lg-3.industries{min-height:auto!important;background: #f6f6f6;padding: 0px 15px 15px !important;border-left:none !important;border-right:none !important;}.details-section .details-wrapper{overflow-x: auto;}.dropdown-content > .row {padding-bottom: 0 !important;}header a.dropdown-inner{padding: 5px 15px;}.module-content h2, .module-content h3, .section-title{font: normal 700 30px/44px 'Plus Jakarta Sans', sans-serif;}}@media only screen and (max-width: 1199px) {.navbar-toggle{display:block;}.navbar-nav{display:none;}.navbar-menu.collapse.in .navbar-nav {opacity: 1;transform: translateX(0);transition: all 500ms ease;display:block;}.navbar-main-header{width:100%;}button.navbar-toggle {position: absolute;right: 178px;top: 50%;transform: translateY(-50%);margin-top: 0;}.navbar-menu ul.nav.navbar-nav {position: fixed;left: 0;top: 0;width: 400px;background: #fff !important;z-index: 99;transform: translateX(400px);opacity: 0;transition: all 500ms ease;height: 100vh;overflow-y: auto;border-radius: 0px;border: none;}.toggle-overlay .navbar-nav:before {background: rgb(0 0 0 / 53%);content: "";height: 100%;width: 100%;display: block;position: absolute;z-index: 3;}}@media only screen and (max-width: 991px) {.feature-card .feature-title{min-height: auto;}.details-section .details-wrapper{overflow-x: auto;}.order-1{order: 1;}.order-2{order: 2;}.no-mobile-margin{margin: 0 !important;}.d-flex{flex-wrap: wrap;}.modal-content video{display: none;}.payrollsoft.owl-carousel .owl-item img{width: 100% !important;}#QuickDemo1 .modal-dialog, #QuickDemo2 .modal-dialog {max-width: 95% !important;width: 100%;}.captcha-box{flex-wrap: wrap;}#QuickDemo1 canvas, #QuickDemo2 canvas{width: 100%;}.connectBox img {width: 150px !important;height: auto;}.explore-image{width: auto;height: auto;}div#coreHR,div#module-row{margin-top: 30px;}.hero-height-auto {min-height: auto !important;}#getQuoteModel .modal-dialog {margin: 0 !important;}body.menuOpen{overflow: hidden;}.Featuredesktop{display: none !important;}.FeatureMobile,.mobile-Industries{display: block !important;}.menu-item.dropdown .row {padding: 0 15px 0 !important;}.connect-feature .FeatureMobile .panel-group{margin-top: 0 !important;}.connect-feature .FeatureMobile .panel{background: #fff !important;box-shadow: inset 0 0 8px rgba(193,223,255,0.55);}.featureItem{width: 46.85%;align-items: center;justify-content: center;}.feature-title{text-align: center;}.explore-core-hr .explore-content{padding: 0;}.our-client-section.orange-bg{padding-top: 0;}.feature-card{min-height: 325px;justify-content:center;}.explore-section .tab-body{margin-top: 70px;}.choose-slider .owl-nav {top: 20px;right: inherit;left: 50%;transform: translateX(-50%);}.choose-row.choose-slider.owl-theme.owl-carousel.owl-loaded.owl-drag {padding-top: 90px;}header{height: auto !important;position:sticky;background:#fff;z-index:10;}.machine-section .col-sm-12.col-md-3 {position: relative !important;top: inherit !important;}header.darkHeader{z-index: 999;padding: 0;}.hero-section .hero-content .hero-title {font: normal 600 62px / 78px 'Plus Jakarta Sans', sans-serif;}header .menu-main{top: 0;border-radius: 0;box-shadow: none;position: relative;padding: 30px 10px;}header .navbar-block{width: 85% !important;height: 80% !important;top: 60px !important;background: #fff;right: 5px;left: initial;border-radius: 10px;border: 1px solid #E0F2FF;box-shadow: 0 0 6px #E0F2FF;padding: 0;display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;}header .navbar-block .foot_menu {display: flex !important;align-items: center;justify-content: center;width: 100%;column-gap: 20px;background: #ffffff;position: sticky;bottom: 0;left: 0;padding: 10px 15px;border-radius: 0 0 10px 10px;}header .navbar-block .foot_menu a{display: flex;align-items: center;justify-content: center;width: 100%;column-gap: 10px;border: 2px solid #006FFA;padding: 8px 15px;background: #F1F8FF;border-radius: 10px;font: normal 400 17px/24px 'Plus Jakarta Sans', sans-serif;color: #006FFA;}header .navbar-block:after {content: "";position: absolute;top: -31px;right: 15px;border: 16px solid transparent;border-bottom-color: #fff;z-index: 11;}header .navbar-block:before {content: "";position: absolute;top: -39px;right: 11px;border: 20px solid transparent;border-bottom-color: #E0F2FF;}header .navbar-block .foot_menu a:hover{background: #006FFA;color: #fff;}header .navbar-block ul > li:first-child {display: none;}header .navbar-block ul > li > a {border-bottom: 1px dashed #e1e1e1;color: #0F4F93 !important;}header .navbar ul li a i {font-size: 20px;color: #0F4F93;transform: rotate(-90deg);transition: all 200ms ease;}header li.menu-item.dropdown.dropdown-show a i{transform: rotate(0deg);}header .navbar ul li .dropdown-content{padding: 0 !important;}body.menuOpen .dropdown-content.w-700 .dropdown-column{padding: 15px 0 !important;}.dropdown-content .dropdown-block a.dropdown-inner.active {color: #006FFA !important;}header nav ul {margin: 10px 0;padding: 0 20px;list-style: none;width: 100%;overflow-y: auto;}header .dropdown-content{width: 100% !important;}header nav .header-btn {position: absolute;right: 70px;padding: 4px 12px;width: 110px;font-size: 13px;height: auto;border: 2px solid #006FFA;background: #F1F8FF !important;color: #006FFA !important;font-weight: 500;top: 12px;}header nav .header-btn:hover{background: #006FFA !important;color: #fff !important;}header nav .header-btn {margin-left: 40px;}.gherosection{height: auto;padding-top: 0;overflow: inherit;margin-top:0px;}.hero-section .bg-grid{height: 30vh;}body:after {content: "";position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);opacity: 0;visibility: hidden;transition: all 500ms ease;z-index:9;}body.menuOpen:after{opacity: 1;visibility: visible;transition: all 500ms ease;}.light-blue-btn {height: 42px;padding: 8px 32px;font: normal 600 16px/24px 'Plus Jakarta Sans', sans-serif;text-align: center;}.btn-transparent {padding: 8px 32px;font: normal 600 16px/24px 'Plus Jakarta Sans', sans-serif;text-align: center;}.orange-btn {height: 42px;font: normal 400 16px/18px 'Plus Jakarta Sans', sans-serif;padding: 11px 15px;text-align: center;}.yellow-btn {font: normal 500 16px/24px 'Plus Jakarta Sans', sans-serif;}.section-heading,.section-head {font: normal 600 24px/30px 'Plus Jakarta Sans', sans-serif;margin-bottom: 10px;}.section-main-title {font: normal 600 24px/36px 'Plus Jakarta Sans', sans-serif;}.section-light-title {font: normal 400 20px/30px 'Plus Jakarta Sans', sans-serif;}.section-subheading,.section-sub-head {font: normal 400 16px/24px 'Plus Jakarta Sans', sans-serif !important;margin: 0 0 30px;}.face-work-title {font: normal 500 16px/24px 'Plus Jakarta Sans', sans-serif;}.explore-core-hr .explore-content p{font: normal 400 14px/24px 'Plus Jakarta Sans', sans-serif;}.face-work-title::before {background-position: center center;background-size: contain;background-repeat: no-repeat;width: 20px;height: 20px;left: -40px;top: 0;}.face-work-title::after {background-position: center center;background-size: contain;background-repeat: no-repeat;width: 20px;height: 20px;right: -40px;bottom: 0;}.custom-badge {padding: 4px 15px;}.custom-badge span {font: normal 500 14px/16px 'Plus Jakarta Sans', sans-serif !important;margin-left: 0;}.section-wise-heading {font: normal 500 18px/20px 'Plus Jakarta Sans', sans-serif;}.checkmark-lists li span {font: normal 500 14px/20px 'Plus Jakarta Sans', sans-serif;}.footer .footer-copyright-row p.copyright-para {text-align: center;}.footer .organization-detail {row-gap: 10px;padding: 0;}.footer .organization-detail img.footer-logo {width: 170px;}.btn-wrapper {column-gap: 16px;flex-wrap: wrap;align-items: center;justify-content: center;}.btn-wrapper a {margin: 10px 0 15px;}.module-content {row-gap: 15px;}.module-content h3, .module-content h2{font: normal 600 24px/30px 'Plus Jakarta Sans', sans-serif !important;}.module-content p {font: normal 400 16px/30px 'Plus Jakarta Sans', sans-serif;}section, .award-overlay{padding: 50px 0;}.HR-workforce h3,.workforce-title {padding: 16px 50px;font: normal 500 14px/20px 'Plus Jakarta Sans', sans-serif;text-align: center;margin: 50px 0 10px;}.HR-workforce h3,.workforce-title::before, .HR-workforce h3,.workforce-title::after{background-size: contain;background-position: center center;width: 24px;height: 24px;background-repeat: no-repeat;}.explore-section .sliderArrow{display: inline-flex;}.award-section .award-row {margin-top: 40px;}.about-customers .about-company .company-column .company-details h2 {font: normal 500 18px/23px 'Plus Jakarta Sans', sans-serif;}.about-customers .about-company .company-column .company-details span, .about-customers .about-company .company-column .company-details p{font: normal 500 15px/20px 'Plus Jakarta Sans', sans-serif;}.explore-section .tab-body {padding: 30px 15px;}.explore-section .tab-body .tab-body-content {row-gap: 20px;}.explore-section .tab-body .tab-body-content h4 {font: normal 500 22px/30px 'Plus Jakarta Sans', sans-serif;position: absolute;top: 25px;left: 29px;}.explore-section .tab-content .tab-body .module-img {margin-top: 30px;}.explore-section .tab-body.tab-pane.active:last-child {border-radius: 16px;}.explore-section .tab-body.tab-pane.active:first-child {border-radius: 16px;}.explore-section .tab-body.tab-pane.active:not(:first-child):not(:last-child) {border-radius: 16px;}.explore-section .tab-body .row.module-row > div:first-child {order: 2;position: inherit;}.explore-section .tab-body .row.module-row > div:last-child {order: 1;padding-top: 45px;}.explore-section .tab-body .row.module-row, .explore-section .tab-body .row.module-row > div {display: flex;flex-wrap: wrap;}.explore-section .tab-body .row.module-row > div:last-child > img {margin: 0 0 20px;}.explore-section .nav-tabs{display: none;}.control-dots {text-align: center;margin-top: 10px;}.explore-section .tab-body {border-radius: 16px;}.dot {display: inline-block;width: 10px;height: 10px;background-color: #ccc;border-radius: 50%;margin: 0 5px;cursor: pointer;}.dot.active {width: 50px;height: 12px;border-radius: 12px;background: #FF9E2C;}.suite-section .module-info-main .module-info .module-info-title {font: normal 500 20px/30px 'Plus Jakarta Sans', sans-serif;}.suite-section .module-info-main .module-info .module-item .module-inner-info h5 {font: normal 500 14px/20px 'Plus Jakarta Sans', sans-serif;text-align: left;}.suite-section .module-info .module-container {display: flex;flex-direction: row;flex-wrap: wrap;gap: 16px;}.suite-section .module-info-main .module-info .module-item img {width: 55px;}.suite-section .module-info-main .module-info .module-item {display: inline-flex;flex-direction: column;align-items: flex-start;row-gap: 7px;width: 31%;}.suite-section .module-info-main{display: none;}.suite-section .module-info-main:last-child {margin-bottom: 0;display: block;}.suite-section .module-info .module-container .module-main-head {display: none;}.dive-section .dive-row{row-gap: 0;}.talent-section .talent-row{box-shadow: none;}.talent-section .btn-wrapper {margin: 0px auto 0px 0px}.subscribe-section .newsletter-title, .subscribe-section .newsletter-para{text-align: center;}.subscribe-section .newsletter-col form{margin: 20px auto 0 auto;}.our-client-section .client-card-row {margin-top: 40px;}.choose-section .section-header h5 {margin-top: 30px;}.choose-section .duration-content h3 {font: normal 700 18px/30px 'Plus Jakarta Sans', sans-serif;}.choose-section .duration-content p {font: normal 400 14px/24px 'Plus Jakarta Sans', sans-serif;}.choose-section .HR-workforce h3, .workforce-title {font: normal 500 16px/30px 'Plus Jakarta Sans', sans-serif;}.choose-section .duration-content{row-gap: 20px;}.claim-section .section-header h4 {font: normal 200 16px/30px 'Plus Jakarta Sans', sans-serif;margin-bottom: 40px;}.award-section {background: url(https://d1e4eypuuiznsv.cloudfront.net/wwwroot/images/celebration_bg.png);width: 100%;background-size: contain;background-repeat: no-repeat;background-position: center center;}.talent-row {position: relative;top: inherit;transform-origin: center top;height: auto;overflow: initial;padding: 20px 25px !important;}.col-sm-12.talent-row:nth-child(2n), .col-sm-12.talent-row:nth-child(3n) {margin-bottom: 0;}.award-slider img{width: 100px !important;height: auto;}.solution-offered-section h4 {margin-bottom: 50px;}.solution-offered-section .feature-item {min-height: 300px;margin-bottom: 20px;height: auto;}.solution-offered-section .feature-item .feature-card .feature-action .light-blue-btn {width: auto;}.blog-section .blog-row {margin-top: 40px;}body #accordion{margin-bottom: 0 !important;}ul.hero-list{column-gap: 30px;padding: 0 15px;}.hero-section {height: 100vh;}.hero-section .hero-content {row-gap: 50px;height: 36vh;padding: 40px 0 30px;}.hero-section .hero-badge {width: auto;justify-content: center;row-gap: 8px;padding: 4px 16px;}.hero-section .hero-badge span {text-align: center;font: normal 600 12px/20px 'Plus Jakarta Sans', sans-serif;}.hero-section .hero-content .hero-title {font:normal 600 20px/45px 'Plus Jakarta Sans', sans-serif !important;min-height: auto;}.gherosection.mobileHero h1.hero-title {min-height: auto;}.mobileHero .hero-section {height: 40vh !important;}.mobileHero .hero-section .hero-content {height: 35vh;row-gap: 15px;}.mobileHero .hero-badge{opacity: 0;}.hero-section .hero-content .hero-para {font: normal 400 14px/20px 'Plus Jakarta Sans', sans-serif;}.feature-image {width: 100%;height:auto;}.featurerow {display: block;flex-flow: inherit;}.col-sm-12.talent-row{transform: inherit !important;margin-bottom: 20px !important;}.suite-section .section-header h4{margin-bottom: 40px;}.about-customers .about-company .company-column .company-details{min-height:auto;padding: 20px 15px;border: 1px solid #FF9E2C !important;border-radius: 15px;min-height:230px;}.hero-section{height:auto;overflow: hidden;}.hero-section .hero-badge{margin: 0;}.brand-section{position: relative;left: inherit;bottom: inherit;padding: 20px 0 0;}.hero-section .hero-content .hero-btn-wrapper{column-gap: 12px;flex-wrap: wrap;align-items: center;justify-content: center;}.hero-section .hero-content .hero-btn-wrapper a{margin: 10px 0;}.col-sm-12.card-deck-js{padding: 0;}.module-info-main.border-right{border-right: none;}.explore-core-hr .section-header .section-subheading{margin-bottom: 40px;}.explore-core-hr .explore-content {margin-top: 30px;row-gap: 20px;align-items: center;}.explore-core-hr .whyTimelabs .explore-content {align-items: flex-start;}.explore-core-hr .explore-content h3,.blog-heading-2 {font: normal 700 24px / 30px 'Plus Jakarta Sans', sans-serif;text-align: center;}.newsletter-col{height: auto;justify-content: center;}.about-customers .about-company .company-column{width: 33%;float: left;margin-top: 20px;margin-bottom: 0;}.about-customers .about-company .company-column .company-details .company-img{width: 40px;}.talent-section{padding-bottom: 40px;}.talent-section .col-sm-12.mt-40.text-center {margin-top: 0px;}.brand-section .brand-slider .brand-item{padding: 0 7px;}.checkmark-lists{margin-bottom: 20px;}.talent-row .checkmark-lists{margin-bottom: 0;}.dive-section .dive-row {padding: 20px 15px;}.dive-section .dive-action a {padding: 6px 18px;margin-top: 10px;font-size: 14px;}.aboutus-section .section-header h3 {margin-bottom: 30px;}.work-section .section-header h4, .contact-section .section-header h4 {margin-bottom: 40px;}.machine-section .section-header h4 {margin-bottom: 40px;}.machine-section .device-sidebar {margin-bottom: 20px;}.explore-core-hr .col-sm-12.col-md-6 {width:100%;}.details-section .device-viewer .device-image {justify-content: flex-start;}.details-section .device-details .device-header {row-gap: 6px;flex-wrap: wrap;}.details-section .device-details .device-header h3 {font: normal 500 20px/26px 'Plus Jakarta Sans', sans-serif;}.details-section .device-details .device-header a {padding: 8px 32px;}.suite-section .module-info-main:after{display: none;}.explore-core-hr img {width: 100%;height: auto;}.explore-core-hr .row{margin-top: 20px !important;}.autonomy-section .section-header h4{margin-bottom: 40px;}.mobileapp-section img {width: 100%;}.hrdesk-section .hrdesk-content h3 {font: normal 500 24px/30px 'Plus Jakarta Sans', sans-serif;}.dive-section .dive-content h3,.dive-title{font: normal 600 20px/24px 'Plus Jakarta Sans', sans-serif;}.footer .organization-detail .link-items li a{font: normal 300 14px/30px 'Plus Jakarta Sans', sans-serif;}.footer .col-lg-3.col-md-6.col-sm-6.col-xs-12 {width: 50%;margin-bottom: 20px;}.footer .col-lg-3.col-md-6.col-sm-6.col-xs-12:nth-child(3n) {clear: both;}.footer .organization-detail h3.footer-title{font: normal 600 16px/30px 'Plus Jakarta Sans', sans-serif;margin-top: 20px !important;}.footer .footer-copyright-row p.company-para,.footer .footer-copyright-row p a{text-align: center;font: normal 400 12px/24px 'Plus Jakarta Sans', sans-serif;}ul.timelineData li:nth-child(odd):before{display: none;}.singal-heading {padding-bottom: 0 !important;}.explore-core-hr .row-reverse1 .col-sm-12.col-lg-6 {order: 1;}.row-reverse2 .col-md-6:last-child {order: 1 !important;}.explore-core-hr .row.row-reverse2:nth-child(3n) .col-sm-12.col-md-6:last-child {order: 1 !important;}.explore-core-hr .row-reverse3 .col-sm-12.col-md-6:last-child {order: 2;}.autonomy-card img {max-width: 130px;height: auto;}.global-brand{flex-wrap: inherit;overflow-x: auto;padding: 0 0 20px;}.gconnect .brand-section{padding: 20px 0 !important;}.gconnect .hero-section .hero-content .hero-title{font: normal 600 32px/45px 'Plus Jakarta Sans', sans-serif !important;}.gconnect .hero-section .col-lg-4 .hero-content{padding: 20px;position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;overflow-x: hidden;overflow-y: auto;opacity :0;visibility: hidden;display: none;overflow-y: auto;height: 100vh;}.ConnectWithUs{display: inline-block;}body.connectOpen{overflow: hidden;}body.connectOpen .gconnect .hero-section .col-lg-4 .hero-content{opacity :1;visibility: visible;display: block;}body.connectOpen:before{content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 9999;}body.connectOpen .ConnectWithUsClose{display: inline-block;}body.connectOpen .ConnectWithUsClose:hover{color: var(--blue);}.landingform h5 {font: 500 20px / 30px 'Plus Jakarta Sans', sans-serif;margin: 10px 0 0;}.featureList{justify-content: flex-start;margin-top: 40px;}.featureList.industriesList{flex-wrap: wrap;margin-top: 40px;}.featureList p{display: none;}header a.dropdown-inner p,.col-sm-12.col-lg-3.industries{display: none;}.dropdown-content .col-sm-12.col-lg-3 > div a.active{background: transparent;border: none;}.dropdown-content .col-sm-12.col-lg-3 > div a.active span{color: #006FFA;}.menu .menu-item .menu-link.active {color: #006FFA !important;}.menu .menu-item .menu-link.active img{filter: brightness(0) saturate(100%) invert(45%) sepia(75%) saturate(6254%) hue-rotate(202deg) brightness(96%) contrast(106%);}.dropdown-content .col-sm-12.col-lg-3 > div {width: 100%;min-height: auto;display: block;padding: 0 0 0 20px;}.dropdown-content .col-sm-12.col-lg-3 > div img {display: none;}.dropdown-content .col-sm-12.col-lg-3 > div a {text-align: left;padding: 10px 0 !important;position: relative;display: block;}.dropdown-content .col-sm-12.col-lg-3 > div a:after {content: "";position: absolute;left: -20px;top: 16px;width: 8px;height: 8px;background: #cbcbcb;border-radius: 50%;}.dropdown-content .col-sm-12.col-lg-3 > div a span {text-align: center;font-size: 14px;color: #5B5B5B;}.dropdown-content h2 {text-align: left;font: 600 16px 'Plus Jakarta Sans', sans-serif;color: #006FFA;margin-bottom: 15px;width: 100%;}header a.dropdown-inner{font-size: 13px !important;color: #000;}header a.dropdown-inner:hover{background: transparent;}header a.dropdown-inner span{color: #000;}header .navbar ul li > a{padding: 10px 0 10px 30px;position: relative;}div#getQuoteModel label{float: left;width: 100%;}ul.module-select-list li {padding: 6px 6px 6px 8px !important;margin-bottom: 5px;}#moduleFormRow ul.module-select-list li {padding-right: 30px !important;}header .navbar ul li a i.mobileIcon {transform: inherit;display: inline-block !important;position: absolute;left: 0;top: 10px;width: 24px;height: 24px;}header .navbar ul li a i.mobileIcon img{width: 100%;}div#AnalyticsReport {margin-bottom: 0 !important;}.dive-section {background: linear-gradient(to top, #FFFFFF 65%, #F1F8FF 50%);}#connectdiv section.choose-section.grey-bg {padding-top: 20px;}.whatsappFramOpener{display: none;}.autonomy-section .autonomy-column .autonomy-card{border: 1px solid #FF9E2C !important;border-radius: 15px;}ul.stemapData{column-gap: 0;display: block;}ul.stemapData:after{display: none;}.administration li.text-center{text-align: left;}.sitemap li.sitemapList:before{left: 20px;}.sitemap li.sitemapList:first-child::before,.other .sitmapHead::after {left: 60px;}.sitemap li.sitemapList:last-child{margin-top: 40px;}}.white-core-hr .explore-core-hr {background: transparent;display: flex;align-items: center;flex-wrap: wrap;}.white-core-hr {margin-bottom: 70px;}.singal-heading {padding-bottom: 50px;}.key-row{padding-bottom:70px;}@media (min-width: 575px) and (max-width: 990px) {.HR-workforce h3, .workforce-title {padding: 16px 75px;}.explore-section .tab-body .tab-body-content h4{position: static;}.explore-section .sliderArrow {top: 55px;}.about-company-section .about-card {min-height: 430px;}.details-section .device-details{margin-top: 20px;}.devicedetails-section .section-header h4 {margin-bottom: 40px;}.devicedetails-section .device-details-col:nth-child(odd) .device-details {margin-bottom: 20px;}.devicedetails-section .device-details-col:nth-child(even) .device-details {margin-top: 20px;}.devicedetails-section .device-row {margin-bottom: 20px;}}@media only screen and (max-width: 767px) {.about-customers .about-company .company-column{width:100%;}.talent-section .module{width: 100%;}.suite-section .module-info-main .module-info .module-item{width:100%;}.hero-section .hero-content{height:60vh;}header .menu-main{padding: 30px 0px;}header nav .header-btn{right:40px;top: 16px;padding: 3px 6px;width: 100px;}.hero-section .hero-content .hero-title{font:normal 600 18px/45px 'Plus Jakarta Sans', sans-serif !important}.mobileHero .hero-section {height: 75vh !important;}.mobileHero .hero-section .hero-content {height: 65vh;}.feature-card{min-height:auto;}.explore-core-hr .d-flex .explore-content{width: 100% !important;}}@media only screen and (max-width: 575px) {header nav .brand-logo {width: 120px !important;}.talent-section .module {min-height: inherit;}.work-section .position-relative svg{display:none;}.work-section .work-card-heading{margin-top:0px;}.work-section .work-header{margin-bottom:30px;}.about-company-section .about-card {min-height: inherit;}.details-section .device-details{margin-top: 20px;}header .dropdown-block{padding-top: 0;padding-inline: 0;column-gap: 0;min-height: 110px;}header a.dropdown-inner p{min-height: 60px;}.explore-section #module_1:after,.explore-section #module_2:after,.explore-section #module_3:after,.explore-section #module_5:after,.explore-section #module_6:after,.explore-section #module_7:after,.explore-section #module_8:after{background-size: cover;}}@media screen and (min-width: 62rem) {.industries h2 {font: 500 18px / 24px 'Plus Jakarta Sans', sans-serif;text-align: left;margin: 10px 0;color: #000;}.industries a.dropdown-inner {padding-left: 0 !important;padding-bottom: 8px !important;font-weight: 400 !important;}.industries a.dropdown-inner:hover{background: transparent;color: #006FFA !important;}.col-sm-12.col-lg-3.industries {border-left: 1px solid #ddd;padding-left: 30px;padding-right: 30px;border-right: 1px solid #ddd;min-height: 450px;}header a.dropdown-inner p {text-align: left;font-size: 11px !important;margin-bottom: 0;line-height: 18px;margin-top: 5px;height: 45px;}header .dropdown-content{width: 100%;}
 header .navbar {
display: flex;
 justify-content: space-between;
 background: transparent;
 }header .navbar-block {position: initial;height: initial;opacity: 1;pointer-events: visible;background: none;transition: none;}.menu {display: flex;flex-direction: row;justify-content: flex-end;-moz-column-gap: 1rem;column-gap: 1rem;height: 100%;}.menu-item.dropdown{position: initial;}.menu li a {white-space: nowrap;}.menu li.menu-item:hover > a, .menu li a.active {color: #006FFA !important;text-decoration: none !important;}.menu-item {display: flex;cursor: pointer;padding-inline: 0.5rem;}.menu-link {padding: unset;}header .dropdown-toggle {-moz-column-gap: 0.35rem;column-gap: 0.35rem;pointer-events: none;}header .dropdown-content {position: absolute;right: 0;top: 6rem;opacity: 0;height: -webkit-max-content;height: -moz-max-content;height: max-content;pointer-events: none;background-color: var(--color-white-100);border-top: 2px solid var(--color-white-200);box-shadow: var(--shadow-large);transition: top 0.4s, opacity 0.3s ease;overflow: inherit !important;z-index: 999;border-radius: 0px 0px 10px 10px;}header .dropdown-content:after {content: "";position: absolute;top: -20px;left: 0;width: 100%;height: 40px;background: transparent;}header .dropdown-column {grid-template-columns: repeat(2, minmax(0, 1fr));-moz-column-gap: 2rem;}header .dropdown-group {align-content: baseline;row-gap: 1.25rem;padding-block: 16px;}header .dropdown-group:first-child, header .dropdown-group:last-child {margin: unset;}header .dropdown-items {padding-top: unset;}header .dropdown-block {padding-top: unset;padding-inline: unset;}header .dropdown:hover > .dropdown-content {cursor: initial;top: 5.75rem;opacity: 1;pointer-events: initial;}header .dropdown:hover > .dropdown-toggle i.bx {rotate: 180deg;}header .burger {display: none;visibility: hidden;}}.country-mobile-code{flex-wrap: wrap}

.machinebanner img {
 border-radius: 24px;
}

.machine-section .device-sidebar ul.device-category-list li a.active::before {
 content: "";
 background: #1E40AF;
 height: 4px;
 width: 54px;
 position: absolute;
 bottom: -13px;
 transform: translate(-50%, -50%);
 left: 50%;
 right: 50%;
}

.cookieflex:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); border-radius: 2rem; backdrop-filter: blur(1px); box-shadow: inset -10px -8px 0px -11px rgba(255, 255, 255, 1), inset 0px -9px 0px -8px rgba(255, 255, 255, 1); opacity: 0.6; z-index: -1; filter: blur(1px) drop-shadow(10px 4px 6px black) brightness(115%); }
.cookieflex { bottom: 80px; width: 100%; border-radius: 2rem !important; padding: 15px 25px; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(2px) saturate(180%); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 2rem; box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2), inset 0 4px 20px rgba(255, 255, 255, 0.3); position: fixed; z-index: 2; margin-left: auto; margin-right: auto; right: auto; left: 17px; max-width: 480px; }
.machine-section{padding-top:0px;}

.priceHead.cursor{cursor: pointer;}

.mb-10 {margin-bottom: 10px !important;}
.pricingBox{border-left: 1px solid #CFDCE9;border-radius: 10px;}
.pricingHeader{font-size: 1.313rem;font-family: 'Plus Jakarta Sans', sans-serif;font-style: normal;font-weight: 500;line-height: 1.575rem;color: #1C1B1F;height: auto;min-height: 11.875rem;position: -webkit-sticky !important;position: sticky !important;top: 7.5rem;z-index: 1;display: flex;}
.pricingHeader > div,.pricingBodyDataInner > div {border: 1px solid #CFDCE9;border-left: none;border-top-right-radius: 1rem;border-top-left-radius: 1rem;padding: 15px;min-width: 14.313rem;width: 100%;flex-grow: 0;flex-basis: 20%;background: #fff;}
.pricingHeader > div:first-child,.pricingBodyDataInner > div:first-child{flex-grow: 1;flex-basis: 25%;background: #F2F8FF;}
.parentHead > div:last-child, .pricingBodyDataInner > div:last-child {border-bottom-color: transparent;}
.pricingBodyDataInner{font-size: 1.313rem;font-family: 'Plus Jakarta Sans', sans-serif;font-style: normal;font-weight: 500;line-height: 1.575rem;color: #1C1B1F;z-index: 1;display: flex;}
.pricingBodyDataInner > div{min-height: 4.688rem;height: 70px;border-bottom-color: #CFDCE9;border-radius: 0;border-top: none;}
.priceHead p {font-size: 18px;font-weight: 500;line-height: 24px;color: #1C1B1F;margin-bottom: 0;}
.priceHead {display: flex;align-items: center;justify-content: space-between;}
.priceHead i {font-size: 20px;cursor: pointer;}
.parentInner p {padding-left: 15px;font-size: 16px;font-weight: 400;}
.pricelist{font: 14px 'Plus Jakarta Sans', sans-serif;color: #1C1B1F;margin: 0;display: flex;align-items: center;justify-content: center;text-align: center;}
.pricelist .feather-check{color: #4BAB7F;font-size: 24px;}
.pricelist .feather-x {font-size: 24px;color: #df0303;}
.pricingBodyDataInner{font-size: 1.313rem;font-family: 'Plus Jakarta Sans', sans-serif;font-style: normal;font-weight: 500;line-height: 1.575rem;color: #1C1B1F;z-index: 1;display: flex;}
.pricingBodyDataInner > div{min-height: 4.688rem;height: 70px;border-bottom-color: #CFDCE9;border-radius: 0;border-top: none;}
.parentInner.d-none{display: none;}
.priceHead.active/*,.priceHead.cursor:hover*/,.priceHead.cursor.active ~ .pricelist{background: #DFEEFF !important;color: #49A1FF;}
.priceHead.cursor.active ~ .pricelist span {opacity: 0;}
.priceHead.active p,.priceHead.cursor:hover i,.priceHead.cursor:hover p{color: #49A1FF;}
.modulename span {font: 500 24px/30px 'Plus Jakarta Sans', sans-serif;color: #1C1B1F;margin: 15px 0 15px;display: block;}
.modulename p,.moduleHead p{font: 400 14px/20px 'Plus Jakarta Sans', sans-serif;color: #666666;margin: 0;}
.moduleHead p{text-align: center;}
.moduleHead{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;row-gap: 15px;}
.moduleHead b.head{font: 500 24px / 30px 'Plus Jakarta Sans', sans-serif;color: #343A40;display: block;width: 100%;text-align: center;}
.price{display: flex;align-items: center;justify-content: center;column-gap: 5px;}
.price span{font: 500 16px/20px 'Plus Jakarta Sans', sans-serif;color: #1C1B1F;}
.price b{font: 500 24px/30px 'Plus Jakarta Sans', sans-serif;color: #001655;display: inline-block;text-align: center;}
.parent.active .priceHead p {position: relative;padding-left: 40px;}
.parentHead > div.priceHead.cursor.active:first-child p{padding-left: 0;}
.parentHead > div.priceHead.cursor.active:first-child p:after {display: none;}
.parent.active .priceHead p:after {content: "\e92b";position: absolute;left: 7px;top: 50%;transform: translateY(-50%);font-family: 'feather' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;background: #dfeeff;border-radius: 50%;font-size: 12px;color: #006ffa;border: 1px solid #006ffa;}
.bg-gradient{background: #F7F9FD !important;}
.pricingHeader > div:last-child .light-blue-btn {background: #ff9e2c !important;border-color: #ff9e2c !important;}
.pricingHeader > div:last-child .light-blue-btn:hover {background: transparent !important;border-color: #ff9e2c !important;color: #ff9e2c !important;}
.pricingBox.mobileView{display: none;}
/***** AppModule List ******/
.AppModuleList{position: fixed;bottom: 100px;right: 30px; z-index: 99;margin: 0;padding: 0;}
.AppModuleList li {display: block;position: relative;}
.AppModuleList li a{display: flex;align-items: center;justify-content: flex-start; column-gap: 15px;padding: 15px 25px 15px 15px;background: #EAF2FF;border: 1px solid rgba(105, 133, 230, 0.2);margin-bottom: 15px;border-radius: 10px;position: relative;height: 110px;max-width: 420px;width: 100%;}
.AppModuleList li h3{font: normal 600 17px/24px 'Plus Jakarta Sans', sans-serif;margin: 0 0 5px;color: #060606;white-space: nowrap;width: 100%;text-overflow: ellipsis;overflow: hidden;max-width: 240px;position: relative;}
.AppModuleList li h3 span {color: #f00;font-size: 13px;font-weight: 500;display: inline-block;padding: 0;border-radius: 5px;margin-left: 8px;position: absolute;top: -2px;}
.AppModuleList li p{font: normal 500 14px/20px 'Plus Jakarta Sans', sans-serif;margin-bottom: 0;color: #656565;word-break: break-all;}
.AppModuleList li .icon{display: flex;align-items: center;justify-content: center;min-width: 60px;max-width: 60px;height: 60px;border-radius: 8px;background: #F6FAFF;border: 1px solid rgba(105, 133, 230, 0.2);}
.AppModuleList li .closeApp{display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 0 8px 0 0;color: #131927;font-size: 18px;cursor: pointer;position: absolute;right: 0;top: 0;z-index: 9;}
.AppModuleList li .closeApp:hover{background: #C9D7FD;}
.isoCertified{margin: 0;padding: 20px 0;list-style: none;}
.isoCertified a:hover img {filter: brightness(0) saturate(100%) invert(76%) sepia(16%) saturate(4136%) hue-rotate(335deg) brightness(100%) contrast(103%);}
.iso h2{font: 600 18px 'Plus Jakarta Sans',sans-serif;margin: 0 0 15px;}
.iso .parasimple{font: normal 400 16px/26px 'Plus Jakarta Sans', sans-serif;color: #333333;text-align: justify;margin: 0 0 15px;}
.iso ul li{font: normal 400 16px/26px 'Plus Jakarta Sans', sans-serif;color: #333333;text-align: justify;}
.row.mt-25 {margin-top: 25px;}
.vectorLine { position: absolute; top: 30px; width: 1200px; left: 50%; transform: translate(-50%, -0%);}
.process-wrapper {position: relative;}
.process-wrapper ul {display: flex;align-items: center;justify-content: center;column-gap: 30px;list-style: none;}
.process-wrapper ul li {min-width: 205px;max-width: 205px;width: 100%;}
.process-wrapper .process-box {background: #f8f8f8;border-radius: 25px;padding: 30px 20px;text-align: center;min-height: 320px;position: relative;z-index: 2;}
.process-wrapper .process-box h4 {font-weight: 600;margin-top: 15px;font-size: 18px;line-height: 24px;color: #0F4F93;}
.process-wrapper .process-box p {font-size: 16px;color: #333;}
.process-wrapper .icon-circle {width: 80px;height: 80px;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.process-wrapper .icon-circle img {width: 100%;}
.process-wrapper ul li:nth-child(1n) .process-box {background: #F1F4F9;}
.process-wrapper ul li:nth-child(2n) .process-box {background: #F1F5F4;}
.process-wrapper ul li:nth-child(3n) .process-box {background: #F3F3F3;}
.process-wrapper ul li:nth-child(4n) .process-box {background: #F7EDE3;}
.process-wrapper ul li:nth-child(5n) .process-box {background: #FFFAE7;}
.checkmark-lists-bg li {background: #fff;border: 1px solid #F7E7D4; padding: 14px 10px 14px 18px;border-radius: 15px;align-items: center;}
.kisoskcheck span{display:block;}
.checkmark-lists-bg li img {width: 30px;}
.checkmark-lists li span.kiosksub {color: #333333; font: normal 400 14px / 20px 'Plus Jakarta Sans', sans-serif;}
.connectsection {background-image: url(../../images/connect-bg.png);background-size: cover;background-position: center center;position:relative;padding:120px 0px;}
.connectsection .u-setu-trust-client {background: none !important;padding: 0px;}
.clintslogo {position: absolute;bottom: 0;width: 100%;background: #fff;}
.connectsection .hero-content .hero-title { font: normal 600 47px / 68px 'Plus Jakarta Sans', sans-serif; color: #fff;}
.connectsection .hero-content p { font: normal 400 14px / 30px 'Plus Jakarta Sans', sans-serif; color: #343A40;text-align:center; margin-bottom:0px;}
.headerconnect {display: flex;align-items: center; justify-content: space-between;}
.connectcall span{color: #FF9D2C; font-weight: 500; font-size: 18px;}
.connectcall span a { color: #fff; padding: 8px 20px; border-radius: 50px; font-size: 16px; border:1px solid #fff; }
.connectcall span a:hover {background: #002c68;}
.connectheader { padding: 15px 0px; top: 0; z-index: 3; background: #111224; color: #0f4f93; font-size: 18px; position: fixed; width: 100%; }
.connectratting { display: flex; color: #fff; margin-top: 25px; border-radius: 24px; border: 1px solid rgba(56, 77, 153, 0.78); background: rgba(56, 77, 153, 0.34); backdrop-filter: blur(23.700000762939453px); }
.rattinginner h3 { margin-top: 0; margin-bottom: 15px; font-weight: 600; font-size: 25px; }
.rattinginner {padding: 30px; position:relative;}
.grey-bg-customers{background-color:#F8F9FA}
.rattinginnercenter::before { content: ""; display: inline-block; width: 2px; height: 125px; background-image: url(../../images/rattingborder.svg); background-size: contain; background-repeat: no-repeat; margin-right: 10px; position: absolute; top: 0; left:0; }
.rattinginnercenter::after { content: ""; display: inline-block; width: 2px; height: 125px; background-image: url(../../images/rattingborder.svg); background-size: contain; background-repeat: no-repeat; margin-right: 10px; position: absolute; top: 0; right:0 }
.rattinginner span {font-weight: 400; color: rgba(255, 255, 255, 0.8);}
.connectsection form.contact-form .form-label {display: block;color: #263238 !important;font-weight:500;text-align:left;}
.connectsection .contact-form input, .connectsection .contact-form select, .connectsection .contact-form textarea{border-color:rgba(220, 223, 227, 1) !important}
.connectsection .is-invalid {margin-top: 2px;font-weight: 400;font-size: 12px;}
.connectsection .contact-form input::placeholder, .connectsection .contact-form textarea::placeholder{font-size:14px}
.connecthero_row{display:flex; align-items:center;}
.light-black-text{color:#021124; font-size:18px;}
.attendance-gaps .card-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 30px; }
.attendance-gaps .card-grid-bottom { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } 
.attendance-gaps .card { border-radius: 20px; padding: 30px; text-align: left; transition: 0.3s ease; min-height: 300px; }
.attendance-gaps .card:hover { transform: translateY(-5px); }
.attendance-gaps .card-icon { width: 55px; height: 55px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 24px; color: #f7941d; }
.attendance-gaps .card h3 { font-size: 20px; font-weight: 500; margin-bottom: 15px; color:#021124 }
.attendance-gaps .card p { font-size: 14px; line-height: 1.7; color: #021124; }
.attendance-gaps .bg-blue-soft {background: #F1F4F9;border: 1px solid #E1EAF8;}
.attendance-gaps .bg-green-soft { background: #F1F5F4; border:1px solid #D3E4DF }
.attendance-gaps .bg-grey-soft { background: #F9F9F9; border:1px solid #ECE8E8 } 
.attendance-gaps .bg-beige-soft { background: #F7EDE3; border:1px solid #E6DACD } 
.attendance-gaps .bg-yellow-soft { background: #FFFAE7;border:1px solid #F2EBCF }
.attendance-gaps {background-image: url(../../images/hiring_delays_bg.svg);background-size: cover; background-position: center;}
.attendance-gaps-row{margin-top:30px;}
.attendance-gaps .section-main-title{text-align:center;}
.people-suite .cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.people-suite .card { border:none; display: flex; flex-direction: column; }
.people-suite .card-top { display: flex; align-items: center; column-gap: 20px; color: #fff; min-height: 100px; padding-right:10px; } 
.people-suite .card-top .icon {width: 185px; height: 100%; display: flex; align-items: center; justify-content: center; font-weight: 600; }
 .people-suite .card-top p {
 font-size: 14px;
 line-height: 1.5;
 margin: 0px;
 font-family: 'Plus Jakarta Sans';
 }
.people-suite .card-body { padding: 15px 30px; background: rgba(0,0,0,0.05); min-height: 125px; }
.people-suite .card-body h3 { font-size: 26px; margin-bottom: 30px; color: #0d1b2a; }
.people-suite .bottom-content { display: flex; align-items: center; gap: 30px; height:100%;} 
.people-suite .percentage { font-size: 45px; font-weight: 600; } 
.people-suite .card-blue .card-top { background: #1E40AF; }
.people-suite .card-blue .card-body { background: #001655; }
.people-suite .card-blue .percentage {
 color: #fff;
 font-family: "Playfair Display SC", serif;
}
.people-suite .card-purple .card-top { background: #FD9D2D; } 
.people-suite .card-purple .card-body { background: #C76F03; }
.people-suite .card-purple .percentage {
 color: #ffff;
 font-family: "Playfair Display SC", serif;
} 
.people-suite .card-teal .card-top { background: #3290D3; }
.people-suite .card-teal .card-body { background: #1778BC; }
.people-suite .card-teal .percentage {
 color: #fff;
 font-family: "Playfair Display SC", serif;
}
.people-suite .bottom-content p {
 color: #fff;
 font-family: 'Plus Jakarta Sans';
}
.people-suite .cardicon1{background:#698CFF}
.people-suite .cardicon2{background:#FFBD6B}
.people-suite .cardicon3{background:#6FC3FE}
.modernlistbox {display: flex;align-items: center; justify-content: center;column-gap: 30px;}

.modernlogo .modernlist {display: flex;align-items: center;justify-content: center;width: 126px;height: 76px;background: #fff;border: 1px solid #f3f4f6;border-radius: 8px;flex-shrink: 0;}
.modernlogo {display: flex;flex-wrap: wrap;justify-content: center;gap: 14px 18px;}
.modernlist img {width: 45px !important;}
.modernlogo .modernhrmain img {width: 120px !important;}
.modernlist {border: 1px solid #EEF0F6;border-radius: 24px;padding: 5px 23px 5px 10px;display: flex;align-items: center;}
.owl-ModernHR2 .modernlist {flex-direction: row-reverse;}
.owl-ModernHR2{margin-top:10px;}
.modernhrmain{position:relative;}
.modernhrmain::before { width: 100px; height: 172px; display: block; background: #ffffff; position: absolute; left: 0; z-index: 2; filter: blur(5px); opacity: 0.9; top:0; }
.modernhrmain::after { content: ""; width: 100px; height: 172px; display: block; background: #ffffff; position: absolute; right: 0; z-index: 2; filter: blur(5px); opacity: 0.9; top:0; }
.modernlist span {color: #343A40;font-weight: 600;font-size: 20px;font-family: 'Plus Jakarta Sans', sans-serif;line-height: 24px;}
/*.unified-hr .light-white-text {color: #fff;}*/
/*.unified-hr .yellow-text {display: block;}*/
/*.unified-hr{background:#001659}*/
/*.unified-hr .card-box { background: #fff; color: #1b1b1b; border-radius: 22px; padding: 28px; text-align: left; min-height: 200px; margin-bottom: 10px; box-shadow: 0 10px 25px rgba(0,0,0,0.15); }*/
/*.unified-hr .icon-circle { width: 42px; height: 42px; border-radius: 50%; background: #e6edff; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px; font-size: 20px; }*/
/*.unified-hr .card-box h3 { font-size: 18px; margin-top: 0; margin-bottom: 8px; color: rgba(2, 17, 36, 1); font-weight: 600; line-height:30px;} */
/*.unified-hr .card-box p { font-size: 14px; color: #021124; line-height: 1.5; margin: 0; } */
/*.unified-hr .light-white-text.section-light-title {line-height: 28px;font-size: 18px; max-width:800px; margin-left:auto; margin-right:auto;}*/
.unified-mid-row .card-box{min-height:250px; margin-top:20px;}
.connect-cta { background: url(../../images/cta.svg); background-size: cover; background-position: center center; text-align: center; border-radius: 18px; padding: 60px 20px; }
.connect-cta h2 { font-size: 30px; font-weight: 600; color: #0F1141; margin: 20px 0px; max-width: 560px; margin-left: auto; margin-right: auto; line-height: 44px; }
.connect-cta p { max-width: 546px; margin: 0px auto; color: #0F1141; font-size: 16px; line-height:28px; }
.reqwestbtn { background: #001659; padding: 5px 20px 5px 8px; display: flex; align-items: center; justify-content: center; margin: 0px auto; border-radius: 50px; column-gap: 12px; font-size: 16px; color: #E6F1FA; margin-top:20px; max-width:225px;}
.btnarrow { background: #3A94D5; padding: 11px; border-radius: 50px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; }
.reqwestbtn:hover {background: #3a94d5;color: #fff;}
.unified-hr .row-gap { padding-bottom: 10px; }
.unifiedrow2 { background-image: url(../../images/border-left.svg); background-size: contain; background-repeat: no-repeat; background-position: center left; }
.unifiedrow2::before { background-image: url(../../images/centerborder.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; padding-bottom: 2px; width: 95%; margin-left: 48px; }
.unifiedrow3::before { background-image: url(../../images/border-down.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; padding-bottom: 9px; width: 76%; margin-left: 55px; margin-top: -7px; margin-bottom: 8px; }
.unifiedrow1 { background-image: url(../../images/border-right.svg); background-size: contain; background-repeat: no-repeat; background-position: right 4px; }
.unifiedrow1::before { content: ""; width: 75%; text-align: right; float: right; padding-bottom: 17px; margin-right: 37px; background-image: url(../../images/border-up.svg); background-repeat: no-repeat; }
.trustedclients {text-align: center;}
.trustedclients .clientname p {text-align: center;}
.trustedclients .client-details {justify-content: center;}
.trustedclients .client-card {background: #fff;}
.trustedclients .client-item:after{display:none !important}
.trustedclients .client-card { padding: 40px 0px; max-width: 900px; padding-left:0px !important; }
.our-client-section .trustedclients .client-card { margin: 0px auto !important; background: #fff; padding: 20px 58px !important; }
.trustedclients .owl-nav { width: 90%; display: flex; justify-content: space-between; top: 116px; text-align: center; }
.trustedclients .owl-nav { width: 100%; display: flex; justify-content: space-between; top: 116px; left: 50%; transform: translate(-50%, -50%); max-width: 1100px; }
.trustedclients button.owl-prev, .trustedclients button.owl-next {color: #000 !important; border: 1px solid #000 !important; background: transparent !important;}
.trustedclients .client-details .about-client {border-right: 1px solid #000;padding-right: 15px;text-align:left;}
.singalfooter {background: #001655;color: #FFFFFF;padding: 10px;text-align: center;font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: 0%;font-family: 'Inter',sans-serif;}
.singalfooter p {margin: 0;}
.people-suite {background: #F7F7F7;}
.otpconnect .otp-text-info h4::after {content: "";height: 2px;background: #FF9D2C;width: 60px;display: block;text-align: center;
margin: 3px auto;}
.otpconnect .otp-text-info {background: transparent !important;border: none !important;font: 600 20px / 30px 'Plus Jakarta Sans', sans-serif;
margin: 0;color: #001655;text-align: center;}
.otpconnect .yellow-border-btn {background: transparent !important;color: #27C5F3 !important;border-color: transparent;width: auto;
text-decoration: underline;padding-left:0px !important;}
.otpconnect .yellow-border-btn:hover {background: transparent !important;}
.otpconnect .yellow-btn {background: #0A3A7C;color: #fff !important;border-color: #0A3A7C;}
.industries-inner img{ display:block;}
p.form-text { text-align: center; color: #343A40 !important; font-size: 16px !important; line-height: 24px; font-family: 'Inter',sans-serif; font-weight: 500; }
.industries-inner {text-align: center;display: flex;flex-direction: column;padding: 18px 20px;max-width: 180px;
border-radius: 10px;min-height: 137px;align-items: center;justify-content: center;min-width: 180px;}
.industries-in1 {background: #F1F4F9;border: 1px solid #E7EAEB;}
.industries-in2 {background: #F1F5F4;border: 1px solid #E7EBEA;}
.industries-in3 {background: #F9F9F9;border: 1px solid #EFEFEF;}
.industries-in4 {background: #EDE3D9;border: 1px solid #EDE3D9;}
.industries-in5 {background: #FFFAE7;border: 1px solid #F5F0DD;}
.industries-in6 {background: #FBF3F9;border: 1px solid #F1E9EF;}
.industries-inner span {margin-top: 5px;color: #000;font-size: 14px;}
.people-suite .card-top .icon img {filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(14%) hue-rotate(48deg) brightness(106%) contrast(100%);}
.connectmainrow{height: calc(100dvh - 150px);}
.officelocation ul {display: flex;justify-content: center;align-items: center;column-gap: 40px;color: #0F4F93;list-style:none; height: 64px}
.officelocation ul li {position:relative;}
/*.officelocation ul li:before { content: ""; position: absolute; height: 8px; width: 8px; background: #0F4F93; border-radius: 50px; left: -12px; top: 5px; }*/
 .officelocation ul li {
 position: relative;
 padding-left: 20px;
 }

 .officelocation ul li:before {
 content: "";
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 width: 2px; /* line thickness */
 height: 16px; /* line height */
 background: #0F4F93;
 border-radius: 50px;
 }
.otptext {font: normal 500 16px / 30px 'Plus Jakarta Sans', sans-serif !important;color: #0A3A7C !important;margin-bottom:20px;}
.officelocation ul li {
 color: #1E40AF;
 font-size: 16px;
 font-weight: 400;
 font-family: 'Plus Jakarta Sans',sans-serif;
}
.clientstestimonials .about-client{margin:0px auto; display:flex; align-items:center; flex-direction:column;}
.clientstestimonials .client-card {min-height: auto;}
.clientstestimonials .testi-role{color:#364969;}
.hero-title2{display:none}
.mobilelogo{display:none}
.connectsection .hero-content {text-align: left;}
ul.mobile-list-line { padding: 0; display:none}
ul.mobile-list-line li { display: flex; margin-bottom: 15px; color: #fff; column-gap: 5px; font-size: 16px; }
.clientstestimonials .client-details h3{max-width:350px;}
.clientstestimonials .client-details{column-gap:0px !important;}
.selectModulegroup #primaryRequirement-error {position: absolute;bottom: -22px;}
.selectModulegroup {position: relative;}
.ConnectWithUs.mobconnect{display:none;}
.hero-section .facekioskcontainer .hero-content .hero-title {font: normal 600 47px / 58px 'Plus Jakarta Sans', sans-serif;text-align: left;}
.facekioskcontainer ul.hero-list{justify-content:flex-start; padding-left:20px;}
.facekioskcontainer .hero-btn-wrapper{left:0px;}
.facekioskcontainer .hero-badge{left:0px;}
.talkexpert{display:none;}
.webinarbox li a {height: auto;padding: 5px;background: #001759;max-width:420px;margin-bottom:0px;display:block;}
.webinarbox i.closeApp {position: absolute;top: -13px;background: #006ffa;border-radius: 50%;color: #fff;right: -8px;}
.registerbtn {display: block;width: 151px;text-align: center;margin: 0px auto;background: #006ffa;color: #fff;font-size: 16px;
border-radius: 15px;padding: 8px 4px;margin-top:10px;}
.webinarbox {bottom: 25px;right: 25px;z-index: 9999999999;}
.calculatorbox .resource-text {min-height: 55px;}


/*------------- partner with us css byv urvashi -------------*/

.why-partner .card {border: 1px solid #e5e7eb;transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.why-partner .card:hover {border-color: #60A5FA !important;}
.why-partner .card-title {margin: 0;color: #343A40;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size: 18px;padding: 10px 0 10px;}
.why-partner .card-text {color: #364969; font-weight: 400; font-family: 'Inter', sans-serif; font-size: 16px; background: none !important;}
.program-work {background:#F7F9FD;}
 .program-work .card-title{color:#343A40; font-weight: 700; font-size: 25px; line-height: 32px; font-family: 'Plus Jakarta Sans', sans-serif;}
 .program-work .card-text {color:#364969; font-weight: 400; font-size: 16px; line-height: 24px; font-family: 'Inter', sans-serif; background: none !important;}
 .program-work .d-flex {justify-content: left;}
 .program-work .program-cards {margin-top: 10px;}
 .program-work .program-cards .col-md-3 {position: relative;}
 .program-work .card {position: relative;border: 1px solid #e2e8f0;background: #fff;transition: all 0.3s ease;}
 .program-work .program-cards .col-md-3:not(:last-child) .card::after {content: "";position: absolute;top: -30px;right: -180px;width: 20px;height: 20px;background: url("../images/partneriwthusarrow.svg") center / contain no-repeat;transition: all 0.3s ease;}
 .program-work .step-number {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;margin-bottom: 12px;color: #fff;background: #8b5cf6;border-radius: 4px;font-size: 16px;font-weight: 500;transition: all 0.3s ease;}
 .program-work .step-line {width: 60px;height: 4px;margin-bottom: 12px;background: #dbe3f0;border-radius: 20px;transition: all 0.3s ease;}
 .program-work .card-title {color: #374151;transition: color 0.3s ease;}
 .program-work .card-text {color: #475569;}
 .program-work .card:hover {border-color: #60A5FA;box-shadow: 0 5px 18px rgba(96, 165, 250, 0.12);}
 .program-work .card:hover .step-line {background: #60A5FA;}
 .program-work .program-cards .col-md-3:not(:last-child) .card:hover::after {color: #60A5FA;}
 .program-work .program-cards .col-md-3:not(:last-child) .card:hover::before {border-color: #60A5FA;}
.timelabs-right-content h2 {color: #343A40;font-family:'Plus Jakarta Sans', sans-serif;font-size: 46px;font-weight: 700;margin-bottom: 10px;}
.timelabs-right-content .subtitle {color: #656971;font-size: 16px;font-family: 'Inter' , sans-serif;margin-bottom: 16px;font-weight: 500;}
.timelabs-right-content ul {margin: 0 0 16px;padding: 0;}
.timelabs-right-content ul li {display: flex;align-items: center;gap: 8px;color: #343A40;font-size: 16px;margin-bottom: 10px;font-family: 'Inter',sans-serif;font-weight: 500;}
.timelabs-right-content ul li i {color: #374151;font-size: 12px;}
.timelabs-right-image {overflow: hidden;border-radius: 16px;}
.timelabs-right-image img {width: 100%;display: block;object-fit: cover;}
/*============================================== HOME PAGE CSS =====================================*/


.card-text {
 background: rgba(245, 249, 254, 1) !important;
}
 .card-text p {
 background: rgba(245, 249, 254, 1) !important;
 }
.padding-zero {
 padding-left: 0 !important;
 padding-right: 0 !important;
}

.setu-form-section.get-started {
 background-color: #f5f4ff;
}

.guide-outer {
 background-color: #ffffff;
 border-radius: 28px;
 border: 1px solid rgba(226, 232, 240, 0.8);
 box-shadow: 0 15px 45px rgba(15, 23, 42, 0.04);
 display: flex;
 overflow: visible; 
}

.guide-left.setu-contact-left {
 background: url(../../images/formleftbg.jpg) center center / cover no-repeat;
 padding: 60px 40px;
 border-top-left-radius: 26px;
 border-bottom-left-radius: 26px;
 height: 100%;
 min-height: 480px;
 position: relative;

 flex-direction: column;
 justify-content: center;
}

.setu-mascot-wrap {
 position: absolute;
 top: -42px;
 right: 28px;
 display: flex;
 flex-direction: column;
 align-items: center;
 z-index: 10;
}

.setu-mascot-owl {
 width: 65px;
 height: auto;
}

.setu-mascot-bubble {
 background-color: #fff9f3;
 border-radius: 12px;
 padding: 8px 12px;
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
 position: relative;
 margin-bottom: 8px;
 text-align: center;
}

 .setu-mascot-bubble span {
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-size: 11px;
 font-weight: 600;
 color: #475569;
 line-height: 1.35;
 display: block;
 }

 .setu-mascot-bubble::after {
 content: "";
 position: absolute;
 bottom: -6px;
 left: 50%;
 transform: translateX(-50%);
 border-width: 6px 6px 0;
 border-style: solid;
 border-color: #fff9f3 transparent;
 display: block;
 width: 0;
 }

.setu-contact-title {
 font-family: 'Plus Jakarta Sans', sans-serif !important;
 font-size: 38px;
 font-weight: 700;
 color: rgba(255, 255, 255, 1);
 line-height: 60px;
 margin-bottom: 20px;
}

.setu-contact-desc {
 font-family: 'Plus Jakarta Sans', sans-serif !important;
 font-size: 20px !important;
 color: rgba(197, 197, 197, 1) !important;
 line-height:24px !important;
 margin: 0 !important;
}

/* Right side white form panel styling */
.landing-form-container {
 padding: 40px;
 background-color: #ffffff;
 border-top-right-radius: 26px;
 border-bottom-right-radius: 26px;
}



/* Input Fields Styling (Soft Gray outline & clean borders) */
.contact-form .form-control {
 height: 50px;
 background-color: #ffffff !important;
 border: 1.5px solid #e2e8f0 !important;
 border-radius: 12px !important;
 padding: 0 18px !important;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-size: 14px;
 color: #0f172a;
 transition: all 0.2s ease;
 outline: none;
 box-shadow: none !important;
}

 .contact-form .form-control:focus {
 border-color: #1b4fd8 !important;
 box-shadow: 0 0 0 3px rgba(27, 79, 216, 0.08) !important;
 }

.contact-form input::placeholder,
.contact-form textarea::placeholder {
 color: #94a3b8;
}
/* Select Dropdown custom styling */
.contact-form select.form-control {
 appearance: none !important;
 -webkit-appearance: none !important;
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") !important;
 background-repeat: no-repeat !important;
 background-position: right 16px center !important;
 background-size: 16px !important;
 padding-right: 40px !important;
}
/* Textarea message styling */
.contact-form textarea.form-control {
 height: 90px;
 padding: 12px 18px !important;
 resize: none;
}
/* Location input wrapper */
.location-input-wrapper {
 position: relative;
}

.location-icon-span {
 position: absolute;
 right: 16px;
 top: 50%;
 transform: translateY(-50%);
 color: #64748b;
 pointer-events: none;
 display: flex;
 align-items: center;
}

.location-svg {
 width: 18px;
 height: 18px;
 stroke: currentColor;
}

.submit-pill-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 height: 48px;
 padding: 0 32px;
 background-color: #000000;
 color: #ffffff;
 border-radius: 9999px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-size: 14px;
 font-weight: 700;
 border: none;
 cursor: pointer;
 transition: background-color 0.2s ease;
}

 .submit-pill-btn:hover {
 background-color: #1e293b;
 }

.text-right-desktop {
 text-align: right;
}

.form-text {
 font-size: 12px;
 color: #64748b;
 margin-top: 14px;
 text-align: left;
}

.setu-happy-badge-text span {
 font-weight: 700;
}
.setu-herosection .brand-section {
 background: none;
 position: relative;
 left: inherit;
 bottom: inherit;
 padding: 20px 0 0;
}
.join-us-setions {
 padding: 74px 0px 200px 0px !important;
}
.joinus-title {

 margin-top: -157px !important;
 margin-bottom: 25px;
}
.joinus-title .india-in {
 color: #ff9933; /* Saffron */
}
.joinus-title .india-d {
 color: #0f172a; 
}
.joinus-title .india-ia {
 color: #138808; 
}
.setu-herosection .setu-happy-badge-text {
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 500;
 font-style: normal;
 font-size: 20px;
 line-height: 24px;
 letter-spacing: 0;
 text-align: center;
 color: #000;
}


.setu-herosection .setu-spreadsheet-bottom-tag {
 display: inline-block;
 margin: 0 auto 30px;
 text-align: center;
}

.setu-herosection .setu-happy-badge-wrap {

 margin-bottom: 30px;
}
.setu-herosection .col-xs-12 {
 padding: 100px 0;
 text-align: center;
}
.joinus-section {
 width: 100%;
}

 .joinus-section .container {
 width: 1320px;
 max-width: 100%;
 padding-left: 15px;
 padding-right: 15px;
 }

.joinus-wrap {
 height: 89px;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 30px;

}

/* Join text */
.joinus-text {
/* margin: 0;*/
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-weight: 500;
 font-size: clamp(16px, 1.04vw, 20px);
 line-height: 24px;
 letter-spacing: 0;
 text-align: center;
 color: rgba(96, 99, 103, 1);
}

 .joinus-text span {
 color: rgba(10, 37, 64, 1);
 }


/* Logos */
.joinus-logos {
 width: 1290px;
 max-width: 100%;
 height: 35px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

 .joinus-logos img {
 max-height: 35px;
 width: auto;
 }


/* Made India */
.joinus-title {
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-weight: 700;
 font-size: 38px;
 line-height: 60px;
 text-align: center;
 letter-spacing: -2%;
 color: #343A40;
}

 .joinus-title .india-gradient {
 background: linear-gradient(180deg, #046A38 24.25%, #FF6820 100%) !important;
 -webkit-background-clip: text !important;
 -webkit-text-fill-color: transparent !important;
 display: inline-block !important;
 }
 .joinus-title span {
 background: linear-gradient(180deg, #046A38 24.25%, #FF6820 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-clip: text; 
 }

.setu-herosection .setu-hero-title {
 margin: 0 auto 30px;
 text-align: center;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 700;
 font-size: clamp(32px, 3.65vw, 70px);
 line-height: 100%;
 letter-spacing: 0;
 color: rgba(52, 58, 64, 1);
 max-width: 55vw;
}

 .setu-herosection .setu-hero-title span {
 color: rgba(30, 64, 175, 1);
 margin-bottom: 10px;

 }


.setu-herosection .setu-hero-desc {
 margin: 0 auto 2px;
 text-align: center;
 font-weight: 500;
 font-size: clamp(16px, 1.04vw, 20px);
 line-height: 30px;
 letter-spacing: 0;
 padding-bottom:24px;
}
.setu-herosection {
 position: relative;
 padding-top: 149px;
 padding-bottom: 0;
 background: url("../../images/optimized/homeherobg.webp") center center / cover no-repeat !important;
 overflow: hidden;
}

.setu-spreadsheet-bottom-tag {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 30px;
}
.setu-hero-badge {
 width: 630px;
 height: 44px;
 padding: 10px 16px;
 border: 1.5px solid #8B5CF6;
 border-radius: 100px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 7px;
 margin: 0 auto 30px;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: 16px;
 font-weight: 600;
 color: #303030;
 background: #fff;
}

.setu-hero-btns {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 16px;
}
.setu-btn-primary {
 width: 213px;
 height: 58px;
 padding: 14px 30px;
 border-radius: 52px;
 background: #1E40AF;
 color: #fff;
 border: none;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: 16px;
 font-weight: 600;
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 8px;
}
.setu-btn-secondary {
 width: 213px;
 height: 58px;
 padding: 14px 30px 15px;
 border-radius: 52px;
 border: 1.5px solid #1E40AF;
 background: #fff;
 color: #1E40AF;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: 16px;
 font-weight: 600;
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 8px;
}

.creature-icon{
 position: fixed;
 top: 100px;
 left: 50%;
 width: 140px; /* pehle 80px tha */
 z-index: 9999;
 transform: translateX(-50%);
 will-change: transform;
}



/*=========== counter css +======*/
.setu-made-india-section {
 padding: 0px !important;
 /* background: url("../../images/setu-herobg.png") center center / cover no-repeat*/
 
}

 .setu-made-india-section .joinus-title {
 margin-top: 30px !important;
 font-size: 56px;
 font-weight: 700;
 line-height: 1.2;
 color: #2F3443;
 text-align: center;
 letter-spacing: -0.5px;
 }

.india-gradient {
 background: linear-gradient(90deg, #2E7D32 0%, #F5A623 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-clip: text;
 color: transparent;
}
/* Shared client-logo strip wrapper (used on BiometricDevices, hr-software-pricing, etc.) —
   base tone here so pages that don't load price.css still get a colored strip instead of
   defaulting to plain white. price.css's own .logo-bar rule overrides this where present. */
.logo-bar { background: #F6F8FF; border-bottom: 1px solid #EEF1F6; }
.logo-bar-inner { display: flex; align-items: center; justify-content: center; gap: 0; flex-wrap: wrap; }

.setu-stats-section {
 background: rgba(247, 247, 251, 1);
 border-top: 1px solid rgba(219, 219, 240, 1);
 border-bottom: 1px solid rgba(219, 219, 240, 1);
 padding: 2px 0 !important;
 margin-bottom: 45px;
}

.setu-stats-section .container {
 max-width: 1320px;
 width: 100%;
 padding-left: 15px;
 padding-right: 15px;
}
.setu-coounter-section {
 padding: 30px !important;
}
.setu-stats-wrapper {
 display: flex;
 align-items: center;
 justify-content: space-between;
 max-width: 1440px;
 margin-left: auto;
 margin-right: auto;
}

.setu-stat-item {
 flex: 1;
 text-align: center;
 padding: 50px 15px;
 position: relative;
}

 .setu-stat-item:not(:last-child):after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 width: 1px;
 height: 100%;
 background: rgba(219, 219, 240, 1);
 }
.stat-image {
 display: block;
 padding: 0 20px; 
}


.setu-stat-item h2 {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 4px;
 margin-bottom:20px;
 font-weight:700;
}
.setu-stat-item .stat-number {
 font-family: "Poppins", "Plus Jakarta Sans", sans-serif;
 font-size: 36px;
 color: #183153;
 font-weight: 700;
}


.setu-stat-item .stat-icon {
 display: block;
 max-height: 27px; 
 width: auto;
 margin-top: 0px;
}

 .setu-stat-item h2 span:not(.stat-number) {
 font-size: 16px;
 vertical-align: super;
 line-height: 24px;
 font-weight: 300;
 letter-spacing: 0.16px;
 }

 .setu-stat-item p {
 margin: 0;
 font-family: "Poppins", "Plus Jakarta Sans", sans-serif;
 font-size: 18px;
 font-weight: 400;
 line-height: 20px;
 color: #7B7B8E;
 }
/* _StatsStrip puts a bold title and a lighter description in the same <p> —
   stack them instead of letting them run together with no space */
.setu-stat-item p strong { display: block; font-weight: 600; color: #343A40; margin-bottom: 4px; }
.setu-stat-item p span { display: block; }
/*==============================*/

/*======== setu meet css =====*/

.setu-device-wrap img{max-width:100%;height:auto;}
.setu-device-wrap .setu-slide-img{width:100%;height:auto!important;aspect-ratio:1300 / 870;object-fit:contain;}

.setu-meet-subtitle {
 text-align: center;
 color: #9aa3c7;
 margin-bottom: 20px;

}

/* wrapper that holds the stacked slides - fixed height = 100vh viewport area */


/* Each slide stacked exactly on top of each other */



 .setu-main-heading span {
 background: linear-gradient(90deg, #7b5cff, #ff5cf0);
 -webkit-background-clip: text;
 background-clip: text;
 color: transparent;
 }


 .setu-feature::before {
 content: "";
 display: inline-block;
 width: 20px;
 height: 20px;
 margin-right: 10px;
 background: url("../../images/checkone.svg") no-repeat center;
 background-size: contain;
 flex-shrink: 0;
 }



.setu-meet-section {
 background: url("../../images/optimized/meetsectionbg.webp") lightgray 0px 0px / 100% 100% no-repeat;
 position:relative;
}

.setu-meet-title {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 12px;
 flex-wrap: wrap;
 color: #fff;
 font-size: 38px;
 font-weight: 700;
 line-height: 60px;
 font-family: 'Plus Jakarta Sans', sans-serif;
}

.setu-ai-logo {
 display: inline-block;
 max-height: 60px; 
 aspect-ratio: 193 / 88;
 height: auto;
 width: auto;
 vertical-align: middle;
}


.setu-meet-subtitle {
 color: #cfd8ea;
 font-size: 16px;
 margin-bottom: 70px;
 line-height: 24px;
 font-weight: 500;
 font-family: 'Plus Jakarta Sans', sans-serif;
 color: rgba(255, 255, 255, 1);
}

.setu-meet-row {
 display: flex;
 align-items: center;
 background: #001443;
 border: 1px solid #0038ACFC;
 padding: 30px;
 border-radius: 50px;
 margin-bottom: 30px;
 position: sticky;
 top: 210px;
}

.setu-pill {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 7px;
 padding: 8px 16px;
 min-height: 24px !important;
 border-radius: 100px;
 font-size: 14px;
 line-height: 24px;
 letter-spacing: 0%;
 font-weight: 500;
 color: #000;
 margin-top: 15px;
 border: 2px solid transparent;
 background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #7B2FF7 0%, #C61DD8 25%, #FF5B5B 55%, #FF8A3D 80%, #FFD54A 100%) border-box;
 box-shadow: 0 6px 18px rgba(123, 47, 247, 0.18);
 font-family: 'Plus Jakarta Sans', sans-serif;
}
.setu-main-heading {
 color: rgba(255, 255, 255, 1);
 font-size: 28px;
 font-weight: 600;
 letter-spacing: -2%;
 margin: 10px 0 16px;
 font-family: 'Plus Jakarta Sans' sans-serif;
 line-height: 1.25;
}


 .setu-main-heading span {
 background: radial-gradient(50% 50% at 50% 50%, #FE6AC9 0%, #7C58FF 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-clip: text;
 color: transparent;
 }

.setu-desc {
 color: rgba(255, 255, 255, 1);
 line-height: 24px;
 margin-bottom: 10px;
 font-size: 14px;
 font-weight: 400;
 font-family: 'Plus Jakarta Sans' sans-serif;
 letter-spacing: 0%;
}



.setu-feature {
 display: flex;
 align-items: center;
 color: rgba(255, 255, 255, 1) !important;
 font-size: 14px;
 font-weight: 400;
 font-family: 'Plus Jakarta Sans', sans-serif;
 margin-bottom:20px;
}


 .setu-feature img {
 width: 20px;
 }
.setu-readmore {
 display: inline-flex;
 align-items: center;
 margin-top: 20px;
 color: rgba(255, 255, 255, 1);
 font-size: 18px;
 font-weight: 500;
 text-decoration: none;
 line-height: 24px;
 letter-spacing: 0%;
 font-family: 'Plus Jakarta Sans', sans-serif;
 color: rgba(253, 157, 45, 1);
}
 .setu-readmore:hover {
 text-decoration:underline;
 }

.readmore-icon {
 width: 16px; /* Adjust as needed */
 height: 16px;
 object-fit: contain;
 margin-left: 10px;
}
/* .setu-readmore:hover {
 text-decoration: none;
 color: #fff;
 }
*/
.setu-device-wrap {
 position: relative;
 text-align: center;
 margin-bottom: 53px;
 
}

.setu-laptop {
 display: inline-block;
}

.setu-mobile {
 position: absolute;
 left: 12%;
 bottom: -10px;
 max-width: 32%;
}

.setu-chat {
 position: absolute;
 top: -10px;
 right: 10%;
 background: #fff;
 padding: 12px 18px;
 border-radius: 14px;
 font-size: 14px;
 box-shadow: 0 15px 35px rgba(0,0,0,.2);
}

.setu-owl {
 position: absolute;
 top: 35px;
 right: 28%;
 width: 70px;
}


/*==================*/


.bg-grid {
 position: absolute;
 width: 520px;
 height: 520px;
 background-repeat: no-repeat;
 background-size: contain;
 pointer-events: none;
 z-index: 0;
}

/* Left Bottom */

.bg-grid-bottom {
 left: -120px;
 bottom: -120px;
 background-image: url('../../images/grid-glow.png');
}

/* Right Top */

.bg-grid-top {
 right: -120px;
 top: -120px;
 transform: rotate(180deg);
 background-image: url('../../images/grid-glow.png');
}

/* Fan */

.fan-shape {
 position: absolute;
 right: 40px;
 bottom: 40px;
 width: 280px;
 opacity: .35;
 z-index: 1;
 transform-origin: center center;
 filter: drop-shadow(0 0 35px rgba(85,130,255,.35));
}
/* Content */

.setu-meet-section .container {
 position: relative;
 z-index: 2;
}
/*========= Cheque css*/
.fade-text {
 animation: fadeInOut 2s ease-in-out infinite;
}

@keyframes fadeInOut {
 0% {
 opacity: 0;
 }

 25% {
 opacity: 1;
 }

 75% {
 opacity: 1;
 }

 100% {
 opacity: 0;
 }
}


.setu-cheque-section {
 position: relative;
 background: url("../../images/optimized/cheques-sectionbgss.webp") center center / cover no-repeat !important;
}
.cheque-eyebrow-wrap {
 display: flex;
 align-items: flex-start;
 gap: 10px;
 justify-content: center;
 margin-bottom: 14px;
}

.cheque-owl {
 width: 34px;
 height: 34px;
 flex-shrink: 0;
}

.cheque-eyebrow {
 font-size: 13px;
 line-height: 1.4;
 color: #55575c;
 text-align: left;
 margin: 0;
}

.cheque-headline {
 text-align: center;
 font-size: 38px;
 font-weight: 700;
 color: #1c1d21;
 margin: 0 0 24px;
 letter-spacing: -2px;
 line-height: 60px;
 font-family: "Plus Jakarta Sans", sans-serif;
 color: rgba(52, 58, 64, 1);
}

 .cheque-headline .accent {
 color: rgba(30, 64, 175, 1);
 }

.cheque-subtext {
 text-align: center;
 font-size: 16px;
 color: rgba(101, 105, 113, 1);
 max-width: 802px;
 margin: 0 auto 20px !important;
 line-height: 24px;
 letter-spacing: 0%;
 font-family: "Plus Jakarta Sans", sans-serif;
}

/* ---------- Nav pill ---------- */
.cheque-nav-wrap {
 display: flex;
 justify-content: center;
 margin-bottom: 56px;
}

.cheque-nav {
 /* display: inline-flex;*/
 background: rgba(239, 243, 255, 1);
 border-radius: 50px;
 /*padding: 4px;
 gap: 4px;
 max-width: 699px;
 width: 100%;
 justify-content: space-between;*/
 display: flex;
 padding: 4px;
 justify-content: center;
 align-items: center;
 gap: 15px;
}

 .cheque-nav button {
 appearance: none;
 border: none;
 background: transparent;
 font-size: clamp(16px, 1.04vw, 20px);
 font-weight: 500;
 line-height: 24px;
 letter-spacing: 0%;
 color: rgba(54, 73, 105, 1);
 padding: 12px 20px;
 border-radius: 50px;
 cursor: pointer;
 white-space: nowrap;
 transition: background .2s ease, color .2s ease;
 flex: 1;
 }

 .cheque-nav button.active {
 background: #1a2a8a;
 color: #ffffff;
 padding: 16px 29px 16px;
 }

 .cheque-nav button:not(.active):hover {
 color: rgba(54, 73, 105, 1) !important;
 }

/* ---------- Content row ---------- */
.cheque-copy.fade {
 margin-top: -80px;
}
.cheque-content-row {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
 gap: 30px;
 align-items: center;
 margin-top: -24px;
}

@media (max-width: 900px) {
 .cheque-content-row {
 grid-template-columns: 1fr;
 }
}

.cheque-copy h3 {
 font-size: 36px;
 font-weight: 600;
 color: rgba(52, 58, 64, 1);
 line-height: normal; 
 letter-spacing: -2%;
 font-family: "Plus Jakarta Sans", sans-serif;
 margin-top:0px;
}

.cheque-copy p.desc {
 font-size: 16px;
 color: rgba(52, 58, 64, 1);
 line-height: 24px;
 letter-spacing: 0%;
 margin: 0 0 20px;
 font-weight: 400;
 font-family: "Plus Jakarta Sans", sans-serif;
}

.cheque-feature-box {
 background: rgba(223, 202, 247, 0.31);
 border-radius: 24px ;
 border: 1px solid rgba(223, 202, 247, 0.27);
 padding: 24px 24px 24px;
}

 .cheque-feature-box ul {
 list-style: none;
 margin: 0;
 padding: 0;
 
 }

 .cheque-feature-box li {
 display: flex;
 align-items: center;
 gap: 18px;
 font-size: 16px;
 font-weight: 500;
 color: #1c1d21;
 padding: 0 0 10px;
 line-height: 24px;
 letter-spacing: 0%;
 font-family: 'Plus Jakarta Sans', sans-serif;
 }


/* .cheque-feature-box li .tick {
 width: 18px;
 height: 18px;
 flex-shrink: 0;
 border-radius: 50%;
 border: 1.5px solid rgba(52, 58, 64, 1);
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 11px;
 }*/
 .cheque-feature-box li .tick {
 width: 18px;
 height: 18px;
 flex-shrink: 0;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 }

 .cheque-feature-box li .tick img {
 width: 18px;
 height: 18px;
 display: block;
 object-fit: contain;
 }
.cheque-right-image {
 width: 100%;
 height: auto;
 display: block;
 border-radius: 20px;
}
 .cheque-feature-box .tick {
 background: none; 
 }
.cheque-image {
 flex: 1;
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

 .cheque-image img {
 width: auto;
 display: block;
 max-height:400px;
 }
/* ---------- Dashboard mockup card ---------- */
.cheque-dash {
 background: #ffffff;
 border-radius: 16px;
 border: 1px solid #eceaf2;
 box-shadow: 0 20px 60px rgba(30, 20, 60, .08);
 padding: 20px;
 min-height: 380px;
}

.cheque-dash-topbar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding-bottom: 14px;
 border-bottom: 1px solid #f1eff5;
 margin-bottom: 16px;
}

.cheque-dash-brand {
 font-size: 13px;
 font-weight: 700;
 color: #1c1d21;
}

.cheque-dash-tabs {
 display: flex;
 gap: 16px;
 font-size: 11px;
 color: #9a9ba1;
}

.cheque-dash-avatar {
 width: 20px;
 height: 20px;
 border-radius: 50%;
 background: #e2dff2;
 display: inline-block;
}

.cheque-dash-body {
 display: grid;
 grid-template-columns: 90px 1fr;
 gap: 16px;
}

.cheque-dash-side {
 display: flex;
 flex-direction: column;
 gap: 10px;
}

 .cheque-dash-side span {
 font-size: 10px;
 color: #b3b4b9;
 padding: 4px 0;
 }

 .cheque-dash-side span:first-child {
 color: #2f4ce0;
 font-weight: 600;
 }

.cheque-stat-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 10px;
 margin-bottom: 14px;
}

.cheque-stat {
 background: #faf9fc;
 border-radius: 10px;
 padding: 10px;
}

 .cheque-stat .label {
 font-size: 9px;
 color: #9a9ba1;
 margin-bottom: 6px;
 }

 .cheque-stat .value {
 font-size: 15px;
 font-weight: 700;
 color: #1c1d21;
 }

 .cheque-stat .sub {
 font-size: 9px;
 color: #4caf7d;
 margin-top: 4px;
 }

.cheque-lower-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 10px;
}

.cheque-panel {
 background: #faf9fc;
 border-radius: 10px;
 padding: 12px;
 min-height: 130px;
}

 .cheque-panel .ptitle {
 font-size: 10px;
 font-weight: 600;
 color: #1c1d21;
 margin-bottom: 8px;
 }

 .cheque-panel .pnum {
 font-size: 20px;
 font-weight: 700;
 color: #2f4ce0;
 }

 .cheque-panel .plabel {
 font-size: 9px;
 color: #9a9ba1;
 }

.fade {
 
 opacity: 1;
}



/*=========== happyppl css =============*/
.setu-happyppl-section {
 position: relative;
 background: url("../../images/optimized/happypplbg.webp") center center / cover no-repeat;

}


.setu-happy-badge-wrap {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 padding: 2px;
 border-radius: 100px;
 background: linear-gradient(90deg, rgba(255,107,201,1) 0%, rgba(124,88,255,1) 100%);
 margin: 0 auto;
}

.setu-happy-badge {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 7px;
 padding: 10px 16px;
 border-radius: 100px;
 background: #fff;
}
.setu-happy-header {
 text-align: center;
}
.setu-happy-title {
 font-family: "Plus Jakarta Sans", sans-serif;
 font-weight: 700;
 font-style: normal;
 font-size: 38px;
 line-height: 60px;
 letter-spacing: -0.02em; /* -2% */
 text-align: center;
 color: #090909;
 margin: 24px 0 16px;
}


 .setu-happy-title span {
 color: #1E40AF;
 }
.setu-happy-description {
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-weight: 500;
 font-style: normal;
 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0;
 text-align: center;
 color: #656971;
 max-width: 978px;
 margin: 20px auto 0;
}
.setu-5c-grid .row {
 display: flex;
 flex-wrap: wrap;
 margin-left: -15px;
 margin-right: -15px;
 row-gap:20px;
 margin-bottom:20px;
}

.setu-5c-card,
.setu-5c-card-care {
 height: 100%;
 border-radius: 30px;
}


 .setu-5c-grid > [class*="col-"] {
 margin-bottom: 18px;
 }
.col-sm-4 .setu-5c-card + .setu-5c-card {
 margin-top: 30px;
}
.setu-5c-card-care {
/* width: 645px;*/ /*645 is in figma but this look to much big so i added new width*/
 height: 206px;
 display: flex;
 align-items: flex-start;
 gap: 20px;
 padding: 40px;
 border: 1px solid #E8E8E8;
 border-radius: 24px;
 opacity: 1;
 background: #fff;
}

 .setu-5c-card-care + .setu-5c-card-care {
 margin-top: 30px;
 }

.setu-5c-card {
 background: #fff;
 border-radius: 20px;
padding: 24px !important;
 display: flex;
 gap: 18px;
 min-height: 145px;
}





 
 .setu-5c-icon {
 width: 80px;
 height: 80px;
 border-radius: 50%;
 background: #eef3ff;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
 }

 .setu-5c-icon.green {
 background: #eef9f1;
 }

 .setu-5c-icon.orange {
 background: #fff4ea;
 }

 .setu-5c-icon.purple {
 background: #f4efff;
 }

 .setu-5c-icon.blue {
 background: #ebf7ff;
 }

.setu-5c-content h3,
.setu-5c-content h4 {
 margin: 0 0 10px;
 font-family: "Plus Jakarta Sans", sans-serif;
 font-size: 25px;
 font-weight: 600;
 color: #1f1f1f;
 position: relative;
 display: inline-block;
 line-height: 32px;
 letter-spacing: 0%;
}

 .setu-5c-content h3:after,
 .setu-5c-content h4:after {
 content: "";
 width: 34px;
 height: 3px;
 background: rgba(96, 165, 250, 1);
 position: absolute;
 left: 0;
 bottom: -6px;
 border-radius: 20px;
 }
.setu-5c-content h3,
.setu-5c-content h4 {
 position: relative;
 display: inline-block;
}

 .setu-5c-content h3::after,
 .setu-5c-content h4::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: -8px;
 width: 34px;
 height: 3px;
 border-radius: 20px;
 }

 /* COMPLETE */
 .setu-5c-content h3.complete::after,
 .setu-5c-content h4.complete::after {
 background: rgba(96, 165, 250, 1);
 }

 /* CONNECTED */
 .setu-5c-content h3.connected::after,
 .setu-5c-content h4.connected::after {
 background: rgba(38, 172, 70, 1);
 }

 /* COMPLIANT */
 .setu-5c-content h3.compliant::after,
 .setu-5c-content h4.compliant::after {
 background: rgba(254, 143, 57, 1);
 }

 /* CONFIDENT */
 .setu-5c-content h3.confident::after,
 .setu-5c-content h4.confident::after {
 background: rgba(158, 124, 251, 1);
 }

 /* CARING */
 .setu-5c-content h3.caring::after,
 .setu-5c-content h4.caring::after {
 background: rgba(57, 195, 251, 1);
 }


.setu-5c-content p {
 margin: 10px 0 0;
 font-size: 16px;
 line-height: 24px;
 color: rgba(9, 9, 9, 1);
 font-weight: 400;
 font-family: "Plus Jakarta Sans", sans-serif;
 letter-spacing: 0%;
}


.setu-bottom-strip {
 
 height: 83px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 14px;
 padding: 14px;
 background: #fff;
 border: 1px solid #E8E8E8;
 border-radius: 50px;
 opacity: 1;
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}


.setu-strip-item {
 display: flex;
 align-items: center;
 gap: 12px;
 flex: 1;
}

 .setu-strip-item:not(:last-child) {
 border-right: 1px solid #ECECEC;
 }


.setu-strip-item h3,
.setu-strip-item h5 {
 margin: 0;
 font-family: "Plus Jakarta Sans", sans-serif;
 font-weight: 700;
 font-size: 20px;
 line-height: 24px;
 letter-spacing: 0;
 text-align: left;
 color: #2451D1;
}

.setu-strip-item span {
 display: block;
 margin-top: 3px;
 font-family: "Inter", sans-serif;
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0;
 text-align: left;
 color: #666666;
}
/*=====================================*/
 
 
 
 .setu-needs-section {
 position: relative;
 padding-top: 100px;
 padding-bottom: 0;
 background: #FFFFFF;
 overflow: hidden;
 min-height: 100vh;
 }

/*=========== CTA CSS ============*/
.setu-company-section {
 position: relative;
 overflow: hidden;
 padding: 100px 0 100px;
 background: url("../../images/ctabg.jpg") center center/cover no-repeat;
}



.company-fan {
 position: absolute;
 top: -60px;
 left: -70px;
 width: 290px;
 transform: rotate(157deg);
 z-index: 1;
 pointer-events: none;
 animation: spin 2s linear infinite;
}



.company-content {
 position: relative;
 z-index: 2;
 text-align: center;
}



.hero-chat-wrap {
 display: flex;
 justify-content: center;
 align-items: flex-start;
 gap: 10px;
 margin-bottom: 30px;
}

.hero-owl {
 width: 58px;
}

.hero-chat {
 position: relative;
 background: #fff;
 border-radius: 16px;
 padding: 14px 18px;
 color: #111827;
 text-align: left;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: 16px;
 line-height: 24px;
 box-shadow: 0 8px 30px rgba(0,0,0,.15);
}

 .hero-chat:before {
 content: "";
 position: absolute;
 left: -9px;
 top: 38px;
 border-right: 10px solid #fff;
 border-top: 10px solid transparent;
 border-bottom: 10px solid transparent;
 }



.company-content h2 {
 margin: 0 auto 28px;
 max-width: 920px;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: 38px;
 font-weight: 700;
 line-height: 60px;
 letter-spacing: -.02em;
 color: #fff;
}



.company-content p {
/* max-width: 760px;*/
 margin: 0 auto 3px;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: 16px;
 font-weight: 500;
 line-height: 24px;
 letter-spacing: 0%;
 color: rgba(255,255,255,.9);
 padding-bottom: 24px;
}

.company-btn {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 text-decoration: none;
}

.btn-text {
 display: inline-block;
 transition: transform 0.3s ease;
}

/*.company-btn:hover .btn-text {
 transform: translateY(-5px);
}
.company-btn:hover .btn-text {
 animation: jumpBounce 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}
*/
@keyframes jumpBounce {
 0% {
 transform: translateY(0);
 }

 20% {
 transform: translateY(-18px);
 }

 40% {
 transform: translateY(6px);
 }

 55% {
 transform: translateY(-10px);
 }

 70% {
 transform: translateY(3px);
 }

 85% {
 transform: translateY(-4px);
 }

 100% {
 transform: translateY(0);
 }
}

.company-btns {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 18px;
 flex-wrap: wrap;
 
}

.company-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 padding: 14px 30px;
 border-radius: 52px;
 text-decoration: none;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: 16px;
 font-weight: 600;
 transition: .3s;
 
}
.hero-chat-wrap {
 position: fixed;
 top: 70px;
 left: 50%;
 z-index: 9999;
 transform: translateX(-50%);
 will-change: transform;
}

 .company-btn img {
 width: 16px;
 }


.company-btn-primary {
 background: #1E40AF;
 color: #fff;
 border-radius: 50px;
 padding: 14px 32px;
 min-height: 60px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 font-size: 18px;
 font-weight: 600;
 text-decoration: none;
}

.setu-freeresource-section .company-btn-primary {
 background: #1E40AF;
 color: #fff;
 /* margin-top: 40px;*/
}


.company-btn-primary:hover {
 color: #fff;
 background: #000;
}

.hoverarrow {
 content: url("../../images/arrowhomeicon.svg");
 transition: 0.3s ease;
}

/*.company-btn-primary:hover .hoverarrow {
 content: url("../../images/blurarrowiconhover.svg");
}*/
.hoverplay {
 content: url("../../images/videoplayiconhome.svg");
 transition: 0.3s ease;
}
.company-btn-light:hover .hoverplay {
 content: url("../../images/whiteplay.svg");
}


/*.company-btn-light {
 background: #fff;
 color: #1E40AF;
 border: 1.5px solid #fff;
 margin-top: 38px;
}*/
.company-btn-light {
 background: #fff;
 color: #1E40AF;
 border-radius: 50px;
 padding: 14px 32px;
 min-height: 60px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 font-size: 18px;
 font-weight: 600;
 text-decoration: none;
 margin-bottom: 20px;
}

 .company-btn-light:hover {
 background: #1E40AF;
 color: #fff;
 }
/*==============================*/


.setu-hrsamvaad-section {
 position: relative;
 padding-top: 100px;
 padding-bottom: 0;
 background: #F8FAFC;
 overflow: hidden;
 min-height: 100vh;
}

/*================= REsource css*/
.setu-freeresource-section {
 position: relative;
 padding-top: 100px;
 padding-bottom: 0;
 background: url("../../images/optimized/freeresourcebg.webp") center center / cover no-repeat;
 overflow: hidden;
 min-height: 100vh;
}
.setu-freeresource-section {
 position: relative;
 padding: 80px 0 80px !important;
/* background: linear-gradient(180deg, #F8FAFF 0%, #D8D8FF 100%);*/
 overflow: hidden;
}
.setu-tool-resource-img{
margin-left: 50px;
}

.setu-resource-badge {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 margin-bottom: 25px;
}

 .setu-resource-badge img {
 width: 42px;
 }

 .setu-resource-badge span {
 font-size: 13px;
 color: #4A4A4A;
 }

.setu-resource-title {
 margin: 0;
 font-family: "Plus Jakarta Sans", sans-serif;
 font-size: 38px;
 font-weight: 700;
 line-height: 60px;
 color: #1F2937;
 letter-spacing: -2px;
 color: rgba(52, 58, 64, 1);
}

 .setu-resource-title span {
 color: rgba(30, 64, 175, 1);
 }

.setu-resource-desc {
 margin: 18px auto 0;
 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0%;
 font-weight: 500;
 color: rgba(101, 105, 113, 1);
 font-family: "Plus Jakarta Sans", sans-serif;
 padding-bottom: 24px;
}

.setu-resource-hero {
 margin-top: 30px;
 display: flex;
 align-items: center;
}


.setu-guide-content {
 padding-right: 40px;
}

 .setu-guide-content h3 {
 font-size: 36px;
 line-height: normal;
 font-weight: 600;
 color: rgba(52, 58, 64, 1);
 letter-spacing: 0px !important;
 font-family: 'Plus Jakarta Sans', sans-serif;
 text-align: left;
 }

 .setu-guide-content p {
 margin-bottom: 30px;
 font-size: clamp(16px, 1.04vw, 20px);
 line-height: 28px;
 color: rgba(52, 58, 64, 1);
 letter-spacing: 0%;
 font-weight: 500;
 font-family: 'Plus Jakarta Sans', sans-serif;
 text-align: left;
 }

.setu-resource-btn {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 background: #2454D3;
 color: #fff;
 padding: 14px 30px;
 border-radius: 50px;
 text-decoration: none;
 font-weight: 600;
}

 .setu-resource-btn:hover {
 color: #fff;
 text-decoration: none;
 }


.setu-guide-image {
 position: relative;
 background: #2D2665;
 border-radius: 30px;
 padding: 60px 70px;
 min-height: 500px;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;
 text-align: center;
}

 .setu-guide-image img {
 display: block;
 max-width: 100%;
 height: auto;
 margin: 0 auto;
 }
.guide-tag {
 position: absolute;
 left: 25px;
 bottom: 25px;
 background: rgba(255,255,255,.15);
 color: #fff;
 padding: 8px 18px;
 border-radius: 30px;
 font-size: 13px;
}



.setu-resource-cards {
 margin-top: 30px;
}

.setu-resource-card {
 background: #fff;
 border-radius: 20px;
 padding: 30px;
 min-height: 325px;
 transition: .3s;
 margin-top:24px;

}

 

 .setu-resource-card img {
 width: 52px;
 margin-bottom: 10px;
 }

 .setu-resource-card h4 {
 margin: 0 0 15px;
 font-size: 20px;
 line-height: 24px;
 font-weight: 600;
 letter-spacing: 0%;
 color: rgba(9, 9, 9, 1);
 letter-spacing: 0%;
 font-family: 'Plus Jakarta Sans', sans-serif;
 }

 .setu-resource-card p {

 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0%;
 color: rgba(9, 9, 9, 1);
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 400;
 }

 .setu-resource-card a {
 color: #7a4300;
 font-weight: 500;
 font-size: 16px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 line-height: 24px;
 letter-spacing: 0%;
 }

.playbook-btn {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 color: #7a4300;
 font-family: Inter, sans-serif;
 font-size: 18px;
 font-weight: 500;
 text-decoration: none;
}

.setu-resource-card a.playbook-btn {
 color: #7a4300;
}

.setu-stat-item p {
 color: #4b5563;
}

.u-setu-trust-client .trust-quote {
 color: #374151;
}

.u-setu-trust-client .trust-readmore {
 color: #243a9f;
}

 .playbook-btn img {
 width: 13px;
 height: 13px;
 display: block;
 object-fit: contain;
 margin-top: 11px; 
 }


.setu-tool-row {
 margin-top: 35px;
}

.setu-card-tool-two {
 background: rgba(255, 255, 255, 1) !important;
}
.setu-card-tool-three {
 background: rgba(255, 255, 255, 1) !important;
}
.section-header p {
 margin-bottom: 20px;
}
.setu-tool-card {
 display: flex;
 align-items: flex-start; /* Top align */
 gap: 16px;
}

.setu-tool-content {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 flex: 1;
}

 .setu-tool-content h4 {
 margin: 0 0 8px;
 font-size: 20px;
 line-height: 28px;
 font-weight: 700;
 }

 .setu-tool-content p {
 margin: 0;
 font-size: 16px;
 line-height: 30px;
 color: #475569;
 }
.setu-tool-card {
 position: relative;
 background: #fff;
 border-radius: 18px;
 padding: 18px;
 overflow: hidden;
 transition: all .3s ease;
 min-height:144px;
}

 .setu-tool-card::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 4px;
 background: #1D4ED8;
 transform: scaleX(0);
 transform-origin: center;
 transition: transform .3s ease;
 }

 .setu-tool-card:hover {
 background: linear-gradient(153.27deg, #E7F1FD 8.31%, #F5F5FF 91.69%);
 
 }

 .setu-tool-card:hover::after {
 transform: scaleX(1);
 }

 .setu-tool-card:hover {
 background: linear-gradient( 153.27deg, #E7F1FD 8.31%, #F5F5FF 91.69% );
 border-color: #D7E6FF;
 border-bottom: 2px solid rgba(15, 79, 147, 1); /* Blue bottom border */

 transform: translateY(-2px);
 }
.setu-tool-card img {
 width: 62px;
 margin-top: 20px;
}

 .setu-tool-card h5 {
 margin: 0 0 8px;
 font-size: 20px;
 font-weight: 600;
 line-height: 24px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 letter-spacing: 0%;
 color: rgba(54, 73, 105, 1);
 }

 .setu-tool-card p {
 margin: 0;
 font-size: 15px;
 line-height: 24px;
 letter-spacing: 0%;
 color: rgba(54, 73, 105, 1);
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 400;
 }


.setu-resource-footer {
 margin-top: 50px;
 
 font-size: clamp(18px, 1.3vw, 25px);

 font-weight: 500;
 color: rgba(52, 58, 64, 1);
 line-height: 32px;
 letter-spacing: 0%;
 font-family: 'Plus Jakarta Sans', sans-serif;
}

.setu-form-section .guideoutone {
 background: rgba(233, 231, 255, 0.6);
 border: 1px solid rgba(217, 231, 254, 1);
 width: 1320px;
}


.setu-form-section .setu-contact-left {
 position: relative;
 height: 100%;
 min-height: 508px;
 width: 550px;
 border-radius: 22px;
 padding: 36px;
 overflow: hidden;
 background: url("../../images/formleftbg.jpg") center center/cover no-repeat;
}



.setu-form-section .setu-contact-desc {
 font-family: "Plus Jakarta Sans",sans-serif;
 font-size: clamp(16px, 1.04vw, 20px);
 line-height: 24px;
 color: #D5D8FF;
 max-width: 320px;
 font-weight: 500;
 letter-spacing: 0%;
}

.setu-form-section .setu-contact-chat {
 position: absolute;
 top: 18px;
 right: -8px;
 background: #FFF7EF;
 color: #2A2A2A;
 padding: 14px 18px;
 border-radius: 16px;
 font-size: 15px;
 line-height: 22px;
 z-index: 3;
}

.setu-form-section .setu-contact-owl {
 position: absolute;
 top: 32px;
 right: 95px;
 width: 68px;
 z-index: 2;
}

.setu-form-section .setu-contact-flower {
 position: absolute;
 right: 20px;
 bottom: 20px;
 width: 180px;
}

.setu-title-fan {
 width: 62px;
 height: auto;
 display: inline-block;
 vertical-align: middle;
 margin-left: 8px;
 margin-top: -8px;
}

.setu-big-fan {
 position: absolute;
 right: 0px;
 bottom: 0px;
 width: 260px;
 pointer-events: none;
 animation: spin 2s linear infinite;
}

@keyframes spin {
 from {
 transform: rotate(0deg);
 }

 to {
 transform: rotate(360deg);
 }
}

.setu-form-section .setu-form-section {
 position: relative;
 padding-top: 100px 0 100px;
 padding-bottom: 0;
 background: url("../../images/formbg.png") center center / cover no-repeat;
 overflow: hidden;
 min-height: 100vh;
}
.setu-form-section .guide-outer {
 display: flex;
 align-items: stretch;
 width: 100%;
 max-width: 1320px;
 min-height: 538px;
 padding: 15px;
 border: 1px solid #E6E8FF;
 border-radius: 30px;
 background: rgb(233 231 255 / 60%);
 overflow: hidden;
 margin-left:auto;
 margin-right:auto;
}

.setu-spreadsheet-section {
 background: url(../../images/optimized/setuspreadbg.webp) center center / cover no-repeat !important;
}

/* Heading */

.setu-spreadsheet-heading-box {
 max-width: 1320px;
 margin: 0 auto 60px;
 text-align: center;
}

.setu-spreadsheet-heading {
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: 38px;
 color: rgba(52, 58, 64, 1);
 margin: 0 0 20px;
/*margin: 0px !important;*/
 text-align: center;
 font-style: normal;
 font-weight: 700;
 line-height: 55px; /* 120% */
 letter-spacing: -1px;
}

 .setu-spreadsheet-heading span {
 display: block;
 color: rgba(30, 64, 175, 1);
 }

.setu-spreadsheet-heading-text {
 /* max-width: 900px;*/
 margin: 0 auto;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: 16px;
 font-weight: 500;
 line-height: 24px;
 color: #656971 !important;
}


 .setu-spreadsheet-card-row > [class*="col-"] {
 padding-left: 12px;
 padding-right: 12px;
 }



.setu-spreadsheet-btn {
 margin-top: 45px;
}


.setu-resource-image-wrap {
 position: relative;
 border-radius: 32px;
 overflow: hidden;
}

.setu-tool-resource-img {
 width: 100%;
 display: block;
 border-radius: 32px;
}
.setu-book-btn {
 position: absolute;
 margin-left: 72px;
 bottom: 32px;
 width: 140px;
 height: 52px;
 border-radius: 60px;
 background: rgba(255,255,255,.22);
 backdrop-filter: blur(14px);
 display: flex;
 justify-content: center;
 align-items: center;
 overflow: hidden;
 color: #fff;
 font-size: 24px;
 font-weight: 700;
 text-decoration: none;
 transition: .35s;
}

 .setu-book-btn:hover {
 background: #1E40AF;
 color: #fff;
 }
 .setu-book-btn span {
 position: absolute;
 left: 0;
 width: 100%;
 text-align: center;
 transition: .35s ease;
 font-size: 16px;
 font-weight: 500;
 line-height: 24px;
 letter-spacing: -0.15px;
 color: rgba(255, 255, 255, 1);
 }

.text-default {
 transform: translateY(0);
}

.text-hover {
 transform: translateY(180%);
}

.setu-book-btn:hover .text-default {
 transform: translateY(-180%);
}

.setu-book-btn:hover .text-hover {
 transform: translateY(0);
}

.setu-spreadsheet-card-row {
 display: flex;
 gap: 24px;
 justify-content: space-between;
}

.setu-spreadsheet-card {
 width: 33.333%;
 height: 430px;
 border-radius: 30px;
 opacity: 1;
 box-sizing: border-box;
 padding: 24px;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 border: 2px solid rgba(241, 246, 254, 1);
 transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.setu-card-icon {
 width: 62px;
 height: 62px;
 border: 1px solid rgba(255,255,255,.15);
 background: rgba(255,255,255,.08);
 border-radius: 12px;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 40px;
}

 .setu-card-icon img {
 width: 40px;
 height: 40px;
 display: block;
 }
 .setu-card-icon {
 width: 62px;
 height: 62px;
 border: 1px solid rgba(255,255,255,.15);
 background: rgba(255,255,255,.08);
 border-radius: 12px;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 40px;
}

 .setu-card-icon img {
 width: 61px;
 height: 76px;
 display: block;
 }
.setu-spreadsheet-card h3 {
 margin: 0 0 16px;
 font-size: clamp(36px, 4vw, 70px);
 font-weight: 700;
 line-height: 100%;
 letter-spacing: -2%;
 color: rgba(255, 255, 255, 1);
 font-family: 'Plus Jakarta Sans',sans-serif;
 text-align: left;
}

.setu-spreadsheet-card h4 {
 margin: 0 0 16px;

 font-size: clamp(18px, 1.3vw, 25px);

 font-weight: 700;
 line-height: 32px;
 color: rgba(255, 255, 255, 1);
 font-family: 'Plus Jakarta Sans',sans-serif;
 text-align: left;
}

.setu-spreadsheet-card p {
 margin: 0;
 font-size: 16px;
 line-height: 24px;
 color: rgba(255, 255, 255, 1);
 font-family: 'Plus Jakarta Sans',sans-serif;
 letter-spacing: 0%;
 text-align: left;
}

.setu-card-second h3 {
 color: rgba(3, 11, 29, 1) ;
}
.setu-card-second h4 {
 color: rgba(35, 37, 44, 1);
}
.setu-card-second p {
 color: rgba(52, 58, 64, 1);
}

.setu-card-third h3 {
 color: rgba(3, 11, 29, 1);
}
.setu-card-third h4 {
 color: rgba(35, 37, 44, 1);
}

.setu-card-third p {
 color: rgba(52, 58, 64, 1);
}

.setu-spreadsheet-card:nth-child(1) {
 background-image: url("../../images/spreadsheet72.png");
}

 .setu-spreadsheet-card:nth-child(2) {
 background-image: url("../../images/spreadsheet5lacs.png");
 }

 .setu-spreadsheet-card:nth-child(3) {
 background-image: url("../../images/spreadsheet14hrs.png");
 }

.wrapper {
 position: relative;
 display: inline-block;
 min-width: 180px; 
 height: 50px;
}
.formleft{width:100%;}
.words {
 position: relative;
 display: block;
 height: 100%;
}

 .words span {
 position: absolute;
 left: 0;
 top: 0;
 white-space: nowrap;
 opacity: 0;
 animation: fadeWords 12s infinite;
 }

 .words span:nth-child(1) {
 animation-delay: 0s;
 }

 .words span:nth-child(2) {
 animation-delay: 3s;
 }

 .words span:nth-child(3) {
 animation-delay: 6s;
 }

 .words span:nth-child(4) {
 animation-delay: 9s;
 }

@keyframes fadeWords {
 0%, 100% {
 opacity: 0;
 transform: translateY(10px);
 }

 10%, 25% {
 opacity: 1;
 transform: translateY(0);
 }

 35% {
 opacity: 0;
 transform: translateY(-10px);
 }
}



/*----------- setu need css --------*/
.setu-need-section {
 background: rgba(255, 255, 255, 1) !important;
}

 .setu-need-section .eyebrow-badge {
 position: absolute;
 top: 0;
 right: 0;
 background: #fff;
 border: 1px solid var(--ring);
 border-radius: 14px;
 padding: 10px 16px;
 font-size: 12.5px;
 color: var(--muted);
 box-shadow: 0 8px 20px rgba(31,53,147,.06);
 max-width: 190px;
 line-height: 1.35;
 }

.setu-need-section .head-wrap {
 position: relative;
 text-align: center;
 max-width: 760px;
 margin: 0 auto 10px;
}

 .setu-need-section .head-wrap h2 {
 font-weight: 700;
 font-size: 38px;
 letter-spacing: -2%;
 line-height: 60px;
 color: rgba(52, 58, 64, 1);
 margin-bottom: .15em;
 font-family: 'Plus Jakarta Sans',sans-serif;
 }

 .setu-need-section .head-wrap h2 .accent {
 color: rgba(30, 64, 175, 1);
 }

 .setu-need-section .head-wrap .owl {
 display: inline-flex;
 width: 34px;
 height: 34px;
 vertical-align: -6px;
 }

 .setu-need-section .head-wrap p {
 font-weight: 500;
 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0%;
 margin-top: 14px;
 font-family: 'Plus Jakarta Sans',sans-serif;
 color: rgba(101, 105, 113, 1);
 }

 

 .setu-need-section .row {
 display: flex;
 flex-wrap: wrap;
 row-gap: 16px;
 }

 .setu-need-section .row > [class*="col-"] {
 padding-left: 8px;
 padding-right: 8px;
 margin-bottom: 0;
 }
 
 .setu-need-section .row:first-child {
 margin: 0 auto;
 }



 .setu-need-section .need-card {
 min-height: 440px;
 padding: 56px 52px 30px;
 background: #F6F9FC;
 border: 1px solid #E7E7E7;
 border-radius: 20px;
 display: flex;
 flex-direction: column;
 position:relative;
 }



 .setu-need-section .need-card.tall {
 min-height: 440px;
 padding: 40px 74px 30px;
 background: #F6F9FC;
 border: 1px solid #E7E7E7;
 border-radius: 20px;
 }

.section-header .setu-cta-title {
 margin-bottom: 8px !important;
 line-height: 1.1 !important;
}

.section-header p {
 margin: 0 !important;
}



 .setu-need-section .row:nth-child(2) .need-card {
 min-height: 390px;
 padding: 28px 28px 22px;
 margin: 0 auto;
 border-radius: 24px;
 }


 .setu-need-section .card-visual {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 32px;
 position: relative;
 }

 .setu-need-section .card-visual img {
 max-width: 100%;
 max-height: 302px;
 height: auto;
 display: block;
 object-fit: contain;
 }


 .setu-need-section .card-visual {

/* overflow: hidden;*/
 border-radius: 20px;
 }
 

 .setu-need-section .card-visual img {
 width: 100%;
 display: block;
 transition: transform .6s ease-in-out;
 }

 

 .setu-need-section .card-visual::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient( to top, rgba(246,249,252,.98) 20%, rgba(246,249,252,.7) 45%, rgba(246,249,252,0) 70% );
 transition: background .4s ease;
 }


.setu-need-section .card-text {
 position: absolute;
 left: 24px;
 right: 24px;
 bottom: 20px;
 z-index: 2;
 text-align: center;
 top: 243px;
 background: linear-gradient(180deg, rgba(245, 249, 254, 0) 8%, rgba(245, 249, 254, 0.96) 35%, #F5F9FE 70%);
}

 .setu-need-section .card-text h3 {
 margin: 0 0 10px;
 color: #23252C;
 transition: color .4s ease;
 }

 .setu-need-section .card-text p {
 margin: 0;
 color: #666;
 }



 .setu-need-section .need-card:hover img {
 transform: scale(1.12);
 }

 .setu-need-section .need-card:hover::after {
 background: rgba(0,0,0,.15);
 }

.setu-need-section .need-card:hover .card-text h3 {
 color: rgba(253, 157, 45, 1);
}

.setu-need-section .need-card h3 {
 margin: 0 0 12px;
 font-size: 20px;
 font-weight: 600;
 line-height: 24px;
 letter-spacing: 0%;
 font-family: 'Plus Jakarta Sans' sans-serif;
 color: rgba(35, 37, 44, 1);
 text-align: center;
}

.setu-need-section .need-card p {
 margin: 0;
 text-align: center;
 font-size: clamp(14px, 0.83vw, 16px);
 font-weight: 400;
 line-height: 24px;
 letter-spacing: 0%;
 color: rgba(84, 86, 91, 1);
 font-family: 'Plus Jakarta Sans' sans-serif;
}






 /*============================================== END HOME PAGE CSS =====================================*/
 /*=============================== Start Cleint Css =================================*/
 .s-herosection .leadership-hero-btns {
 display: flex;
 align-items: center;
 justify-content: center;
 column-gap: 20px;
 }
.c-clientdata p {max-width: 700px;margin: auto;font-size: 16px;color: #6d7586;line-height: 28px;font-family: 'Plus Jakarta Sans', sans-serif;}
.csevindustriessection h2 {color: #0F4F93 !important;}
.firstchoicesection {text-align: center;}
.firstchoicesection .hero-badge {display: inline-flex;align-items: center;justify-content: center;}
 .firstchoicesection .section-desc {max-width: 700px;margin: auto;font-size: 16px;color: #6d7586;line-height: 28px;font-family: 'Plus Jakarta Sans', sans-serif;margin-bottom: 20px !important;}
.c-our-client-section{padding: 50px !important;}
.c-clientdata h2 {margin-top: 0px !important;text-align: center;font: normal 600 38px / 58px 'Plus Jakarta Sans', sans-serif !important;margin: 0;}
.c-clientdata h2 span {color: #FF9E2C;}
 .c-clientdata {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 15px;margin-bottom: 30px;}
.c-clientdata .client-item { flex-wrap: wrap; display: inline-flex;align-items: center;justify-content: center;padding: 12px 24px;border: 1px solid #ddd6c9;border-radius: 999px;background: #fff;color: #1b3764;font: 600 16px/22px 'Plus Jakarta Sans', sans-serif;cursor: pointer;transition: all .3s ease;text-align: center;width: auto;min-width: 90px;}
.c-clientdata .client-item:hover {background: #0f2348;color: #fff;border-color: #0f2348;}
.c-clientdata .client-item.active {background: #0f2348;color: #fff;border-color: #0f2348;}
.c-clientdata .client-item img {display: none;}
.c-clientdata .client-item span {display: inline;margin: 0;font: inherit;}
.c-clientdata .client-count {color: #6d7385;font: 500 16px/24px 'Plus Jakarta Sans', sans-serif;}
.c-clientdata .client-count strong {color: #1cb39b;font-weight: 700;}
.c-section-title {font-size: 36px;font-weight: 700;color: #222;margin-bottom: 15px;}
.c-section-description {max-width: 700px;margin: 0 auto;font-size: 18px;line-height: 1.6;color: #666;}
.csevindustriessection .hero-badge {margin-bottom: 20px !important;}
.firstchoicesection .hero-badge {margin-bottom: 20px !important;}
.csevindustriessection {padding: 35px 0;background: #fff;}
.csevindustriessection .section-header {text-align: center;margin: 0 auto 60px;max-width: 750px;}
.csevindustriessection .section-tag {display: inline-block;font-size: 12px;letter-spacing: 2px;color: #00a884;text-transform: uppercase;font-weight: 600;position: relative;padding-left: 35px;}
.csevindustriessection .section-tag:before {content: "";position: absolute;left: 0;top: 50%;width: 25px;height: 2px;background: #00a884;transform: translateY(-50%);}
.csevindustriessection .section-title {font-size: 40px;font-weight: 600;color: #0F4F93;margin-bottom: 18px;font-family: 'Plus Jakarta Sans', sans-serif;}
 .csevindustriessection .section-title span {color: #FF9E2C;}

.csevindustriessection .section-desc {max-width: 700px;margin: auto;font-size: 16px;color: #6d7586;line-height: 28px;font-family: 'Plus Jakarta Sans', sans-serif;}
.c-clientdata .hero-badge {display: inline-flex;margin: 0 auto 30px;}
.firstchoicesection {background: #f8fbff !important;padding: 60px 0;position: relative;}
.fc-tag {display: inline-block;color: #22e6d7;font-size: 13px;font-weight: 600;letter-spacing: 3px;text-transform: uppercase;position: relative;padding-left: 40px;margin-bottom: 20px;}
.fc-tag:before {content: "";width: 26px;height: 2px;background: #22e6d7;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.firstchoicesection h2 {font-size: 40px;font-weight: 600;color: #0F4F93 !important;margin-bottom: 18px;font-family: 'Plus Jakarta Sans', sans-serif;text-align: center;}
.firstchoicesection span {color: #FF9E2C;}
.fc-desc {color: #a9b5c8;font-size: 22px;line-height: 1.7;max-width: 720px;}
/*.firstchoicecards {margin-top: 55px;}*/
.choice-card {background: #fff;border: 1px solid rgba(255,255,255,.1);border-radius: 22px;padding: 30px;height: 100%;min-height: 430px;transition: all 0.3s ease;}
.choice-card:hover {transform: translateY(-8px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);border-color: rgba(0, 0, 0, 0.08);}
.choice-icon {width: 56px;height: 56px;background: #123948;border-radius: 14px;display: flex;align-items: center;justify-content: center;margin-bottom: 25px;}
 .choice-icon img {width: 26px;}
.choice-card h3 {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 500;font-size: 24px;line-height: 1;letter-spacing: -0.5px;text-align: left;color: #2C2C2C;}
.choice-card ul {margin: 0;padding: 0;list-style: none; margin-top: 25px;}
 .choice-card ul li {font-size: 14px;line-height: 1.8;position: relative;padding-left: 30px;margin-bottom: 14px;text-align: left;color: var(--tl-body-text);}
 .choice-card ul li:before {content: "✓";width: 18px;height: 18px;border-radius: 50%;background: #d6f5ef !important;color: #00896a !important;font-size: 11px;font-weight: 700;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 7px;}
.c-clientdata .tab-pane .row {margin-left: -6px;margin-right: -6px;}
.c-clientdata .tab-pane .row > div {padding-left: 6px !important;padding-right: 6px !important;margin-bottom: 12px;}
.c-clientdata .mt-20 {margin-top: 0 !important;}
.c-clientdata {background: #f8f5ef;padding: 60px 0;}
.c-clientdata .ourclient-slider {margin: 35px 0 40px;}
 .c-clientdata .client-item {display: flex;align-items: center;justify-content: center;gap: 8px;height: 44px;padding: 0 22px;border: 1px solid #ddd6c9;border-radius: 999px;background: #fff;color: #233d73;font-size: 15px;font-weight: 600;cursor: pointer;transition: .3s;}
 .c-clientdata .client-item img {display: none;}
 .c-clientdata .client-item:hover {background: #0f1d39;color: #fff;}
 .c-clientdata .client-item.active {background: #0f1d39;color: #fff;border-color: #0f1d39;}
 .c-clientdata .tab-pane .row {display: flex;flex-wrap: wrap;}
 .c-clientdata .client-box {height: 112px;background: #fff;border: 1px solid #ddd6c9;border-radius: 18px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 18px;transition: .3s;box-shadow: none;}
 .c-clientdata .client-box:hover {transform: translateY(-4px);box-shadow: 0 10px 30px rgba(0,0,0,.08);}
 .c-clientdata .client-box img {max-width: 120px;max-height: 38px;width: auto;height: auto;object-fit: contain;margin-bottom: 10px;filter: grayscale(100%);opacity: .8;}
 .c-clientdata .client-box:hover img {filter: none;opacity: 1;}
 .c-clientdata .clientName {margin-top: 6px;text-align: center;}
 .c-clientdata .clientName span {display: block;font-size: 12px;font-weight: 500;color: #5f6980;line-height: 1.4;text-transform: none;}
 .c-clientdata .mt-20 {margin-top: 18px;}

 .c-clientdata .c-logos {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;margin-top: 30px;}
 .c-clientdata .client-box {background: #fff; border: 1px solid #ddd6c9; border-radius: 20px; height: 120px;display: flex;align-items: center;justify-content: center;padding: 20px;transition: all .3s ease;}
 .c-clientdata .client-box:hover {transform: translateY(-4px);box-shadow: 0 8px 20px rgba(0, 0, 0, .08);}
 .c-clientdata .client-box img {max-width: 140px;max-height: 60px;width: auto;height: auto;object-fit: contain;}



.why-link {display: inline-flex;align-items: center;gap: 8px;margin-top: 15px;color: #FF9E2C;font-weight: 400;text-decoration: none;font-size: 18px;}

 .why-link i {width: 28px;height: 28px;border-radius: 50%;background: #FD9D2D;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 15px;}


/*=============================== End Cleint Css =================================*/
/*==============================Start Support CSS ==============================*/


.c-logos {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 15px; /* Adjust spacing between cards as needed */
 margin-top: 20px;
 align-items: stretch;
}

 .c-logos .client-box {
 width: 100%;
 margin: 0; /* Remove old margins if they interfere */
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-align: center;
 border: 1px solid #eee; /* Assuming you want the card borders from your SS */
 border-radius: 8px;
 padding: 15px;
 background: #fff;
 }


.why-link i {width: 28px;height: 28px;border-radius: 50%;background: #FD9D2D;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 15px;}
.support-awards {background: url('../../images/herobgenterprise.jpg') center center no-repeat !important;border-top: 1px solid var(--line);}
.support-awards h2 {font-family: 'Plus Jakarta Sans', sans-serif;color: #fff !important;}
.support-awards span {color: #FF9E2C;}
.support-awards-strip {display: flex;flex-wrap: wrap;gap: 1rem;justify-content: center;align-items: center;}
.support-award {display: flex;align-items: center;gap: .55rem;border: 1px solid var(--line);border-radius: 12px;padding: .72rem 1.15rem;font-size: 12px;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;transition: transform .18s, border-color .2s;}
.support-award img {width: 120px;}
.support-award .support-star {color: var(--amber);}
.s-cta{margin-top: 80px;}
.s-awards {background: url('../../images/herobgenterprise.jpg') center center no-repeat;padding: 70px 0;border-top: 1px solid #E8EDF5;}
.s-awards .sec-head {text-align: center;margin-bottom: 45px;}
.s-awards-strip {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 15px;}
.s-awards {display: inline-flex;align-items: center;gap: 10px;padding: 14px 24px;background: #FFF8EC;border: 1px solid #E9E9E9;border-radius: 12px;font-size: 15px;font-weight: 600;color: #172554;transition: all .3s ease;}
.s-awards:hover {transform: translateY(-4px);border-color: #FD9D2D;box-shadow: 0 10px 25px rgba(0,0,0,.08);}
.s-awards .star {color: #FD9D2D;font-size: 18px;line-height: 1;}
.s-awardsh2 {font-family: 'Plus Jakarta Sans', sans-serif;color: #fff !important;}
.s-awardsh2 span {color: #FF9E2C;}
.faq-section h2 {color: #0F4F93;font-family: 'Plus Jakarta Sans', sans-serif;}
.faq-section span {color: #FF9E2C;}
.faq-section {padding: 50px 0 50px;}
.faq-grid {max-width: 880px;margin: 0 auto;}
.acc {background: #fff;border: 1px solid #E6ECF5;border-radius: 15px !important;margin-bottom: 15px;overflow: hidden;box-shadow: none;}
.acc .panel-heading {background: #fff;padding: 0;border: 0;}
.acc .panel-title a {display: flex;justify-content: space-between;align-items: center;padding: 22px 25px;color: #16213E;font-size: 18px;font-weight: 600;text-decoration: none;}
.plus {width: 30px;height: 30px;border-radius: 8px;background: #FFF7E9;border: 1px solid #E8E8E8;color: #0F4F93;display: flex;align-items: center;justify-content: center;font-size: 22px;transition: .3s;flex-shrink: 0;}
.panel-title .plus {transition: none !important;transform: none !important;font-size: 0;}
.panel-title .plus::before {content: "+";font-size: 28px;line-height: 1;color: inherit;}

.panel-title a:not(.collapsed) .plus::before {content: "×";}

.panel-title a:not(.collapsed) .plus {transform: none !important;}
.body {padding: 20px 25px 25px;color: #6B7280;font-size: 15px;line-height: 1.8;border-top: 1px solid #F2F2F2;}
.panel-collapse {border-top: 0;}
.sla-section {background-color: #fff;padding: 60px 0;color: #fff;}
.sla-section .sec-head {margin-bottom: 40px;}
.sla-section .sec-eyebrow {color: #28e7c6;font-weight: 700;font-size: 13px;letter-spacing: 1px;}
.sla-section h2 {color: #0F4F93;margin-top: 14px;font-family: 'Plus Jakarta Sans', sans-serif;}
.sla-section span {color: #FF9E2C;}
.sla-section .lead {max-width: 700px;margin: auto;font-size: 16px !important;color: #6d7586 !important;line-height: 28px;font-family: 'Plus Jakarta Sans', sans-serif;}
.sla-table-wrapper {background: #0F4F93;border: 1px solid rgba(255,255,255,.12);border-radius: 20px;overflow: hidden;}
.sla-table {margin-bottom: 0 !important;}
.sla-table > thead > tr {background: #0F4F93;}
.sla-table > thead > tr > th {color: #ffff !important;font-weight: 500;border-bottom: none !important;padding: 16px 20px !important;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 20px;}
.sla-table > tbody > tr > td {padding: 16px 20px !important;border-top: 1px solid rgba(255,255,255,.08) !important;vertical-align: middle !important;}

.table-hover > tbody > tr:hover {background-color: rgba(255,255,255,.04) !important;}

.p-title {font-weight: 600;color: #EAF0F9;display: block;font-size: 17px;font-family: 'Plus Jakarta Sans', sans-serif;}
.p-desc {display: block;font-weight: 400;color: #8CA0C2;font-size: 15px;font-family: 'Plus Jakarta Sans', sans-serif;}
.mono-text {font-family: 'Plus Jakarta Sans', sans-serif; color: #ffff;font-size: 15px;font-weight: 500;}
.sla-note {font-family: Menlo, Monaco, Consolas, "Courier New", monospace;font-size: 12.5px;color: #8CA0C2;margin-top: 18px;}

.custom-pill {padding: 6px 12px;border-radius: 999px;font-family: Menlo, Monaco, Consolas, "Courier New", monospace;font-size: 15px;font-weight: 500;display: inline-block;font-family: 'Plus Jakarta Sans', sans-serif;}
.crit-pill {background: rgba(246,167,35,.16);color: #F6A723; }
.high-pill {background: rgba(40,231,198,.16);color: #28e7c6;}
.norm-pill {background: rgba(44,107,224,.2);color: #8FB2F2;}
.channels-section .why-card {background: #fff;padding: 12px 24px;display: flex;gap: 20px;margin-bottom: 30px;transition: .3s;min-height: 160px;box-shadow: 0 8px 25px rgba(0, 0, 0, .05);}
.hero-stats {display: flex;align-items: center;justify-content: space-between;background: rgba(18, 41, 88, 0.95);border: 1px solid rgba(255,255,255,0.12);border-radius: 28px;padding: 28px 35px;position: relative;
 backdrop-filter: blur(10px);
 -webkit-backdrop-filter: blur(10px);
 box-shadow: 0 15px 35px rgba(4, 18, 54, 0.25), inset 0 1px 0 rgba(255,255,255,0.08);
}
.hero-stat-item {flex: 1;display: flex;align-items: center;justify-content: center;position: relative;text-align: center;}
.hero-stat-item:not(:last-child):after {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 55px;background: rgba(255,255,255,.18);}
.hero-stat-text {display: flex;flex-direction: column;align-items: center;}
.hero-stat-val {font-size: 25px;font-weight: 600;color: #FFFFFF;line-height: 100%;letter-spacing: 0%;font-family: Plus Jakarta Sans;white-space: nowrap;}
.sup-hero-stats .stat-icon {width: 30px;height: 30px;object-fit: contain;display: inline ;}
.faq-grid {display: block !important;gap: 14px;margin-top: 40px;}
.sup-hero-stats .hero-stat-label {margin-top: 8px;font-size: 17px;font-weight: 400;color: rgba(255,255,255,.95);font-family: 'Plus Jakarta Sans',sans-serif;}
.hero-stat-icon {display: none;}
.s-resources {background: #f8fbff;padding: 50px 0 50px;}
.s-resources .row {margin-top: 40px;}
.s-resources .col-sm-6,
.s-resources .col-md-4 {margin-bottom: 30px;}
.res {background: #ffff;border: 1px solid var(--line);border-radius: var(--r);padding: 24px;display: flex;align-items: flex-start;gap: 16px;position: relative;overflow: hidden;transition: all .25s ease;text-decoration: none;color: inherit;height: auto;min-height: 150px;}
.res:hover {transform: translateY(-4px);box-shadow: var(--shadow-sm);text-decoration: none;color: inherit;}
.res .ic {width: 44px;height: 44px;min-width: 44px;border-radius: 12px;background: black;border: 1px solid var(--line);display: table;text-align: center;transition: .25s;}
.res-content {overflow: hidden;}
.res h4 {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size: 21px !important;line-height: 1;letter-spacing: -0.5px;text-align: left;color: #1F2937;}
.res p {margin: 0;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 400;font-size: 14px;line-height: 1.6;text-align: left;color: #000000}
.table-responsive {max-width: 1050px;margin: 45px auto 0;border-radius: 18px;overflow: hidden;background: #fff;border: 1px solid #E5EDF7;box-shadow: 0 12px 35px rgba(15,79,147,.08);}
.support-table {margin: 0;border: 0;background: transparent;}
.support-table thead {background: #0F4F93;padding: 20px !important;}
.support-table thead th {color: #fff;font-size: 17px;font-weight: 600;padding: 18px 22px;border: 0 !important;white-space: nowrap;}
.support-table tbody td {padding: 18px 22px;font-size: 15px;color: #334155;border-top: 1px solid #EEF3FA !important;vertical-align: middle !important;}
.support-table tbody tr {transition: .3s;}
.support-table tbody tr:hover {background: #F8FBFF;}
.priority {display: inline-block;padding: 5px 14px;border-radius: 30px;font-size: 13px;font-weight: 600;}
.priority.critical {background: #FFF1F0;color: #F44336;}
.priority.high {background: #FFF8E8;color: #FD9D2D;}
.priority.normal {background: #EEF9F1;color: #2E7D32;}
.response-badge {display: inline-block;padding: 6px 14px;border-radius: 30px;background: rgba(15,79,147,.08);color: #0F4F93;font-size: 13px;font-weight: 600;}
.support-table td:last-child {font-weight: 500;}
.commit {background: #f9f9f9;padding: 70px 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.sec-head {margin-bottom: 35px;}
.sec-eyebrow {display: inline-block;color: #0f8d8d;font-size: 13px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 15px;}
.sec-head h2 {font-size: 36px;font-weight: 700;margin-top: 0;margin-bottom: 15px;}
.sec-head span {color: #ff9e2c;}
.sec-head p {color: #666;font-size: 16px;line-height: 28px;}

.commit-list {margin-top: 30px;}
.cn {padding: 10px;margin-bottom: 10px;border-radius: 8px;transition: all .3s;}
.cn:hover {background: #f4f8f8;}
.cn .num {width: 42px;height: 42px;line-height: 42px;text-align: center;background: linear-gradient(#fff,#fff) padding-box, linear-gradient(145deg,#0f172a,#2563eb) border-box;border: 2px solid transparent;background-clip: padding-box,border-box;border-radius: 50%;font-weight: bold;margin-right: 18px;}
.cn .content {overflow: hidden;}
.cn h4 {margin-top: 0;margin-bottom: 6px;font-size: 20px;font-weight: 600;font-family: 'Plus Jakarta Sans', sans-serif;}
.cn p {margin-bottom: 0;color: #666;line-height: 24px;font-family: 'Plus Jakarta Sans', sans-serif;}
.supt-herobadge {display: inline-flex;align-items: center;gap: 8px;background: rgba(0, 197, 163, .12);border: 1px solid rgba(0, 197, 163, .25);color: #ff9e2c;font-size: 12px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;padding: 6px 14px;border-radius: 99px;margin-bottom: 8px !important;}
.supp-hero-badge {display: inline-flex;align-items: center;gap: 8px;background: rgba(0, 197, 163, .12);border: 1px solid rgba(0, 197, 163, .25);color: #ff9e2c;font-size: 12px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;padding: 6px 14px;border-radius: 99px;margin-bottom: 8px !important;}
.commit-visual {background: #0b1730;color: #fff;padding: 45px;border-radius: 15px;box-shadow: 0 10px 25px rgba(0,0,0,.15);}
.gauge {margin-bottom: 15px;}
.gauge .big {font-size: 40px;font-weight: bold;color: #ffcb4a;line-height: 1;}
.gauge small {font-size: 32px;color: #ffcb4a;}
.cap {color: #b8c3d8;font-size: 15px;line-height: 26px;margin-bottom: 30px;}
.meter {width: 100%;height: 10px;background: rgba(255,255,255,.15);border-radius: 20px;overflow: hidden;}
.meter .fill {display: block;width: 94%;height: 100%;background: linear-gradient(to right,#00b7a8,#ffc64d);}
.meterrow {margin-top: 10px;color: #9db0d3;font-size: 13px;}
.mini2 {margin-top: 35px;padding-top: 25px;border-top: 1px solid rgba(255,255,255,.15);}
.mini2 .v {font-size: 34px;font-weight: bold;color: #ffcb4a;margin-bottom: 8px;}
.mini2 .d {color: #b8c3d8;font-size: 14px;line-height: 22px;}
.channels-section {padding: 50px 0 50px;background: #f8fbff;}
.sec-head {margin-bottom: 55px;}
.sec-eyebrow {display: inline-block;font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;color: #0aa2a0;margin-bottom: 15px;}
.sec-head h2 {font-size: 40px;font-weight: 600;color: #0F4F93;margin-bottom: 18px;font-family: 'Plus Jakarta Sans', sans-serif;}
.sec-head span {color: #1E40AF; }
.sec-head p {max-width: 700px;margin: auto;font-size: 16px;color: #6d7586;line-height: 28px;font-family: 'Plus Jakarta Sans', sans-serif;}
.channel-card {position: relative;background: #fff;border: 1px solid #e6edf5;border-radius: 18px;padding: 35px 28px;margin-bottom: 30px;transition: .35s ease;overflow: hidden;min-height: 345px;}
.channel-card:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(90deg,#14b8a6,#2563eb);transform: scaleX(0);transform-origin: left;transition: .35s;}
.channel-card:hover {transform: translateY(-8px);border-color: transparent;box-shadow: 0 20px 45px rgba(0,0,0,.08);}
.channel-card:hover:before {transform: scaleX(1);}
.channel-tag {position: absolute;right: 25px;top: 25px;background: rgba(20,184,166,.12);color: #0f766e;padding: 5px 10px;border-radius: 20px;font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}
.channel-icon {width: 55px;height: 55px;border-radius: 14px;background: linear-gradient(145deg,#0f172a,#2563eb);display: flex;justify-content: center;align-items: center;color: #fff;margin-bottom: 22px;transition: .3s;}
.channel-card:hover .channel-icon {transform: rotate(-6deg) scale(1.08);}
.channel-icon svg {width: 24px;height: 24px;}
.channel-card h3 {font-size: 24px;font-weight: 600;color: #0f172a;margin-bottom: 15px;font-family: 'Plus Jakarta Sans', sans-serif;}
.channel-card p {color: #6d7586;line-height: 28px;font-size: 15px;margin-bottom: 30px;font-family: 'Plus Jakarta Sans', sans-serif;}
.channel-link {color: #2563eb;font-weight: 600;text-decoration: none;display: inline-block;transition: .3s;font-family: 'Plus Jakarta Sans', sans-serif;}
.channel-link span {margin-left: 6px;transition: .3s;}
.channel-link:hover {color: #2563eb;text-decoration: none;}

.channel-link:hover span {margin-left: 12px;}
.cards-gap {margin-top: 20px !important;}
.s-herosection {background-image: url(../../images/connectbg.jpg);background-size: cover;background-position: center center;position: relative;padding: 50px 0px;}
.s-herosection .rallcontent {padding: 60px ;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 24px;}
.s-herosection .rherobadge {display: inline-flex;align-items: center;gap: 10px;padding: 10px 25px;border: 2px solid rgba(255, 255, 255, 0.25);border-radius: 50px;background: rgba(255, 255, 255, 0.05);color: #f7a534;font-size: 16px;font-weight: 500;}
.s-herosection .rherobadge img {display: block;}
.s-herosection .rheading {font-family: 'Plus Jakarta Sans', sans-serif;font-size: 47px;font-weight: 700;line-height: 68px;color: #fff;margin: 0}
.s-herosection .rheading span {color: #FF9E2C;}
.s-herosection p {font-family: 'Plus Jakarta Sans', sans-serif;font-size: 20px;font-weight: 500;line-height: 30px;color: #fff !important;margin: 0;}
.s-herosection__stats {display: flex;justify-content: center;align-items: center;gap: 32px;border-top: 1px solid rgba(255, 255, 255, 0.05);padding-top: 32px;max-width: 600px;margin: 0 auto;}
.s-herosection__stat-item {display: flex;align-items: center;gap: 8px;}
.s-herosection__stat-val {font-family: 'Space Grotesk', sans-serif;font-size: 14px !important;font-weight: 700;color: #ffffff;letter-spacing: -0.5px;}
.s-herosection__stat-lbl {font-family: 'Space Grotesk', sans-serif;font-size: 11px;font-weight: 700;color: #5c708a;letter-spacing: 1.5px;}
.stats-counter {background: #FFFFFF;padding: 20px 0;overflow: hidden;position: relative;}
.tick-wrapper {position: relative;height: 55px;margin-bottom: 70px;overflow: hidden;}
.tick-bar {position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);display: flex;justify-content: space-between;align-items: center;padding: 0 20px;}
.tick {width: 1px;background: #006FFA;}
.tick.h1 {height: 12px;opacity: .3;}
 .tick.h2 {height: 16px;opacity: .5;}
 .tick.h3 {height: 20px;opacity: .7;}
 .tick.h4 {height: 24px;opacity: .9;}
 .tick.h5 {height: 28px;opacity: .5;}
 .tick.h6 {height: 32px;opacity: .7;}
.moving-glow {position: absolute;left: -35%;top: 0;width: 35%;height: 100%;animation: slideGlow 4s linear infinite;pointer-events: none;}
.glow {width: 100%;height: 100%;background: radial-gradient(circle, rgba(16, 185, 129, .55) 0%, rgba(16, 185, 129, .25) 40%, transparent 75%);filter: blur(25px);}
@keyframes slideGlow {

 0% {
 transform: translateX(0);
 }

 100% {
 transform: translateX(420%);
 }
}



.stat-item {text-align: center;}
.stat-item h2 {color: #F59E0B;font-size: 35px;font-weight: 600;margin: 0;line-height: 1;}
 .stat-item p {color: #0F4F93;margin-top: 15px;font-size: 16px;line-height: 24px;font-weight: 600;}


:root {
 --bg-cream: #f8fbff;
 --text-dark: #071A2E;
 --accent-teal: #0f4f93;
 --accent-blue: #1A53D8;
 --card-bg: #FFFFFF;
 --text-muted: #5C6F84;
}


.support-channels {background-color: var(--bg-cream);font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color: var(--text-dark);padding-top: 80px;padding-bottom: 80px;}
.support-channels .sub-title {color: var(--accent-teal);font-size: 12px !important;letter-spacing: 2px;}
.support-channels .sub-title .line {display: inline-block;width: 18px;height: 2px;background-color: var(--accent-teal);}
.support-channels .main-title {font-family: 'Plus Jakarta Sans', sans-serif;font-size: 47px;font-weight: 700;line-height: 68px;color: #0F4F93 !important;margin: 0;}
.support-channels .main-title span {color: #F59E0B;}

.support-channels .description {font-size: 14px;color: var(--text-muted) !important;max-width: 600px;line-height: 1.6;}
.support-channels .support-card {background: var(--card-bg);border: 1px solid #edf1f7;border-radius: 16px; padding: 28px; display: flex;flex-direction: column; gap: 20px;margin-bottom: 30px; min-height: 190px;position: relative; box-shadow: 0 8px 25px rgba(0, 0, 0, .05);transition: transform .3s, box-shadow .3s;}
 
 .support-channels .support-card:hover {transform: translateY(-5px);box-shadow: 0 15px 35px rgba(7, 26, 46, 0.08);}
.row.commit-grid {display: flex; align-items: center;}
.support-channels .icon-wrapper {background-color: #114297;color: white;width: 46px;height: 46px;border-radius: 10px;font-size: 1.25rem;display: inline-flex;align-items: center;justify-content: center;margin-bottom: 4px;}
.channels-section h4 {font-size: 20px !important;}
.support-channels .card-title {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 500;font-size: 20px !important;line-height: 1;letter-spacing: -0.5px;text-align: left;color: #2C2C2C;}
 .support-channels .card-text {font-size: 14px !important;color: var(--text-muted) !important;line-height: 1.55;}
 .support-channels .action-link {color: var(--accent-blue);font-size: 14px !important;font-family: 'Plus Jakarta Sans', sans-serif;display: inline-flex;align-items: center;text-decoration: none;font-weight: 500;}
 .support-channels .action-link:hover {color: #0d3899;text-decoration: underline !important;}
 .support-channels .badge-tag {position: absolute; top: 24px;right: 24px;font-size: 0.65rem;font-weight: 700;letter-spacing: 1px;padding: 5px 10px;border-radius: 6px;}
 .support-channels .badge-fastest {background-color: #E2F6F3;color: var(--accent-teal);}
 .support-channels .badge-self-serve {background-color: #E6EEFA;color: #1A66D8;}
:root {
 --navy-dark: #051429;
 --navy-text: #0b1a30; 
 --teal-brand: #29dfb6;
 --yellow-brand: #e0b438; 
}


.text-teal {color: var(--teal-brand);}
.text-navy {color: var(--navy-text);}
.tracking-wider {letter-spacing: 0.1em;}
.badge-number {font-size: 0.85rem;font-weight: 700;color: var(--teal-brand);border: 1px solid var(--teal-brand);border-radius: 12px;padding: 6px 12px;line-height: 1;display: inline-block;min-width: 42px;text-align: center;}
.stats-card {background-color: var(--navy-dark);}
.custom-progress {background-color: rgba(255, 255, 255, 0.1) !important;overflow: visible;}
.bg-gradient-teal-yellow {background: linear-gradient(90deg, var(--teal-brand) 70%, var(--yellow-brand) 100%);border-radius: 8px;}

/*==============================End Support CSS ==============================*/


/*============================= Start Location css ============================*/

.hero-panel {background: #fff;border-radius: 24px;overflow: hidden;box-shadow: 0 20px 50px rgba(18,52,86,.12);}
.panel-header {background:#0F4F93;padding: 28px;color: #fff;position: relative;}
.panel-eyebrow {display: inline-block;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;color: #CFE2FF;font-weight: 600;}
.panel-title {margin: 10px 0 8px;font-size: 34px;font-weight: 700;color: #fff;}
.panel-title span {color: #FF9E2C;}
.panel-header p {margin: 0;color: #E7F0FF;font-size: 15px;}
.module-badge {position: absolute;right: 25px;top: 25px;background: #fff;color: #0B3B91;padding: 8px 16px;border-radius: 30px;font-weight: 700;font-size: 13px;}
.keywords-section p {font-size: 16px;font-family: 'Inter', sans-serif;font-weight: 400;line-height: 24px;color: #656971;margin-bottom: 30px;}
.keywords-section h3{ font-family: 'Plus Jakarta Sans', sans-serif;}
.hero-feature-list {display: flex;justify-content: center;align-items: center;gap: 40px;flex-wrap: wrap;margin-bottom: 30px;}
.l-herobtn {display: inline-block;margin: 0 auto;padding: 16px 32px;}
.hero-btn-wrapper {text-align: center;}
.d-herosection p {max-width: 800px;margin: 20px auto 0;padding: 0 15px;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 16px;line-height: 28px;letter-spacing: 0;text-align: center;color: #fff}
.modernlogo p { padding: 20px; font-family: 'Plus Jakarta Sans', sans-serif;font-size: 20px;line-height: 30px;letter-spacing: -0.5px;color: #2C2C2C;text-align: center;margin: 0 auto;}
.industries-section p { padding: 20px 0 0; font-family: 'Plus Jakarta Sans', sans-serif;font-size: 17px;line-height: 30px;letter-spacing: -0.5px;color: #2C2C2C;text-align: center;margin: 0 auto;}
 .l-herobtn {display: block;width: fit-content;margin: 0 auto;}
.industries-section {padding: 0px 0 50px !important;}
.keywords-section {padding: 20px 0;}
.why-choose-section {padding: 80px 0;background: #f8fbff;}
.wp-block-heading {font-family: 'Plus Jakarta Sans', sans-serif;font-size: 20px;color: #343A40;font-weight: 600;}
.w-section-title {text-align: center;font: normal 600 36px / 50px 'Plus Jakarta Sans', sans-serif;margin: 0;}
.w-section-title span {color: #FF9E2C;}
.w-section-subtitle { font-family: 'Plus Jakarta Sans', sans-serif;font-size: 17px;line-height: 30px;letter-spacing: -0.5px;color: black;text-align: center;padding: 20px 0 20px; }
.why-card {background: #fff;border: 1px solid #edf1f7;border-radius: 16px;padding: 28px;display: flex;gap: 20px;margin-bottom: 30px;transition: .3s;min-height: 217px;box-shadow: 0 8px 25px rgba(0,0,0,.05);}
.why-card:hover {transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0,0,0,.08);}
.why-icon {width: 56px;height: 56px;border-radius: 18px;display: flex;justify-content: center;align-items: center;flex-shrink: 0;}
.why-icon img {width: 40px;}
.blue {background: #eaf2ff;}
.green {background: #eaf8ee;}
.orange {background: #fff4e5;}
.purple {background: #f5ecff;}
.red {background: #ffecec;}
.sky {background: #e9f5ff;}
.why-content h4 {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 500;font-size: 24px;line-height: 1;letter-spacing: -0.5px;text-align: left;color: #2C2C2C;}
.why-content p {margin: 0;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 400;font-size: 14px;line-height: 1.6;text-align: left;color: #000000;}
.modernlogo {background: linear-gradient(180deg, #FFF 0%, #F2F8FF 100%) !important;}
.d-module-card a:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.d-herosection {position: relative;display: flex;align-items: center;overflow: hidden;background-position: center;padding: 100px 0px 50px;}
.d-herotag{align-items: center !important;}
.d-herosection > * {position: relative;z-index: 2;}
.d-hero-title {font-family: 'Plus Jakarta Sans' sans-serif;font-weight: 700;font-size: 47px;line-height: 68px;color: #FFFFFF;}
.d-herosection .container {position: relative;z-index: 5;}
.d-hero-content {margin: 0 auto;text-align: center;}
.hero-badge {display: inline-flex;align-items: center;justify-content: center; padding: 12px 40px;border: 1px solid rgba(255,255,255,.18);border-radius: 50px;background: rgba(255,255,255,.06);backdrop-filter: blur(12px);color: #fff;font-size: 16px;font-weight: 600;letter-spacing: 2px;text-transform: uppercase;margin-bottom: 45px;}
.product-hero-badge {letter-spacing: .04em;text-transform: none;}
.d-hero-title {color: #fff;font-size: 42px;font-weight: 800;line-height: 54px;}
.d-hero-title span {color: #ffa62b;}
.hero-title .hero-emphasis {display: block;color: #B8D6FF;font-weight: 700;margin-top: 8px;}
.hero-feature-list {display: flex;justify-content: center; /* Horizontal center */align-items: center;gap: 40px;flex-wrap: wrap;width: 100%;margin-top: 40px;}
.hero-feature {display: flex;align-items: center;gap: 8px;color: #fff;font-family: "Inter", sans-serif;font-size: 16px;font-weight: 600;line-height: 24px;}
.hero-feature img {width: 16px;height: 18px;display: block;flex-shrink: 0;}
.d-attendencede {padding: 80px;}
.d-attendencede .eyebrow {display: inline-block;background: #fff;border: 1px solid #eadfca;border-radius: 30px;padding: 6px 16px;font-size: 12px;font-weight: 600;letter-spacing: 1px;color: #0C2350;margin-bottom: 24px;font-family: 'Plus Jakarta Sans' sans-serif;}
.d-attendencede .eyebrow .dot {display: inline-block;width: 7px;height: 7px;background: #F5A623;border-radius: 50%;margin-right: 6px;}
.d-attendencede h1, .d-attendencede h2 {font-size: 36px;font-weight: 600;line-height: 1.15;margin: 0 0 24px;color: #0F4F93;font-family: 'Plus Jakarta Sans' sans-serif;}
.d-attendencede h1 .accent, .d-attendencede h2 .accent {color: #FF9E2C;}
.d-attendencede .lead-text {margin-bottom: 32px;color: #333;font: normal 400 16px / 24px 'Plus Jakarta Sans', sans-serif;text-align: justify;line-height: 1.7;}
.feature-row {display: table;width: 100%;margin-bottom: 22px;}
.feature-num {display: table-cell;width: 36px;vertical-align: top;}
.feature-num span {display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #0F4F93;color: #fff;font-size: 12px;font-weight: 700;border-radius: 8px;}
.feature-text {display: table-cell;vertical-align: top;padding-left: 14px;}
.feature-text h4 {font-size: 15px;font-weight: 500;margin: 2px 0 4px;color: #0F4F93;font-family: 'Plus Jakarta Sans' sans-serif;}
.feature-text p {margin-bottom: 0;color: #333;font: normal 400 14px / 24px 'Plus Jakarta Sans', sans-serif;text-align: justify;}
.cta-row {margin-top: 34px;}
.btn-demo-d {background: #0C2350;color: #fff;border-radius: 30px;padding: 13px 26px;font-weight: 600;font-size: 14px;border: none;}
.btn-explore {background: transparent;color: #0C2350;border: 1px solid #d8cdb4;border-radius: 30px;padding: 13px 26px;font-weight: 600;font-size: 14px;margin-left: 10px;}
.btn-explore:hover {background: #fff;color: #0C2350;}
.hero-panel-wrap {position: relative;margin-top: 10px;}
.hero-panel {background: #fff;border-radius: 18px;padding: 26px;box-shadow: 0 20px 50px rgba(12,35,80,.08);}
.panel-eyebrow {font-size: 11px;font-weight: 700;letter-spacing: 1px;color: #FF9E2C;}
.panel-title {font-size: 21px;font-weight: 600;color: #fff;margin: 2px 0 0;font-family: 'Plus Jakarta Sans' sans-serif;}
.panel-title .accent {color: #FF9E2C;}
.module-badge {float: right;background: #E9F8EE;color: #1FA855;font-size: 11px;font-weight: 700;padding: 4px 12px;border-radius: 20px;margin-top: 2px;}
.module-grid {margin-top: 18px;}
.d-module-card {border: 1px solid #eef0f3;border-radius: 12px;padding: 14px 12px;margin-bottom: 20px;min-height: 88px;transition: background-color 0.3s ease;background: #eff7ff;}

.d-module-card {position: relative;border: 1px solid #eef0f3;border-radius: 10px;padding: 10px 8px;margin-bottom: 12px;min-height: 90px;height: 90px;width: 100%;overflow: hidden;background: #eff7ff;transition: all .35s ease;box-shadow: 0 4px 12px rgba(0,0,0,.08);}
.d-module-card a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;}
.d-module-icon img{width:24px;height:24px; }
.module-grid .row {margin-left: -5px;margin-right: -5px;}
.module-grid .col-xs-3 {padding-left: 5px;padding-right: 5px;}
.d-module-card span{font-size:11px;line-height:14px;margin-top:6px;font-weight:500;text-align: left;}
 .d-module-card a {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;width: 100%;height: 100%;text-decoration: none;color: inherit;position: relative;z-index: 2;}
 .d-module-card:hover {background: #fff;transform: translateY(-5px);box-shadow: 0 14px 35px rgba(0,0,0,.15);}
.d-module-card {position: relative;}
.d-module-card a {position: relative;display: flex;width: 100%;height: 100%;z-index: 2;}
 .d-module-card::before {content: "Read More →";position: absolute;inset: 0;background: rgba(255,255,255,0.08);
backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);display: flex;justify-content: center;align-items: center;color: #165DFF;font-weight: 600;font-size: 16px;transform: translateY(-100%);transition: transform .35s ease;pointer-events: none;z-index: 3;}

 .d-module-card:hover::before {transform: translateY(0);}

.d-module-card:hover {background: #fff;}
.d-module-icon {width: 34px;height: 34px;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 15px;margin-bottom: 5px;color: #0C2350;}
.module-card span {display: block;font-size: 16px;font-weight: 500;color: #0C2350;font-family: 'Plus Jakarta Sans' sans-serif;}
.live-bar {margin-top: 6px;background: #0C2350;border-radius: 14px;padding: 18px 22px;color: #fff;}
.live-bar .label {font-size: 11px;font-weight: 700;letter-spacing: 1px;color: #c7d0e3;}
.live-bar .sync {float: right;font-size: 11px;color: #9fe8b2;}
.live-bar .sync .dot {display: inline-block;width: 6px;height: 6px;background: #39d97a;border-radius: 50%;margin-right: 5px;}
.live-bar .stats {margin-top: 14px;}
.live-bar .stats .col-xs-4 {padding: 0;}
.live-bar .stat-num {font-size: 21px;font-weight: 800;}
.live-bar .stat-num.orange {color: #F5A623;}
.live-bar .stat-label {font-size: 11px;color: #9aa6c2;margin-top: 2px;}
.stats-strip {background: #fff;border: 1px solid #eee4cd;border-radius: 18px;margin-top: 70px;padding: 30px 0;}
.stats-strip .stat {text-align: center;border-right: 1px solid #eee4cd;}
.stats-strip .col-xs-3:last-child .stat {border-right: none;}
.stats-strip .stat-value {font-size: 26px;font-weight: 500;color: #0F4F93;}
.stats-strip .stat-name {font-size: 11px;letter-spacing: 1px;color: #333;font-weight: 600;font-family: 'Plus Jakarta Sans' sans-serif;margin-top: 4px;}
.module-icon {display: flex;align-items: center;justify-content: center;}
.module-icon img {width: 40px !important; height: 40px !important;object-fit: contain;display: block;}
.country-mobile-code{display: flex;flex-wrap: initial;}
/*============================ End location css ========================*/
/**************************************** Start Contact US CSSS *****************************************/
.presence-section {padding: 80px 0;background: #fff;font-family: 'Inter', sans-serif;box-shadow: 0 10px 67.9px rgba(24,72,212,.10);}
.innerstack {background: radial-gradient(106.62% 56.94% at 50% 51%, rgba(228,235,255,.42) 0%, rgba(228,235,255,0) 84%);border: 1px solid #EBECF7;border-radius: 40px;padding: 50px 40px;position: relative;overflow: hidden;box-shadow: 0 10px 67.9px rgba(24,72,212,.10);}
.presence-title-wrap {margin-bottom: 25px;}
.presence-main-title {margin: 0;text-align: center;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 32px;font-weight: 500;line-height: 47.5px;letter-spacing: -1px;color: #0F4F93;}
.presence-main-title span {color: #FF9E2C;}
.presence-text-wrap {margin: 0 auto 45px;}
.new-presence-section .glossary-badge {margin-bottom: 2px !important;}
.new-presence-section .presence-text-wrap p {color:#656971;font-family: 'Inter', sans-serif; font-weight: 400; font-size:16px; line-height: 24px; }
.presence-text-wrap p {margin: 0;text-align: left;font-family: 'Geist', sans-serif;font-size: 16px;line-height: 25.9px;font-weight: 400; letter-spacing: -.19px; color: #364969;}
.presence-city-item {position: relative;text-align: center;padding: 20px 10px;margin-bottom: 30px;}
.presence-city-item:before {content: "";position: absolute;inset: 0;z-index: 1;}
.presence-city-image {display: block;margin: 0 auto 15px;max-width: 80px;height: auto;position: relative;z-index: 2;}
.presence-city-name {display: block;font-size: 16px;font-weight: 600;color: #1A0B54;position: relative;z-index: 2;}
.guide-left {border-right: 1px solid #e2e8f0;flex: 1;padding: 40px 36px;}
 .guide-left h3, .guide-right h3 {
 color: #343A40;
 margin-bottom: 8px;
 font-size: 25px;
 font-weight: 600;
 line-height: 32px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 }
.contact-description {letter-spacing: -.19px;color: #364969;font-family: Geist, sans-serif;font-size: 16px;font-weight: 400;line-height: 25.9px;}
.guide-left {padding: 0 40px 0 0;border-right: 1px solid #E8E8E8;}
.contact-heading {margin: 0 0 20px;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 36px;font-weight: 600;line-height: 46px;color: #0f4f93;}
.contact-heading span {color: #1E40AF !important;}
.guidepara {max-width: 470px;margin-bottom: 35px;}
.contact-description {font-family: 'Inter', sans-serif;font-size: 16px;color: #344767;}
.contact-info-box {width: 100%;background: #fff;border: 1px solid #E7E7EE;border-radius: 20px;padding: 20px 24px;margin-bottom: 18px;transition: .3s;display: flex;align-items: center;justify-content: flex-start;}
.contact-icon {display: flex;height: 50px;width: 50px;border-radius: 50%;justify-content: center;margin-right: 20px;align-items: center}
.contact-icon span {width: 58px;height: 58px;border-radius: 50%;background: #F2EDFF;display: block;text-align: center;line-height: 58px;}
.contact-icon svg {width: 28px;height: 28px;color: #0f4f93;}
.contact-section form.contact-form .form-column {max-height: initial;margin-bottom: 0;}
.contact-info-content {display: table-cell;vertical-align: middle;}
.values-eyebrow {margin: 0 0 8px;font-family: 'Plus Jakarta Sans', sans-serif;font: 500 20px / 30px Plus Jakarta Sans, sans-serif;text-transform: lowercase;
 background: #343A40;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
.contact-text {margin: 0;font-family: 'Inter', sans-serif;font-size: 14px;color: #55627E;}
.presence-city-row {text-align: center;margin-top: 40px;}
.presence-city-row > div {float: none;display: inline-block;vertical-align: top;margin-bottom: 20px;}
.presence-city-card {position: relative;overflow: hidden;border-radius: 22px;}
.presence-city-card img {width: 100%;height: 245px;object-fit: cover;display: block;transition: .4s;}
.presence-city-card:hover img {transform: scale(1.05);}
.presence-overlay {position: absolute;left: 0;top: 0;background: linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,.15));}
.presence-city-card h4 {position: absolute;left: 0;right: 0;bottom: 20px;margin: 0;color: #fff;font-size: 18px;font-weight: 600;text-align: center;z-index: 2;}
.map-section {padding: 60px 0;background: #fff;}
.map-wrapper {border-radius: 20px;overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,.08);}
.map-wrapper iframe {width: 100%;height: 450px;display: block;border: 0;}
.guideoutone {
 margin-top: 20px;
 background: linear-gradient(180deg, #F4EEFD 0%, #F8EDF3 50%, #EAEDFF 100%);
 border-radius: 24px;
 align-self: stretch;
 align-items: flex-start;
 gap: 34px;
 padding: 20px;
 display: flex;
}
.guide-outer {background: #ffffff;border-radius: 24px;align-self: stretch;align-items: flex-start;padding: 20px;display: flex;}
.contact-heading {margin: 0 0 10px;font-size: 20px;}
.contact-heading span {color: #8f8fd7;}
.contact-subtitle {margin: 0 0 30px;color: #666;font-size: 15px;line-height: 26px;}
.form-column {margin-bottom: 20px;}
.contact-form-header {margin-bottom: 30px;}
.contact-form-header .contact-heading {margin: 0 0 10px;font-size: 42px;font-weight: 700;line-height: 1.2;}
.contact-form-header .contact-heading span { color: #8f8fd7;}
.contact-form-header .contact-description {margin: 0;max-width: 520px;font-size: 16px;line-height: 28px;color: #555;}
.form-column { margin-bottom: 18px;}

/**************************************** End Contact US CSSS *****************************************/
/*********************************** Start Resource Css *******************/
.d-module-card span {font-size: 12px;font-weight: 500;font-family: 'Plus Jakarta Sans' sans-serif;}
.rallcontent {padding: 180px 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 24px;}
.rherobadge {display: inline-flex;align-items: center;gap: 10px;padding: 10px 25px;border: 2px solid rgba(255, 255, 255, 0.25);border-radius: 50px;background: rgba(255, 255, 255, 0.05);color: #f7a534;font-size: 16px;font-weight: 500;}
.rherobadge img {display: block;}
.rheading {font-family: 'Plus Jakarta Sans', sans-serif;font-size: 47px;font-weight: 700;line-height: 68px;color: #fff;margin: 0}
.rheading span {color: #FF9E2C;}
.rherosection p {font-family: 'Plus Jakarta Sans', sans-serif;font-size: 20px;font-weight: 500;line-height: 30px;color: #fff;margin: 0;}
.leadership-hero-btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-width: 200px;padding: 14px 32px;background: #0A3A7C;color: #fff;text-decoration: none;border-radius: 50px;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 16px;font-weight: 600;transition: all 0.3s ease;}
.leadership-hero-btn:hover {background: #082f63;color: #fff;}
.rguidencevideossection {padding: 80px 240px;background: #F3F8FE;}
.rsimiplifysection {padding: 60px 0;background: #FFFFFF;}
.section-title {font-family: 'Plus Jakarta Sans', sans-serif;margin: 0 0 20px;font-size: 40px;font-weight: 600;line-height: 50px;color: #0F4F93;}
.section-title span {color: #FF9E2C;}
.new-presence-section .section-title span {color:#1E40AF;}
.new-presence-section .section-title{font-family:'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: clamp(28px, 2.6vw, 50px); line-height: 60px; color:#343A40;}
.section-desc {font-family: 'Plus Jakarta Sans', sans-serif;margin: 0 auto;max-width: 700px;font-weight: 500;font-size: 18px;color: #021124;}
.cards-row {margin-top: 60px;}
.tax-card {min-height: 338px;background: #F8F9FA !important;border-radius: 24px;padding: 44px 24px 24px;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 14px;}
.card-icon {max-width: 68px;min-width: 68px;aspect-ratio: 1;border-radius: 14px;display: flex;align-items: center;justify-content: center;} 
/*.card-icon.purple {box-shadow: 0 12px 24px #9771FF99;}
.card-icon.blue {box-shadow: 0 12px 24px #4EDFFE99;}
.card-icon.pink {box-shadow: 0 12px 24px #F3B9EC99;}*/
.card-icon img {display: block;}
.tax-card h3 {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size: 21px;line-height: 1;letter-spacing: -0.5px;text-align: center;color: #1F2937;}
.tax-card p {margin: 0;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 400;font-size: 14px;line-height: 1.6;text-align: center;color: #000000;}
.read-more {font-family: 'Plus Jakarta Sans', sans-serif;font-size: 16px;font-weight: 400;color: #F59E0B;text-decoration: none;display: flex;align-items: center;}
.read-more:hover {color: #F59E0B;text-decoration: none;}
.resource-grid-row {display: flex;justify-content: center;flex-wrap: wrap;}
.row resource-grid-row mt-0{margin-top: 0;}
.rresourcesection {padding: 30px 0;background: #FFFFFF;}
.rresourcesection {text-align: center;font-size: 18px;font-weight: 500;font-family: 'Plus Jakarta Sans', sans-serif;color: #021124;}
.resource-grid-row {margin-top: 40px;}
.resource-card-box {background: #fff;border: 1px solid #E5E7EB;border-radius: 16px;overflow: hidden;box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);transition: all .3s ease;margin-bottom: 30px;}
.resource-card-box:hover {transform: translateY(-4px);}
.resource-card-image img {display: block;max-width: 100%;}
.resource-card-content {padding: 20px;text-align: left;}
.resource-badge {display: inline-block;padding: 6px 10px;border-radius: 20px;background: #FFF7ED;color: #F59E0B;font-size: 11px;font-weight: 600;letter-spacing: 1px;margin-bottom: 14px;}
.resource-card-title {margin: 0 0 12px;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 24px;font-weight: 600;line-height: 28px;color: #32363E;text-align: left;}
.resource-card-desc { margin: 0 0 20px; font-family: 'Plus Jakarta Sans', sans-serif;font-size: 16px;line-height: 24px;color: #656971;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-align: left;}
/*.resource-card-link {display: inline-flex;align-items: center;padding: 8px 16px;color: #0F72EF;font-size: 14px;font-weight: 500;text-decoration: none;cursor: pointer;}
.resource-card-link:hover {text-decoration: none;}*/
.rvideosection {padding: 60px;background-color: #F3F8FE;}
.rvideosection p { text-align: left;font-family: 'Plus Jakarta Sans' sans-serif;font-size: 22px;font-weight: 500;color: #021124;}
.headingpara {text-align: center !important; font: 18px;font-weight: 500;color: #021124;font-family: 'Plus Jakarta Sans' sans-serif;}
.rherobadge span::before {content: "";width: 8px;height: 8px;border-radius: 50%;background: #FF9E2C;display: block;}
.hero-badge {display: inline-flex;align-items: center;gap: 8px;background: rgba(0,197,163,.12);border: 1px solid rgba(0,197,163,.25);color: #ff9e2c;font-size: 12px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;padding: 6px 14px;border-radius: 99px;margin-bottom: 0px;}
.hero-badge-dot {width: 7px;height: 7px;border-radius: 50%;background: #ff9e2c;animation: pulse 2s infinite}
@keyframes pulse {
 0%,100% {
 opacity: 1;
 transform: scale(1)
 }

 50% {
 opacity: .5;
 transform: scale(1.3)
 }
}

.rvideosection span {
 color: #000000;
}
.rresourcesection span {color: #FF9E2C;}
.rguidencevideossection {
 background: #FFFFFF;
 padding: 100px 0 100px;
}
.resource-tabs-wrapper {background: #fff;border-bottom: 1px solid #E5E7EB;margin-bottom: 80px;}
.resource-tabs-nav {list-style: none;margin: 0;padding: 0;text-align: center;}
.resource-tabs-nav li {display: inline-block;}
.resource-tabs-nav li a {display: block;padding: 24px 32px;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 16px;font-weight: 500;color: #6B7280;text-decoration: none;transition: all .3s ease;}
.resource-tabs-nav li.active a {background: #EEF5FF;color: #0F4FA8;border-bottom: 2px solid #2563EB;}
.resource-tabs-nav li a:hover {color: #0F4FA8;}
.featured-resource-card {background: #fff;border: 1px solid #D8E7FF;border-radius: 16px;overflow: hidden;box-shadow: 0 10px 40px rgba(15, 23, 42, 0.06);}
.featured-resource-image img {display: block;max-width: 100%;}
.featured-resource-content {padding: 30px;}
.featured-resource-content h3 {margin: 16px 0;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 22px;font-weight: 600;line-height: 28px;color: #32363E;}
.featured-resource-content p {margin: 0;font-weight: 400;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 16px;line-height: 24px;color: #656971;}
.resource-tag {display: inline-block;padding: 8px 14px;border-radius: 10px;font-size: 12px;font-weight: 600;letter-spacing: 1px;}
.webinar-tag {background: #FFF4EA;color: #D97706;}
.whitepaper-tag {background: #FFF8D9;color: #A16207;}
.casestudy-tag {background: #E8F8F0;color: #059669;}
.mini-resource-card {display: flex;align-items: center;background: #fff;border: 1px solid #D8E7FF;border-radius: 16px;overflow: hidden; margin-bottom: 16px;}
.mini-resource-image {flex: 0 0 32%;}
.mini-resource-image img {display: block;max-width: 100%;}
.mini-resource-content {flex: 1;padding: 24px;}
.mini-resource-content h4 {margin: 14px 0 0;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 18px;font-weight: 600;line-height: 24px;color: #32363E;}
.rvideosection iframe{width: 100%;}
.rcta{margin-top: 80px !important;}
.video-thumbnail {position: relative;cursor: pointer;max-width: 100%;}
.video-thumbnail img {width: 100%;display: block;border-radius: 8px;}
.play-btn {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -100%);width: 50px;height: 50px;background: #f93c3c;display: flex;align-items: center;justify-content: center;color: #FFFFFF;border-radius: 50%;font-size: 24px;animation: ripple 1.5s linear infinite;}
@keyframes ripple {
 0% {
 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
 }

 70% {
 box-shadow: 0 0 0 12px #FFFFFF99;
 }

 100% {
 box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
 }
}
.whiteplaybtn {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -100%);width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;color: #FFFFFF !important;border-radius: 50%;font-size: 24px;animation: ripple 1.5s linear infinite;}

@keyframes ripple {
 0% {
 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
 }

 70% {
 box-shadow: 0 0 0 12px #FFFFFF99;
 }

 100% {
 box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
 }
}
.arrwyellow{width: 13px;height: 13px;margin-left: 5px;}
/*********************************** End Resource Css *******************/
/******* Start Career Page CSS *********/

.contect-us-hero .setu-hero-title {
 font-size: clamp(32px, 3.65vw, 50px) !important;
}

.map-section {
 padding: 100px 0 0;
 background: #FFFFFF;
}
#jobDetails .ATS-JobPostContainer .ATS-JobPostTitle-Bar {
 border-radius:24px;
 background-image: url("../../images/jobbdetailcareerbg.jpg");
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 aspect-ratio: 7 / 1;
 
}
#jobDetails .ATS-JobCode {color: #FFFFFF !important; font-family: 'Plus Jakarta Sans', sans-serif; font-weight:500; font-size:20px !important; line-height:24px !important; padding: 30px 20px 20px;}
#jobDetails .ATS-JobPostContainer h1{display:none;}
 #jobDetails .ATS-JobPostExperience{color:#FFFFFF; font-family: 'Plus Jakarta Sans', sans-serif; font-size:20px; font-weight:500; line-height:24px; padding: 0 20px;}
 #jobDetails .ATS-JobPostLocation {color:#FFFFFF; font-family: 'Plus Jakarta Sans', sans-serif; font-size:20px; font-weight:500; line-height:24px; padding: 20px;}
 #jobDetails .ATS-JobDescription {color: #343A40; font-family: 'Plus Jakarta Sans', sans-serif; font-size:31px !important; font-weight:700;}
 #jobDetails .ATS-JobSkills {color:#343A40; font-family: 'Plus Jakarta Sans', sans-serif; font-size:31px !important; line-height:24px; padding: 20px 0 20px !important;}
 #jobDetails .ATS-JobResponsibilities {color:#343A40; font-family: 'Plus Jakarta Sans', sans-serif; font-size:31px !important; line-height:24px; padding: 20px 0 20px !important;}
 .industries-sec .glossary-badge {margin-bottom: 1px !important;}
.location {display: flex ;height: 53px ;width: 83px ;border-radius: 50% ;justify-content: center ;margin-right: 20px;align-items: center;}

.industriesHeader {display: none;opacity: 0;visibility: hidden;}
.industriesHeader ul {display: flex;align-items: center;justify-content: flex-start;column-gap: 20px;padding-left: 30px;margin: 0;}
.industriesHeader ul li a {font: normal 500 14px/20px 'Plus Jakarta Sans', sans-serif;text-transform: capitalize;}
.industriesHeader ul li a:hover,.industriesHeader ul li a.active{color: #ff9e2c !important;}
.Principles-sec {padding: 80px 0;background: #f4f4f6;}
.career-wrapper {display: flex;align-items: center;gap: 60px;}
.career-content {flex: 1;}
.career-image {justify-content: center;align-items: center;display: flex;position: absolute;}
.career-image img {display: block;margin-left: auto;}
.Principles-sec .career-content h2 {font-size: 50px;font-weight: 700;line-height: 60px;color: #343A40;font-family: 'Plus Jakarta Sans', sans-serif;}
.Principles-sec .career-content span{color: #1E40AF}
.career-content h2 span {color: #8b93c4;}
.career-content p {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 500;font-size: 20px;line-height: 36px;letter-spacing: 0%;color: #343A40;}
.mission-visual-career {flex: 1;justify-content: center;align-items: center;max-width: 580px;display: flex;position: relative;}
.pricing-sec.industries-sec {padding: 80px 0;background: #F7F9FD;}
.pricing-sec .text-center {margin: 0 auto 30px;}
.pricing-sec .section-label {display: inline-block;margin-bottom: 14px;font-size: 12px;font-weight: 600;letter-spacing: 3px;color: #5B5BFF;text-transform: uppercase;}
.pricing-sec h2 {margin: 0 0 14px; font-size: clamp(28px, 2.6vw, 50px);font-weight: 700;line-height: 60px;color: #343A40;font-family: 'Plus Jakarta Sans', sans-serif; margin-top: 24px;}
.pricing-sec h2 span {color: #1E40AF;}
.pricing-sec .text-center p {margin: 0;font-size: 20px;line-height: 30px;color: #656971; font-weight: 500; font-family: 'Plus Jakarta Sans', sans-serif;}
.perk-card {min-height: 240px;height: auto;padding: 30px;border: 1px solid #E6EAF2;border-radius: 14px;background: #fff;margin-bottom: 24px;}
.perk-card img {margin-bottom: 14px;}
.industries-sec .industry-card h4{font-size: 18px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 500; color: #000000; padding-top: 20px;}
.perk-card h4, .perk-card h3 {margin: 0 0 14px;font-size: 25px;font-weight: 600;line-height: 32px;color: #090909;letter-spacing: 0%;font-family: 'Plus Jakarta Sans', sans-serif;position: relative;display: block;padding-bottom: 12px;text-align: left;}

.perk-card h4::after, .perk-card h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 35px; height: 3px; background: #3B82F6; border-radius: 2px; }

.perk-card:nth-child(2) h4::after, .perk-card:nth-child(2) h3::after {background: #60A5FA;}

.perk-card:nth-child(3) h4::after, .perk-card:nth-child(3) h3::after {background: #26AC46;}

.perk-card:nth-child(4) h4::after, .perk-card:nth-child(4) h3::after {background: #FE8F39;}

.perk-card:nth-child(5) h4::after, .perk-card:nth-child(5) h3::after {background: #39C3FB;}
.perk-card:nth-child(6) h4::after, .perk-card:nth-child(6) h3::after {background: #1E40AF;}
.perk-card p {margin: 0;font-size: 16px;line-height: 24px;color: #343A40;font-family: 'Inter', sans-serif; font-weight: 400; text-align : left;}
.Howwework-sec {padding: 80px 0;background: #F7F8FC;}
.Howwework-sec .tech-wrapper {background: #fff;border: 1px solid #E9ECF4;border-radius: 32px;padding: 70px 40px;position: relative;overflow: hidden;}
.Howwework-sec .tech-content {padding: 80px 0;}
.Howwework-sec .tech-content h2 {margin: 0;font-size: 32px;line-height: 47px;font-weight: 500;color: #1A0B54;font-family: 'Plus Jakarta Sans', sans-serif;text-align: left;}
.Howwework-sec .tech-content h2 span {color: #8D96B8;}
.Howwework-sec .tech-grid {display: grid;grid-template-columns: repeat(7,1fr);gap: 18px;}
.Howwework-sec .tech-card {padding: 25px 10px;border: 1px solid #EEF0F5;border-radius: 20px;background: #FFFFFF;display: flex;justify-content: center;align-items: center;box-shadow: 0 6px 20px rgba(0,0,0,.04);}
.Howwework-sec .tech-card img {display: block;margin: auto;}
.Howwework-sec .tech-wrapper:before {content: "";pointer-events: none;background: url(../../images/gradient-bg.png) 0 0 / contain no-repeat;width: 430px;height: 125px;position: absolute;bottom: 0;left: -40px;}
.section-label-pill {display: inline-block !important;align-items: center;justify-content: center;gap: 11px;height: 40px;padding: 10px 20px;border-radius: 50px;background: rgba(255, 158, 44, 0.12);border: 1px solid rgba(255, 158, 44, 0.12);font-family: 'Plus Jakarta Sans', sans-serif;font-size: 18px;line-height: 1;color: #FF9E2C;white-space: nowrap;width: auto !important;}
.section-label-pill .label-dot {width: 8px;height: 8px;border-radius: 50%;background: #ff9d2f;display: inline-block;}
.current-openings-section {padding: 80px 0 80px;background: #FFFFFF;}
.current-openings-header {max-width: 950px;margin-bottom: 60px;margin-left: auto;margin-right: auto;}
.current-openings-heading {margin: 0 auto;text-align: center;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 700;font-size: 50px;line-height: 47.5px;letter-spacing: -1px;color: #1A0B54; margin-bottom: 50px;}
.current-openings-heading span{color: #1E40AF}
.current-openings-description {margin: 16px 0 0; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 400; font-size: 16px; line-height: 25.92px; letter-spacing: -0.19px; color: #5E6B87;}
.JobList .demo {background: transparent !important; margin: 0 !important; height: inherit !important;}
.JobList .ATS-Container {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.JobList .ATS-JobPostContainer {min-height: 225px; padding: 30px; border: 1px solid #E1E6F4; border-radius: 24px; background: #fff !important; display: flex; flex-direction: column; transition: all 0.3s ease; }
.JobList .ATS-JobPostContainer {
 min-height: 225px;
 padding: 30px;
 border: 1px solid #E1E6F4;
 border-radius: 24px;
 background: #fff !important;
 display: flex;
 flex-direction: column;
 position: relative;
 overflow: hidden;
 transition: all 0.3s ease;
}

 /* Fan - visible normally */
 .JobList .ATS-JobPostContainer::after {
 content: "";
 position: absolute;
 width: 160px;
 height: 160px;
 right: -20px;
 bottom: -5px;
 background: url("../../images/grayfanimage.png") no-repeat center;
 background-size: contain;
 opacity: 1;
 transition: filter 0.4s ease;
 pointer-events: none;
 }

 /* Fan becomes blue on hover */
 .JobList .ATS-JobPostContainer:hover::after {
 filter: brightness(0) saturate(100%) invert(52%) sepia(97%) saturate(1500%) hue-rotate(185deg) brightness(100%) ;
 }
.JobList .ATS-JobPostContainer:hover {transform: translateY(-4px); border: 1px solid #60A5FA;} 
.opening-icon-wrap {width: 64px; height: 64px; border-radius: 16px; background: #EEF2FF; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;} 
.opening-icon { width: 32px; height: 32px; color: #4338CA;}
.ATS-JobPostContainer .ATS-JobPostName{width: 100% !important;} 
.ATS-JobPostContainer .ATS-JobPostTitle-Bar {padding: 0 !important; } 
.ATS-JobDescriptionContainer {padding: 15px 0 0 !important; margin: 0 !important; } 
.ATS-JobPostTitle-Bar h1 {margin: 0 !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 400 !important; font-size: 24px !important; line-height: 29px !important; letter-spacing: -1px !important; color: #1A0B54;position: relative;}
/*.ATS-JobPostTitle-Bar h1:after {content: "";position: absolute;left: 0;top: 0;width: 64px;height: 64px;background: #eef2ff url(../../images/careericon.svg);border-radius: 16px;background-size: 30px;background-repeat : no-repeat;background-position: center;}*/
.ATSDescription { margin: 0; flex: 1; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden} 
.ATS-JobDescriptionContainer p,.ATS-JobDescriptionContainer p span {opacity: 1 !important; line-height: 24px !important; font-family: inherit !important; margin: 10px 0 !important; padding: 0 !important; font-size: 16px !important; text-align: left !important; font-weight:400;font-family:'Inter' , sans-serif;}
.ATS-JobDescriptionContainer p b {font-weight: 600;}
.ATSDescription span{font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 400 !important; font-size: 16px !important; line-height: 26px !important; color: #364969 !important; }
.opening-card-link { margin-top: 24px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 500; font-size: 16px; color: #EF4444; transition: all .3s ease;}
.opening-card-link:hover {gap: 12px;}
.atsJobLoader{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}
.job-skeleton-card {background: #fff;border: 1px solid #e5e7eb;border-radius: 12px;padding: 20px;}
.skeleton-title,.skeleton-meta,.skeleton-desc,.skeleton-btn {position: relative;overflow: hidden;background: #e5e7eb;}
.skeleton-title {height: 24px;width: 40%;border-radius: 6px;margin-bottom: 15px;}
.skeleton-meta {height: 14px;width: 180px;border-radius: 4px;margin-bottom: 10px;}
.skeleton-meta.short {width: 120px;}
.skeleton-desc {height: 12px;width: 100%;border-radius: 4px;margin-bottom: 8px;}
.ATS-JobApplyBtn {cursor: pointer !important;color: #1E40AF !important;align-items: center !important;gap: 8px !important;margin-top: 24px !important;font-family: 'Plus Jakarta Sans', sans-serif !important;font-size: 20px !important;font-weight: 500 !important;transition: all .3s !important;display: flex !important;background: transparent !important;justify-content:space-between;width: auto !important; line-height:24px;}
/*.ATS-JobApplyBtn::after {content: " →";margin-bottom: 3px;}*/
.JobList .ATS-JobPostContainer:hover .ATS-JobApplyBtn::after {
 content: " →";
 margin-bottom: 3px;
 
}
.ATS-JobPostContainer h1 {
 position: relative;
 display: inline-block;
 padding-bottom: 8px;
}

 .ATS-JobPostContainer h1::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 0;
 height: 2px;
 background-color: #2563EB;
 transition: width 0.3s ease;
 }

/* Show line when card is hovered */
.ATS-JobPostContainer:hover h1::after {
 width: 100%;
}
.setu-stat-item sup{top:0;}
.skeleton-desc.small {width: 70%;}
.skeleton-btn {width: 120px;height: 40px;border-radius: 6px;margin-top: 20px;}
.ATS-JobPostContainer {padding: 15px 30px;border-radius: 5px;}
.ATS-JobPostContainer .ATS-JobCode {font: 16px / 24px Geist, sans-serif !important;}
.ATS-JobPostContainer h1 {color: #343A40;font: 700 25px / 32px Plus Jakarta Sans, sans-serif !important;}
.ATS-JobPostContainer ul li span {font: 16px / 24px Geist, sans-serif !important;}
.ATS-JobPostContainer ul {list-style: disc;padding-left: 25px;}
.ATS-JobPostContainer ul li {padding: 8px 0 0;}
.joblistendetails {color: tomato;font-weight: 500;font-size: 16px;background-color: transparent;transition: all 0.3s ease;}
.arrowjobdetails {color: azure;font-weight: 500;font-size: 16px;}
.jobdetails {color: floralwhite;font-weight: 500;font-size: 16px;}
.joblistendetails:hover {color: red !important;}
.joblistendetails:hover .arrowjobdetails,
.joblistendetails:hover .jobdetails {color: white !important;}
.jobdetails:hover {color: white !important;}
.ATS-JobPostContainer .ATS-JobDescription {color: #1a0b54 !important;font: 500 20px / 30px Plus Jakarta Sans, sans-serif !important;}
.ATS-JobPostContainer .ATS-JobSkills {color: #1a0b54 !important;font: 500 20px / 30px Plus Jakarta Sans, sans-serif !important;}
.ATS-JobPostContainer .ATS-JobResponsibilities {color: #1a0b54 !important;font: 500 20px / 30px Plus Jakarta Sans, sans-serif !important;}
.skeleton-title:before, .skeleton-meta:before, .skeleton-desc:before, .skeleton-btn:before {content: '';position: absolute;top: 0;left: -150px;width: 150px;height: 100%;background: linear-gradient( 90deg, transparent, rgba(255,255,255,.7), transparent );animation: shimmer 1.5s infinite;}
.rmodal .modal-body.form-main {background: #fff !important;}
.rmodal .modal-body h2.text-center {font-size: 18px !important;color: #101828 !important;}
.rmodal input, .rmodal select {border-color: #d0d5dd !important;}
.rmodal .col-sm-12.mt-20.text-right {text-align: center;}
.rmodal .col-sm-12.mt-20.text-right button.btn.light-blue-btn {min-width: 350px;background: #0a3a7c !important;border-color: #0a3a7c !important;padding: 10px 15px;}
body .rmodal .col-sm-12.mt-20.text-right button.btn.light-blue-btn:hover{color: #fff !important;background: #062857 !important;border-color: #062857 !important;}
.rmodal .policy a {display: block;text-align: center;}
.rmodal .modal-dialog .modal-content {border-radius: 12px !important;overflow: hidden;}
.rmodal i#closeHrPolicy {background: #f3f4f6;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 18px;}
.rmodal i#closeHrPolicy:hover{color: #fff;background: #006FFA;}
#QuickDemo1 .modal-body h2{padding-bottom: 10px !important;}
.rmodal .contact-form input{background:initial;}
.rmodal .contact-form .form-check-input {
 height: 17px;
 background: transparent;
}
.rmodal .form-group {margin-bottom: 15px;}
@keyframes shimmer {
 100% {
 left: 100%;
 }
}
/******* End Career Page CSS *********/



@media (min-width: 992px) and (max-width:1400px) {
 .connectsection .hero-content {margin-top: 60px;}
 .setu-hero-wrapper {flex-direction: column;text-align: center;}
 .setu-hero-content {max-width: 100%;}
 .setu-badge {justify-content: center;margin-left: auto;margin-right: auto;}
 .setu-cards-grid { grid-template-columns: 1fr; text-align: left; } .setu-hero-graphic { margin-top: 40px; }
}
@media (max-width: 1399px) {

 .customer-supp-ways .container {max-width: 1320px;}
 .timelabs-card h4 {font-size: 22px;}
 .people-suite .card-body{min-height:150px;}
 .connectheader{margin-bottom: 25px;}
 .clintslogo .brand-section, .clintslogo{position:inherit; margin-top:15px;}
 .clintslogo> .col-sm-12 {padding: 0;}
 .connectratting{margin-top:40px;}
 .connectmainrow {height: auto;}
 .rattinginner h3{font-size:20px;}
 .glossary-badge span{font-size:16px !important;}
 .hr-manegment-suite-section .card{width:31%;}
}
@media (max-width: 1279px) {
 .hero-section .facekioskcontainer .hero-content .hero-title {font: normal 600 47px / 58px 'Plus Jakarta Sans', sans-serif;text-align: left;}
 .hero-section .facekioskcontainer .hero-content{align-items: self-start;}
}


@media (max-width: 1199px) 
{
 .what-timelabs-does-section .clearfix {display: none;}
 .enterprise-title {font-size: 52px;}
 .enterprise-title{font-size:52px;}
}

@media(max-width:991px){
 .timelabs-right-content {
 margin-bottom: 30px;
 }

 .timelabs-right-content h2 {
 font-size: 26px;
 }
 .jad-feature p {
 font-size: 16px;
 }

 .jad-feature h4 {
 font-size: 16px;
 }

 .jad-feature h3 {
 font-size: 26px;
 }
 .jad-content {
 flex-direction: column;
 gap: 50px;
 width: 100%;
 }

 /* Phone centered */
 .jad-phone-wrap {
 width: 100%;
 
 flex: none;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 }

 .jad-phone-wrap img {
 width: 100%;
 max-width: 350px;
 height: auto;
 margin: 0 auto;
 }

 /* Features full width */
 .jad-features {
 width: 100%;
 max-width: 800px;
 margin: 0 auto;
 }

 .jad-feature {
 margin-bottom: 35px;
 }
 .hey-joinus-section .outer {
 width: 100%;
 min-height: auto;
 padding: 15px;
 box-sizing: border-box;
 }

 .hey-joinus-section .inner {
 width: 100%;
 min-height: 312px;
 padding: 40px;
 gap: 24px;
 box-sizing: border-box;
 flex-wrap: wrap;
 }

 .hey-joinus-section .left-side {
 width: calc(100% - 421px);
 max-width: none;
 height: auto;
 min-height: 232px;
 box-sizing: border-box;
 }

 .hey-joinus-section .right-side {
 width: 397px;
 max-width: 100%;
 height: auto;
 min-height: 222px;
 box-sizing: border-box;
 }
 .setu-form-section { padding: 50px 20px; }
 .guide-outer { display: flex; flex-direction: column; }
 .guide-left.setu-contact-left { width: 100%; text-align: center; margin-bottom: 40px; }
 .setu-contact-title { font-size: 42px; line-height: 52px; } 
 .setu-contact-desc { font-size: 18px; line-height: 28px; }
 .setu-big-fan { max-width: 250px; margin: 20px auto; display: block; }
 .col-sm-6.text-left { width: 100%; } 
 .landing-form-container { width: 100% !important; }
 .contact-form { width: 100%; }
 .enterprise-title{ font-size:42px; }
 .enterprise-image{ text-align:center; margin-top:40px; } 
 .enterprise-text{ max-width:100%; } 
 .joinus-title { font-size: 38px; line-height: 46px; } 
 .joinus-title { font-size: 28px; line-height: 36px; padding: 0 15px; }
 .d-attendencede {padding: 80px 0;}
 .c-clientdata .c-logos {grid-template-columns: repeat(4, 1fr);}
 .connectsection .hero-content .hero-title {font: normal 600 26px / 38px 'Plus Jakarta Sans', sans-serif;color: #fff;}
 .grey-bg-customers {margin-top: 60px;}
 .people-suite .cards{grid-template-columns: repeat(1, 1fr);}
 .people-suite .card-body{min-height:auto;}
 .unifiedrow1::before, .unifiedrow2::before, .unifiedrow3::before{display:none;}
 .unifiedrow1, .unifiedrow2{background-image:none;}
 .connectmainrow .col-sm-12 {width: 100%;text-align: center;}
 .connectsection .brand-section {position: relative;}
 .attendance-gaps-row {margin-top: 0px;}
 .attendance-gaps .card {margin-bottom: 30px;}
 .connectsection .clintslogo .col-sm-12 {padding: 0;}
 .about-customers.grey-bg-customers{margin-top:0px;}
 .client-logo-glossary .client-logo-text{margin-top: 20px !important;}
 .enterprise-image{display:none;}
}
@media (min-width: 768px) and (max-width: 991px) {

 .new-hr-glossary{ padding: 100px 0 ; } 
 .tl-demo-btn svg{ display: none; }
 .setu-cheque-section { padding: 60px 25px; } 
 .cheque-copy .fade { margin-top: 2px !important; } 
 .cheque-nav-wrap { overflow-x: auto; overflow-y: hidden; } 
 .cheque-nav { display: inline-flex; min-width: max-content; flex-wrap: nowrap; }
 .cheque-nav button { flex: 0 0 auto; }
 .cheque-content-row .col-md-6:first-child,
 .cheque-content-row .col-lg-6:first-child {width: 100%;}
 .setu-spreadsheet-card-row { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
 .setu-spreadsheet-card { position: relative; width: calc(50% - 10px); min-height: 230px; padding: 24px; border-radius: 20px; overflow: hidden; }
 .setu-card-icon { position: absolute; top: 0; right: 0; width: 120px; }
 .setu-card-icon img { width: 100%; height: auto; margin:0px; }
 .setu-spreadsheet-card h4, .setu-spreadsheet-card p { max-width: 100%; position: relative; z-index: 2; }

}
@media (min-width: 0px) and (max-width: 991px) 

{
 .setu-ai-avtar-right {
 height: 495px;
 }
 .setu-ai-avtar-right {
 width: 1px;
 height: 1px; 
 }
 .setu-newhero-section .enterprise-title {
 margin-top: 1px;
 }

 .new-enterprise-section {
 padding: 60px 0;
 }

 .new-enterprise-section .row {
 align-items: center;
 }

 .new-enterprise-section .col-lg-8 {
 width: 100%;
 max-width: 100%;
 }

 
 .new-enterprise-section .col-lg-4 {
 width: 100%;
 max-width: 100%;
 margin-top: 40px !important;
 }

 .enterprise-title {
 font-size: 48px;
 line-height: 1.1;
 }

 .enterprise-text {
 font-size: 18px;
 line-height: 1.6;
 max-width: 700px;
 }

 .setu-ai-avtar-right {
 display: flex;
 align-items: flex-end;
 justify-content: center;
 position: relative;
 text-align: center;
 }

 .setu-ai-message {
 position: relative;
 z-index: 2;
 }
 .eco-card{margin-top: 20px;width: 100%;height: auto;}
 .eco-subtext{font-size:14px;margin: 0 auto 15px;}
 .eco-cards{display: block;}
 .eco-heading{line-height:40px;}
 .setu-ai-message {
 top: 20px;
 right: auto;
 left: 50%;
 transform: translateX(-50%);
 }

 .setu-ai-message::after {
 display: none;
 }
 .hr-manegment-suite-section .grid {
 display: grid !important;
 grid-template-columns: repeat(2, 1fr) !important;
 gap: 24px;
 }
 .hr-manegment-suite-section .card{width:100% !important;}

 .enterprise-title { font-size: 42px; }
 .enterprise-image { text-align: center; margin-top: 40px; }
 .enterprise-text { max-width: 100%; }
 .section-heading h2 { font-size: 38px; }
 .how-card { margin-bottom: 20px; } 
 .section-heading h2 { font-size: 38px; line-height: 48px; }
 .timelabs-card { min-height: auto; }
 .new-hr-glossary { padding: 70px 0 50px; }
 .glossary-title, .glossary-title span { font-size: 48px; } 
 .glossary-desc { font-size: 18px; line-height: 30px; } 
 .setu-herosection .col-xs-12 { padding: 0px !important; }
 
 .setu-resource-title { font-size: 32px !important; line-height: 1.2 !important; } 
 .setu-resource-desc { font-size: 16px !important; }
 .setu-resource-desc br { display: none; } 
 .setu-resource-hero { display: flex !important; flex-direction: column !important; margin-top: 40px; }
 .setu-guide-content h3 { font-size: 28px !important; line-height: 1.2; text-align:center; margin-top:0px; }
 .setu-guide-content p { font-size: 16px !important; text-align:center; }
 .setu-resource-image-wrap { text-align: left !important; margin-top: 20px; }
 .setu-tool-resource-img { width: 100% !important; height: auto !important; margin:0px; }
 .setu-made-india-section { padding: 60px 0 30px; } 
 .setu-made-india-section .joinus-title { font-size: 42px; } 
 .setu-meet-section { padding: 60px 0 !important; overflow: visible !important; }
 .setu-slides-wrap { display: flex !important; flex-direction: column !important; gap: 30px !important; }
 .setu-meet-row { position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; opacity: 1 !important; filter: none !important; scale: 1 !important; z-index: auto !important; display: flex !important; } 
 .setu-device-wrap { margin-bottom: 24px !important; text-align: center !important; }
 .setu-slide-img { width: 100% !important; max-width: 450px !important; height: auto !important; display: block !important; margin: 0 auto !important; } 
 .setu-main-heading { font-size: 32px !important; line-height: 1.2 !important; }
 .setu-desc { font-size: 16px !important; } 
 .setu-feature-card { margin: 20px 0 !important; }
 .setu-dots { display: none !important; }
 .setu-big-fan { display: none !important; } 
 .setu-form-section.get-started { padding: 50px 0 !important; background-color: #f5f4ff; }
 
 .guide-outer { display: flex !important; flex-direction: column !important; background-color: #ffffff !important; border-radius: 24px !important; border: 1px solid rgba(226, 232, 240, 0.8) !important; box-shadow: 0 10px 40px rgba(15, 23, 42, 0.04) !important; overflow: hidden !important; width: 100% !important; margin: 0 auto !important; float: none !important; }
 .guide-outer .col-sm-6:first-child { width: 100% !important; padding: 0 !important; float: none !important; }
 .setu-contact-left { background: linear-gradient(135deg, #091330 0%, #172a60 100%) !important; padding: 28px 24px !important; position: relative !important; overflow: hidden !important; min-height: 0 !important; border-radius: 0 !important; }
 .setu-contact-content { position: relative !important; z-index: 2 !important; text-align: left !important; } 
 .setu-contact-title { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 0 0 8px 0 !important; }
 .setu-contact-title br { display: none !important; }
 .setu-contact-desc { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 13px !important; color: #cbd5e1 !important; line-height: 1.45 !important; margin: 0 !important; }
 .setu-big-fan { position: absolute !important; top: 0 !important; right: 0 !important; width: 55% !important; height: 100% !important; opacity: 0.12 !important; object-fit: cover !important; pointer-events: none !important; z-index: 1 !important; display: block !important; }
 
 .guide-outer .col-sm-6:last-child { width: 100% !important; padding: 24px 20px !important; float: none !important; box-sizing: border-box !important; }
 .hero-content { padding: 0 !important; margin: 0 !important; } 
 .contact-form .row { margin-left: 0 !important; margin-right: 0 !important; display: block !important; }

 .contact-form .col-xs-6,
 .contact-form .col-sm-6,
 .contact-form .col-md-6,
 .contact-form .col-lg-6,
 .contact-form .col-sm-12,
 .contact-form .col-lg-12 { width: 100% !important; float: none !important; padding: 0 !important; margin-bottom: 14px !important; }
 .contact-form .form-group {margin-bottom: 0 !important; }
 
 .contact-form .form-control { width: 100% !important; height: 50px !important; background-color: #ffffff !important; border: 1.5px solid #e2e8f0 !important; border-radius: 12px !important; padding: 0 16px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 14px !important; color: #0f172a !important; box-sizing: border-box !important; transition: all 0.2s ease !important; outline: none !important; box-shadow: none !important; }
 
 .contact-form .form-control:focus { border-color: #1b4fd8 !important; box-shadow: 0 0 0 3px rgba(27, 79, 216, 0.1) !important; }
 
 .contact-form input::placeholder {color: #94a3b8 !important;}
 
 .contact-form select.form-control { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 16px center !important; background-size: 16px !important; padding-right: 40px !important; }

 .contact-form button[type="submit"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 52px !important; background: #000000 !important; color: #ffffff !important; border-radius: 9999px !important; border: none !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 15px !important; font-weight: 700 !important; box-shadow: none !important; padding: 0 !important; cursor: pointer; margin-top: 6px !important; transition: all 0.2s ease !important; }

 .contact-form button[type="submit"]:hover { background: #1e293b !important; }
 
 .contact-form button[type="submit"] span::after { font-size: 16px; font-weight: bold; display: inline-block; margin-left: 6px; }

 .contact-form .form-text { text-align: center !important; font-size: 12px !important; color: #64748b !important; margin-top: 16px !important; line-height: 1.4 !important; }

 
 .company-content .hero-chat-wrap { display: none !important; }
 
 .company-content { text-align: center !important; padding: 40px 16px !important; box-sizing: border-box; }
 
 .company-content h2 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 26px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #ffffff !important; margin: 0 0 20px 0 !important; letter-spacing: -0.5px !important; padding: 0 10px; }
 
 .company-content p { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px !important; line-height: 1.6 !important; color: #cbd5e1 !important; margin: 0 0 32px 0 !important; padding: 0 12px; box-sizing: border-box; }
 
 .company-content .company-btns { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 14px !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
 
 .company-content .company-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 320px !important; height: 52px !important; border-radius: 9999px !important; font-size: 15px !important; font-weight: 600 !important; box-sizing: border-box !important; transition: all 0.2s ease !important; gap: 8px !important; border: none !important; }
 
 .company-content .company-btn-primary { background-color: #1b4fd8 !important; color: #ffffff !important; }
 
 .company-content .company-btn-light { background-color: #ffffff !important; color: #1b4fd8 !important; }
 
 .company-content .company-btn img { width: 16px !important; height: 16px !important; flex-shrink: 0 !important; }

 .need-card, .need-card.tall { position: relative !important; display: flex !important; flex-direction: column !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 32px 20px !important; margin-bottom: 24px !important; box-sizing: border-box !important; overflow: visible !important; }
 
 .need-card .card-visual { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; height: auto !important; width: 100% !important; }
 
 .need-card .card-visual img { position: static !important; display: block !important; width: 100% !important; max-width: 280px !important; height: auto !important; margin: 0 auto 24px auto !important; transform: none !important; }
 
 .need-card .card-text { position: static !important; transform: none !important; width: 100% !important; text-align: center !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; }
 
.need-card .card-text h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 20px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #0f172a !important; margin: 0 0 10px 0 !important; }
 .need-card .card-text p { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px !important; line-height: 1.6 !important; color: #475569 !important; margin: 0 !important; }
 .setu-bottom-strip { height: auto; align-items: stretch; gap: 0; padding: 5px 0px; border-radius: 24px; box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04); width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); }
 .setu-strip-item:nth-child(2) {border-right: none !important;}
 .setu-strip-item:nth-child(3) {border-bottom: none !important;}
 .setu-strip-item {padding: 15px;border-bottom: 1px solid #f1f5f9;}
 .setu-strip-item:first-child {padding-top: 4px;}
 .setu-strip-item:last-child {border-bottom: none;padding-bottom: 4px;}
 
 .setu-strip-item img {margin-right: 4px;}
 
 .setu-5c-content h4{font-size: 20px !important;}
 .setu-5c-content p { font-size: 16px; line-height: 20px; color: rgba(9, 9, 9, 1); font-weight: 400; font-family: "Plus Jakarta Sans", sans-serif; letter-spacing: 0%; }

 .setu-5c-icon { width: 52px; height: 52px; }

 .setu-5c-card-care { padding: 20px; }
 .setu-hero-title { font-size: 42px; letter-spacing: -1px; }

 .setu-hero-title br,
 .setu-hero-desc br {
 display: none;
 }

 .setu-hero-desc { max-width: 680px; margin-left: auto; margin-right: auto; padding: 0 15px; } 

 .setu-spreadsheet-card-row { flex-direction: row !important; align-items: center; gap: 16px; width: 100%; }


 .setu-spreadsheet-card { width: 100%; max-width: 500px; }
 .setu-need-section .need-card, .setu-need-section .need-card.tall { min-height: auto; height: auto; padding: 20px; }

 .setu-need-section .card-visual { display: flex; flex-direction: column; align-items: center; }

 .setu-need-section .card-visual img { width: 100%; max-width: 300px; height: auto; margin-bottom: 16px; }

 .setu-need-section .card-text { margin-top: 0; padding: 0; text-align: center; }

 .setu-need-section .card-text h3 { margin: 0 0 10px; }

 .setu-need-section .card-text p { margin: 0; }
 .setu-need-section{ padding: 50px 0 50px; }


 .setu-need-section .head-wrap h2 { font-size: 32px; line-height: 1.25; }

 .setu-need-section .head-wrap h2 br { display: none; }

 .setu-need-section .head-wrap p { font-size: 14px; line-height: 1.6; margin: 16px auto 30px; }

 .setu-need-section .need-card, .setu-need-section .need-card.tall { min-height: auto; padding: 18px; border-radius: 18px; }

 .setu-need-section .card-visual img { width: 100%; height: auto; display: block; }

 .setu-need-section .card-text { padding-top: 16px; text-align: center; }

 .setu-need-section .card-text h3 { font-size: 18px; line-height: 1.35; margin-bottom: 10px; }

 .setu-need-section .card-text p { font-size: 14px; line-height: 1.6; }

 
 .setu-need-section *,
 .setu-need-section *::before,
 .setu-need-section *::after {
 animation: none !important;
 transition: none !important;
 transform: none !important;
 }
 .company-btn img {width: 10px !important;}

 .company-btn-primary {font-size: 12px;}

 .company-btn-light {font-size: 12px;}

 .company-btn { width: 220px !important; height: 44px !important; border-radius: 52px; justify-content: center; }
 .setu-herosection .setu-hero-desc { margin: 0 auto 2px; text-align: center; font-weight: 500; font-size: clamp(16px, 1.04vw, 20px); line-height: 20px; letter-spacing: 0; font-family: 'Plus Jakarta Sans', sans-serif; }

 .joinus-title { line-height: 40px; }
 .cheque-copy.fade { margin-top: -38px; }
 .setu-meet-section { padding: 60px 20px; } 
 .setu-slides-wrap { display: flex; flex-direction: column; gap: 60px; }

 .setu-meet-row { display: flex; flex-direction: column; } 
 .setu-meet-row .col-md-5 { order: 1; }
 .setu-meet-row .col-md-7 { order: 2; }

 .setu-slide-img { width: 90%; margin: auto; display: block; }

 .setu-dots,
 .setu-big-fan {
 display: none;
 }
 .cheque-subtext { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 500; font-size: 20px; line-height: 24px; letter-spacing: 0%; text-align: center; max-width: 100%; margin: 0 auto 30px; }
 .cheque-headline { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; font-size: 30px; line-height: 40px; letter-spacing: 0; text-align: center; margin-bottom: 16px; }
 .setu-cheque-section { padding: 40px 0 !important; min-height: auto; }
 .setu-stats-wrapper { display: grid; grid-template-columns: repeat(2, 1fr) !important; border-right: 0; border-bottom: 0; }
 .glossary-title span{color: #1E40AF}
 .setu-stat-item { text-align: center; padding: 40px 20px; }

 .setu-stat-item h2 { display: flex; justify-content: center; align-items: center; gap: 4px; margin: 0 0 12px; font-size: 40px; line-height: 1; font-weight: 500; }

 .setu-stat-item p { margin: 0; font-size: 20px; line-height: 1.4; color: #666; }

 .stat-icon { width: 20px; height: auto; }

 .setu-spreadsheet-section {padding: 50px 15px !important;}

 .setu-spreadsheet-bottom-tag {margin-bottom: 40px;}

 .setu-spreadsheet-bottom-logo {max-width: 170px;margin: 0 auto;}

 .setu-spreadsheet-heading-box { max-width: 100%; margin: 0 auto; text-align: center; }

 .setu-spreadsheet-heading { font-family: "Plus Jakarta Sans", sans-serif; font-size: 31px; font-weight: 700; line-height: 40px; letter-spacing: 0; text-align: center; margin-bottom: 18px; }

 .setu-spreadsheet-heading span { display: block; }

 .setu-spreadsheet-heading-text { font-family: Inter, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; text-align: center; max-width: 700px; margin: 0 auto; }

.setu-spreadsheet-card-row { display: flex; flex-wrap: wrap; gap: 25px; margin: 60px 0; justify-content: center; }

 .setu-spreadsheet-card { border-radius: 20px; padding: 30px; }
.setu-card-icon { margin-bottom: 20px; } 
.setu-card-icon img { width: 50px; }

 .setu-spreadsheet-card h3 { font-size: 36px; line-height: 44px; margin-bottom: 10px; }
 .setu-spreadsheet-card h4 { font-size: 18px; line-height: 28px; margin-bottom: 12px; }

 .setu-spreadsheet-card p { font-size: 15px; line-height: 24px; }
 .company-btn { padding: 10px 22px; border-radius: 52px; display: inline-flex; align-items: center; gap: 8px; }

 .setu-happyppl-section { padding: 70px 15px; min-height: auto; }
 

 .setu-happy-title { font-size: 31px; line-height: 40px; margin: 20px 0 15px; }

 .setu-happy-description { max-width: 100%; font-size: 16px; }

 .setu-happy-card-row { margin-top: 20px; margin-bottom: 20px; }

 .setu-happy-card-row:first-of-type .col-md-4,
 .setu-happy-card-row:nth-of-type(2) .col-md-6 {width: 100%;float: none;}

 .setu-happy-card { padding: 24px; min-height: auto !important; gap: 20px; }
 .setu-happy-card-title { font-size: 22px; line-height: 28px; }

 .setu-happy-card-text { font-size: 15px; line-height: 24px; }

 .setu-happy-card-icon { width: 70px; height: 70px; padding: 10px; }

 .setu-happy-card-icon img { width: 70px; height: 70px; padding: 10px; }

 .setu-happy-features { border-radius: 24px; padding: 14px; flex-direction: column; align-items: stretch; gap: 10px; min-height: auto; }

 .setu-happy-feature { width: 100%; height: auto; padding: 14px; justify-content: flex-start; }

 .setu-happy-feature-divider { display: none; }
 .setu-happy-feature-content h5 { text-align: left; }

 .setu-happy-feature-content span { text-align: left; } 
 .setu-company-section { padding: 70px 30px; }
 .company-content { max-width: 100%; }

 .company-fan { width: 180px; top: -35px; left: -35px; }

 .hero-chat-wrap { position: relative; top: auto; left: auto; transform: none !important; justify-content: center; margin-bottom: 25px; }

 .hero-owl { width: 52px; }


 .hero-chat { width: 286px; height: 68px; border-radius: 16px; padding: 10px 15px; gap: 10px; font-family: "Inter", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 24px; letter-spacing: 0; opacity: 1; }

 .hero-chat:before { top: 28px; }

 .company-content h2 { max-width: 100%; font-size: 38px; line-height: 60px; letter-spacing: -2%; margin-bottom: 20px; }

 .company-content p { max-width: 100%; font-size: 18px; line-height: 28px; margin-bottom: 30px; }

 .company-btns { gap: 15px; }

 .company-btn { padding: 14px 30px; }
 /*=======================================*/
 .c-clientdata .c-logos {grid-template-columns: repeat(3, 1fr);}
 .c-clientdata .client-item{font-size: 11px;}
 .c-clientdata .ourclient-slider{margin: 10px 0 0;}
 .clinent-sectio .ourclient-slider .owl-nav {position: static;display: flex;justify-content: center;padding: 10px 0 0;}
 .firstchoicesection {padding: 60px 0;}
 .section-title {font-size: 34px;}
 .section-desc {font-size: 16px;}
 .choice-card {padding: 25px 20px;}
 .choice-card h3 {font-size: 20px;text-align: center;}
 #how {padding: 70px 0;}
 .commit-grid {display: flex;flex-direction: column;gap: 40px;}
 .sec-head {text-align: center;}
 .hero-badge.supt-herobadge {display: inline-flex;}
 .sec-head h2 {font-size: 40px;line-height: 1.3;}
 .sec-head p {font-size: 16px;max-width: 700px;margin: 15px auto 0;}
 .commit-list {margin-top: 35px;}
 .commit-list .cn {display: flex;align-items: flex-start;margin-bottom: 30px;}
 .commit-list .num {width: 46px; height: 46px; font-size: 20px; margin-right: 18px; flex-shrink: 0;}

 .commit-list .content h4 { font-size: 20px; margin-bottom: 8px;}

 .commit-list .content p { font-size: 15px; line-height: 1.7;}

 #how img {width: 100%;height: auto;display: block;margin: 0 auto;}

 .s-herosection {padding: 70px 0 50px;text-align: center;}
 .rallcontent {text-align: center;}
 .rheading {font-size: 48px;line-height: 1.2;}
 .rallcontent p {font-size: 17px;line-height: 1.8;}
 .rallcontent p br { display: none;}
 .leadership-hero-btns {display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;margin-top: 30px;}
 .leadership-hero-btn {min-width: 220px;justify-content: center;}

 .sup-hero-stats {margin-top: 40px;padding: 22px;}

 .hero-stat-val { font-size: 34px;}

 .hero-stat-label { font-size: 15px;}
 .stat-icon { width: 24px; height: 24px;}

 s-awards.award { padding: 12px 18px; font-size: 14px;}
 .hero-stats { padding: 22px;}

 .hero-stat-val {font-size: 34px;}

 .hero-stat-label {font-size: 15px;}

 .stat-icon {width: 24px; height: 24px;}
 .d-attendencede {padding: 80px 0;}
 .module-grid .col-xs-3 { width: 33.333333%; float: left;}

 .d-module-card {min-height: 120px; padding: 15px 10px;}
 .d-module-icon img {width: 45px; height: 45px; object-fit: contain;}

 .d-module-card span {font-size: 14px;line-height: 20px;
 }
 .module-grid .col-xs-4 {width: 50%;float: left;padding-left: 8px;padding-right: 8px;margin-bottom: 16px;}
 .d-module-card {min-height: 110px;padding: 15px 10px;border-radius: 10px;}
 .d-module-card a {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;height: 100%;}
 .d-module-icon img {width: 40px;height: 40px;}
 .d-module-card span {display: block;margin-top: 10px;font-size: 14px;line-height: 20px;word-break: break-word;}
 .d-module-card {padding: 14px;}
 .d-module-icon {width: 42px;height: 42px;}
 .d-module-icon img {max-width: 34px;}
 .d-module-card span {font-size: 15px;}
 .why-choose-section,
 .d-attendencede {padding: 60px 0;}
 .d-herosection {height: auto;padding: 70px 0 80px;}
 .hero-badge {font-size: 13px;padding: 12px 28px;margin-bottom: 30px;}
 .d-hero-title {font-size: 38px;line-height: 50px;margin-bottom: 30px;}
 .hero-feature-list {gap: 20px;}
 .hero-feature {font-size: 14px;}
 .w-section-title {font-size: 32px;line-height: 44px;}
 .why-card {min-height: 220px;padding: 24px;}
 .d-attendencede h1, .d-attendencede h2 {font-size: 32px;line-height: 44px;}
 .hero-panel {margin-top: 40px;}
 .stats-strip .stat-value {font-size: 24px;}
 .module-icon img {width: 38px !important;height: 38px !important;}
 .presence-section {padding: 60px 0;}
 .innerstack {padding: 40px 25px;border-radius: 24px;}
 .presence-main-title {font-size: 28px;line-height: 40px;}
 .presence-text-wrap {margin-bottom: 35px;}
 .guideoutone,
 .guide-outer {width: 100%;padding: 20px;display: block;}
 .guide-left {border-right: none;border-bottom: 1px solid #E8E8E8;padding: 0 0 30px; margin-bottom: 30px;}
 .contact-section form.contact-form input, .contact-section form.contact-form select{font: normal 400 12px / 18px 'Plus Jakarta Sans', sans-serif;}
 .contact-heading {font-size: 34px;line-height: 44px;}
 .guidepara { max-width: 100%; margin-bottom: 25px;}
 .contact-description {font-size: 16px;line-height: 28px;}
 .contact-info-box {padding: 18px;}
 .contact-icon span {width: 50px;height: 50px;line-height: 50px;}
 .contact-text {font-size: 16px;line-height: 26px;}
 .contact-form {margin-top: 15px;}
 .contact-form-header { margin-bottom: 25px;}
 .presence-city-card img { height: 220px;}
 .map-wrapper iframe {height: 380px;}
.rresourcesection,
.rvideosection {padding: 60px 0;}
.rguidencevideossection {padding: 0 0 60px;}
.resource-grid-row {margin-top: 30px;}
 .resource-card-title {font-size: 20px;line-height: 28px;}
 .resource-card-desc {font-size: 15px;line-height: 24px;}
 .resource-card-content {padding: 18px;}
 .resource-tabs-wrapper {margin-bottom: 50px;overflow-x: auto;white-space: nowrap;}
 .resource-tabs-nav { display: flex; min-width: max-content;}
 .resource-tabs-nav li { display: block; flex-shrink: 0;}
 .resource-tabs-nav li a {padding: 18px 22px; font-size: 15px;}
 .featured-resource-content {padding: 24px;}
 .featured-resource-content h3 { font-size: 20px;line-height: 28px;}
 .featured-resource-content p { font-size: 15px; line-height: 24px;}
 .mini-resource-card { flex-direction: column;align-items: stretch;}
 .mini-resource-image { flex: auto;}

 .mini-resource-image img { width: 100%; }
 .mini-resource-content { padding: 20px;}
 .mini-resource-content h4 { font-size: 18px; line-height: 26px;}
 .rvideosection p { font-size: 18px; line-height: 28px; }
 .headingpara { font-size: 16px; line-height: 26px; }
 .play-btn,
 .whiteplaybtn {width: 45px;height: 45px;font-size: 20px; }
 .rcta { margin-top: 50px !important;}
 .rsimiplifysection { padding: 60px 0;}
 .section-title { font-size: 32px; line-height: 42px; margin-bottom: 15px; text-align: center; }
 .section-desc { max-width: 100%; font-size: 16px; line-height: 26px; padding: 0 15px; text-align: center; }
 .cards-row { margin-top: 40px;}
 .cards-row .col-sm-6,
 .cards-row .col-md-4 {margin-bottom: 30px; }
 .tax-card {min-height: auto;padding: 30px 20px;border-radius: 20px;gap: 12px; }
 .card-icon {max-width: 60px;min-width: 60px; }
 .card-icon img {max-width: 100%;height: auto;}
 .tax-card h3 {font-size: 20px;line-height: 28px;}
 .tax-card p { font-size: 15px;line-height: 24px;}
 .read-more {font-size: 15px;}
 .rallcontent {padding: 100px 20px 70px;gap: 20px;}
 .rherobadge {padding: 8px 20px;gap: 8px;font-size: 14px;text-align: center;}
 .rherobadge img {width: 18px;height: 18px;}
 .rheading {font-size: 34px;line-height: 46px;}
 .rherosection p {font-size: 16px;line-height: 26px;}
 .leadership-hero-btn {min-width: 180px;padding: 12px 28px;font-size: 15px;}
 .rguidencevideossection {padding: 60px 20px;}
header .navbar ul li a i.mobileIcon img{margin: 0;}
.industriesHeader{display: none !important;opacity: 0 !important;visibility: hidden !important;}
 body .Principles-sec{padding: 30px 0 !important;}
 body .pricing-sec.industries-sec{padding: 30px 10px !important;}
 .perk-card h4{text-align: left;}
 .Howwework-sec {padding: 60px 0;}
 .Howwework-sec .tech-wrapper {padding: 50px 30px;border-radius: 24px;}
 .Howwework-sec .tech-content {padding: 0 0 40px;text-align: center;}
 .Howwework-sec .tech-content h2 {font-size: 28px;line-height: 40px;text-align: center;}
 .Howwework-sec .tech-grid {grid-template-columns: repeat(4, 1fr);gap: 15px;}
 .Howwework-sec .tech-card {padding: 20px 10px;}
 .Howwework-sec .tech-card img {max-width: 80px;height: auto;}
 .Howwework-sec .tech-wrapper:before {width: 300px;height: 90px;left: -20px;}
 .current-openings-section {padding: 50px 0 60px;}
 .current-openings-heading {font-size: 28px;line-height: 40px;margin-bottom: 30px;}
 .JobList .ATS-Container,
 .atsJobLoader {grid-template-columns: repeat(2, 1fr);gap: 20px;}
 .JobList .ATS-JobPostContainer,
 .ATS-JobPostContainer {padding: 25px;min-height: auto;}
 .ATS-JobPostTitle-Bar h1 {font-size: 22px !important;line-height: 30px !important;}
 .ATSDescription span,
 .ATS-JobDescriptionContainer p,
 .ATS-JobDescriptionContainer p span {font-size: 15px !important;line-height: 25px !important;}
 .ATS-JobApplyBtn {font-size: 15px !important;}
 .career-wrapper {flex-direction: column;gap: 40px;text-align: center;}
 .career-content {width: 100%;}
 .career-content h2 {font-size: 28px;line-height: 40px;}
 .mission-visual-career {max-width: 100%;}
 .career-image img {margin: 0 auto;max-width: 100%;}
 .pricing-sec .text-center {margin-bottom: 40px;}
 .pricing-sec h2 {font-size: 28px;line-height: 40px;}
 .perk-card {min-height: auto;padding: 25px;}
 .perk-card h4 {font-size: 22px;line-height: 28px;}
 .Howwework-sec .tech-wrapper {padding: 50px 30px;}
 .Howwework-sec .tech-content {padding: 0 0 40px;text-align: center;}
 .Howwework-sec .tech-content h2 {text-align: center;font-size: 28px;line-height: 40px;margin-bottom: 10px;}
 .Howwework-sec .tech-grid {grid-template-columns: repeat(4, 1fr);gap: 15px;}
 .Howwework-sec .tech-card {padding: 20px;}
 .Howwework-sec .tech-wrapper:before {width: 300px;height: 90px;left: -20px;}
 .kisokbannerimg{display:none;}
 .hero-section .facekioskcontainer .hero-content {align-items: center;}
 .connectmainrow{height:auto;}
 .connectheader{margin-bottom:20px;}
 .connectsection .hero-content .hero-title{font: normal 600 30px / 45px 'Plus Jakarta Sans', sans-serif;}
 .pricingBox.desktopView{display: none;}
 .pricingBox.mobileView{display: block;}
 .pricingBodyDataInner > div{height: auto;min-height: auto;padding: 10px 15px;}
 .gpanel .panel-heading {font: 400 16px 'Plus Jakarta Sans',sans-serif !important;padding: 12px 35px 12px 15px;}
 .pricingBox.mobileView .pricingHeader {display: flex;padding: 0 15px;position: relative;flex-wrap: wrap;row-gap: 20px;}
 .pricingBox.mobileView .pricingHeader > div {width: 100%;flex-basis: 100%;border-radius: 1rem;border: 1px solid #CFDCE9 !important;row-gap: 20px;padding: 15px;}
 .pricingBox.mobileView .modulename p,.pricingBox.mobileView .moduleHead p{display: block;width: 100%;}
 .pricingBox.mobileView .moduleHead b.head {font: 500 26px / 34px 'Plus Jakarta Sans', sans-serif;}
 .pricingBox.mobileView .viewFeature {display: inline-flex;align-items: center;justify-content: center;color: #0F4F93 !important;column-gap: 10px;padding: 10px 20px 10px 25px;border-radius: 50px;border: 1px solid #006ffa;font: 400 12px 'Plus Jakarta Sans', sans-serif;margin-left: 10px;cursor: pointer;}
 .pricingBox.mobileView .viewFeature span {color:#0F4F93;}
 .pricingBox.mobileView .priceHead.cursor p {text-align: left;font-size: 15px;}
 .pricingBox.mobileView .parentHead > div:last-child, .pricingBodyDataInner > div:last-child {border-bottom-color: #CFDCE9;min-width: 80px;}
 .pricingBox.mobileView .viewFeatureList{width: 100%;border-top: 1px solid #CFDCE9;border-left: 1px solid #CFDCE9;display: none;}
 .pricingBox.mobileView .parent .priceHead.cursor p{font-size: 15px;}
 .pricingBox.mobileView .parent .priceHead p{text-align: left;font-size: 13px;}
 .AppModuleList{right: 50%;transform: translateX(50%);}
 .AppModuleList li a{padding: 10px;margin-bottom: 8px;column-gap: 10px;height: auto;max-width: 420px;width: 330px;}
 .AppModuleList li h3{font: normal 500 14px/20px 'Plus Jakarta Sans', sans-serif;}
 .AppModuleList li .icon{width: 40px;height: 40px;border: none;background: transparent;}

 .AppModuleList li p{font: normal 400 12px/20px 'Plus Jakarta Sans', sans-serif;}
 .modalHead h5{font: 600 24px/34px 'Plus Jakarta Sans', sans-serif;margin-top: 25px;}
 .model-body-header h2{font: normal 500 16px/24px 'Plus Jakarta Sans', sans-serif;text-align: center;}
 .model-body-header{margin-bottom: 30px;}
 .row.process-wrapper {margin-top: 0 !important;}
 .vectorLine{display: none;}
 .process-wrapper ul{margin-top: 0 !important;flex-direction :column;}
 .process-wrapper ul li{max-width: 100%; min-width: 100%;width: 100%;margin-top: 0 !important;margin-bottom: 20px;}
 .connectmainrow{flex-direction:column;}
 ul.mobile-list-line { padding: 0; display:block;}
 .connectsection .hero-content{margin-top:90px;}
 .connectsection .hero-content img {max-width: 250px;}
 .connectmob-box {bottom:8px;width:95%; border-radius:50px !important; padding: 15px; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(2px) saturate(180%); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 2rem; box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2), inset 0 4px 20px rgba(255, 255, 255, 0.3); position: fixed; z-index: 2; margin-left: auto; margin-right: auto; left: auto; right: auto;left: 50%; transform: translate(-50%, 0);}
 .connectmob-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); border-radius: 50px; backdrop-filter: blur(1px); box-shadow: inset -10px -8px 0px -11px rgba(255, 255, 255, 1), inset 0px -9px 0px -8px rgba(255, 255, 255, 1); opacity: 0.6; z-index: -1; filter: blur(1px) drop-shadow(10px 4px 6px black) brightness(115%); }
 .connectmob-box .ConnectWithUs {background: #FF9E2C !important;color: #000 !important; width:100%; font-weight:500;}
 .connectsection{height:auto;}
 .rheading { font-size: 2.5rem;line-height: 1.2;}

 .hero-stats.sup-hero-stats {flex-wrap: wrap;justify-content: center; gap: 20px;}

 .hero-stat-item {flex: 1 1 45%; justify-content: center;}
 .s-herosection .rallcontent{padding: 0;}
 .s-herosection .rheading {font-family: 'Plus Jakarta Sans', sans-serif;font-size: 28px;font-weight: 700;line-height: 37px;color: #fff;margin: 0;}
}
@media (min-width: 0px) and (max-width: 767px) {
 .hr-manegment-suite-section .header {padding:0 !important}
 .hr-manegment-suite-section .subtitle {margin-bottom: 20px;}
 .glossary-title {font-size: 31px; line-height: 39px}

 .hrms-buying-herosection {padding: 17px 0 18px !important;background: url(../../images/newhrabg.png) center no-repeat;}
 .new-calculate-section{padding: 50px 0 50px;}
 .calc-card {margin-top: 30px;}
 .calc-title {
 font-size: 26px !important;
 }
 .calc-subtitle{font-size: 16px;}
 .hr-manegment-suite-section .last-row {
 display: grid !important;
 gap: 24px;
 margin-top: 24px;
 justify-content: center;
 }
 .enterprise-title {font-size: 30px;}
 .setu-form-section { padding: 40px 15px; } 
 .setu-contact-title { font-size: 36px; line-height: 44px; text-align: center; }
 .setu-contact-desc { text-align: center; font-size: 16px; line-height: 26px; }

 .landing-form-container { width: 100% !important; }

 .contact-form .row { margin-left: 0; margin-right: 0; }


 .contact-form .col-xs-6,
 .contact-form .col-lg-6,
 .contact-form .col-md-6 { width: 100%; padding-left: 0; padding-right: 0; }


 .form-control { height: 48px; font-size: 15px; }

 .g-recaptcha { transform: scale(.85); transform-origin: right; }


 .company-btn { width: 100%; justify-content: center; }
 .u-setu-trust-client .trust-heading{ font-size: 31px !important; }
.what-timelabs-does-section { padding: 70px 0; }

 .section-heading { margin-bottom: 40px; } 
 .section-heading h2 { font-size: 30px; line-height: 40px; }

 .timelabs-card { padding: 25px; }
 .timelabs-card h4 { font-size: 22px; line-height: 30px; }
 .timelabs-card p { font-size: 14px; line-height: 24px; }

 .policy-search { width: 100%; height: 56px; }
 .glossary-badge span { font-size: 16px; }

 .glossary-title, .glossary-title span { font-size: 34px; }

 .glossary-desc { font-size: 16px; line-height: 28px; }

 .client-logo-glossary { margin-top: 60px; }
 .resource-card-box { height: 300px; }
 .trustedresponsive .trust-btn-wrap { display: flex; flex-direction: column; align-items: center; gap: 16px; margin-top: 24px; }

 .trustedresponsive .trust-btn-wrap .btn, .trustedresponsive .trust-btn-wrap a { width: 100%; max-width: 220px; min-height: 44px; padding: 10px 22px; border-radius: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 600; line-height: 24px; text-align: center; white-space: nowrap; }

 
 .trustedresponsive .trust-btn-wrap .btn-primary { background: #2347C6; color: #fff; border: 1px solid #2347C6; }
 
 .trustedresponsive .trust-btn-wrap .btn-outline { background: #fff; color: #2347C6; border: 1px solid #2347C6; }

 .trustedresponsive .trust-btn-wrap img, .trustedresponsive .trust-btn-wrap svg { width: 16px; height: 16px; }
 .setu-herosection .col-xs-12 { padding: 0px !important; }
 
 .trustedresponsive .trust-logo-strip { background: transparent; border: 0; box-shadow: none; padding: 0; margin-top: 16px; }

 
 .trustedresponsive #trustLogosRow .owl-stage,
 .trustedresponsive #trustLogosRow .owl-nav {display: none !important;}

 
 .trustedresponsive #trustLogosRow .owl-dots { display: flex !important; justify-content: center; align-items: center; gap: 6px; margin-top: 0; }

 .trustedresponsive #trustLogosRow .owl-dot span { width: 8px; height: 8px; margin: 0; background: #D9D9D9; border-radius: 50%; }

 .trustedresponsive #trustLogosRow .owl-dot.active span { background: #F5A623; }

 
 .trustedresponsive .trust-cta { display: none; }
 .trustedresponsive .u-setu-trust-client .trust-card, .u-setu-trust-client.trustedresponsive .trust-card { width: 100%; max-width: 372px; min-height: 470px; padding: 24px; border: 1px solid #E5E7EB; border-radius: 24px; gap: 10px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; margin: 0 auto; background: #fff; box-sizing: border-box; }
 
.trust-cta { display: none !important; }
 .u-setu-trust-client .trust-sub { font-size: 16px !important; line-height: 24px !important; letter-spacing: 0% !important; }
 .u-setu-trust-client .trust-heading { font-size: 26px !important; line-height: 40px !important; }

 .badge-new { font-size: 11px; padding: 2px 10px; }

 .content-wrap { gap: 6px; }

 .trust-card { display: block; padding: 25px 20px; }

 .trust-logo-col { display: block; width: 100%; border-right: none; border-bottom: 1px solid #eee; padding: 0 0 20px 0; margin-bottom: 20px; border-right:none !important; }

 .trust-text-col { display: block; padding-left: 0; }

 .trust-logo-strip { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 6px; }

 .logos-row { display: table; table-layout: auto; width: auto; min-width: 100%; }

 .logo-item-cell { display: table-cell; width: 110px; padding: 0 4px; }


 .setu-freeresource-section { padding: 60px 0 !important; } 
 .setu-resource-title { font-size: 30px !important; line-height: 1.25 !important; }
 .setu-resource-title span { display: block; } 
 .setu-resource-desc { font-size: 15px !important; line-height: 1.6 !important; padding: 0 10px; }

 .setu-resource-desc br { display: none; }

 .setu-resource-hero { display: flex !important; flex-direction: column !important; margin-top: 30px; }


 .setu-guide-content h3 { font-size: 28px !important; line-height: 1.25; margin-bottom: 15px; }

 .setu-guide-content p { font-size: 15px !important; line-height: 1.7; margin-bottom: 20px; }

 .company-btn { width: fit-content; margin-bottom: 30px; }

 
 .setu-resource-image-wrap { position: relative; text-align: left !important; } 
 .setu-tool-resource-img { width: 100% !important; max-width: 368px !important; height: auto !important; margin-left: 0 !important; }


 .setu-book-btn { left: 20px !important; bottom: 18px !important; }
 .setu-big-fan{ display: none; }
 .setu-made-india-section { padding: 50px 0px 0px; }

 .setu-made-india-section .joinus-title { font-size: 30px; line-height: 1.3; }
 .setu-meet-title { font-size: 32px !important; line-height: 1.2 !important; }

 .setu-meet-subtitle { font-size: 16px !important; margin-bottom: 30px !important; }

 .setu-main-heading { font-size: 24px !important; }

 .setu-pill { font-size: 13px !important; }

 .setu-desc { font-size: 15px !important; }

 .setu-feature { font-size: 14px !important; }

 .setu-meet-row { flex-direction: column-reverse !important; }

 .setu-meet-row:nth-child(even) { flex-direction: column !important; }

 .setu-readmore {
 display: block;
 align-items: center !important;
 margin-top: 0px !important;
 margin-bottom: 20px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 }

 .setu-slide-img { max-width: 100% !important; }
 .setu-resource-hero {align-items: center;}

 .setu-herosection.mobile-responsive {padding: 50px 0 50px 0;}
 .mobile-responsive .setu-happy-badge { width: 370px; max-width: 100%; height: 60px; border-radius: 100px; padding: 6px 18px; gap: 7px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; }
 .mobile-responsive .setu-happy-badge-icon {display: none;}
.mobile-responsive .setu-happy-badge-text { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0%; text-align: center; color: #475569; }

 .mobile-responsive .setu-hero-title { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 40px; line-height: 50px; letter-spacing: -0.02em; text-align: center; max-width: 360px; margin-left: auto; margin-right: auto; padding: 0 10px; }
 .mobile-responsive .setu-hero-title .wrapper { height: 50px; vertical-align: bottom; }
 .mobile-responsive .setu-hero-title .words span { height: 50px; line-height: 50px; }
.mobile-responsive .setu-hero-desc { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0%; text-align: center; }
 .mobile-responsive .company-btns { flex-direction: column; align-items: center; gap: 8px; margin-bottom: 50px; padding: 0 15px; }
 .mobile-responsive .company-btn { width: 220px; height: 44px; border-radius: 52px; padding: 10px 22px; gap: 8px; font-size: 14px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; }
 .mobile-responsive .joinus-text { font-size: 13px; line-height: 1.5; margin-bottom: 24px; padding: 0 15px; }
 .mobile-responsive .joinus-logos { gap: 20px; margin-bottom: 35px; padding: 0 15px; }
 .mobile-responsive .joinus-logos img { height: 20px; }
 

 .join-us-setions { padding: 0px 0px 128px 0px !important; }
 .setu-cta-title { font-size: 31px !important; }
 .company-btns { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin-bottom: 50px !important; padding: 0 !important; }
 .company-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 220px !important; height: 44px !important; border-radius: 52px !important; padding: 10px 22px !important; gap: 8px !important; box-sizing: border-box !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.2s ease !important; opacity: 1 !important; }
 
 .company-btn-primary { background-color: #1b4fd8 !important; border: 1.5px solid #1b4fd8 !important; color: #ffffff !important; }
 
 .company-btn-light { background-color: #ffffff !important; border: 1.5px solid #1b4fd8 !important; color: #1b4fd8 !important; }
 .company-btn img { width: 14px !important; height: 14px !important; flex-shrink: 0 !important; }
 
 .section-header { text-align: center !important; padding: 0 16px !important; box-sizing: border-box; }

 
.section-title.setu-cta-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 31px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #2c343e !important; margin: 0 0 16px 0 !important; letter-spacing: -0.5px !important; }
 .section-title.setu-cta-title span { color: #1b4fd8 !important; display: inline-block; margin-top: 4px; }
 
 .section-title.setu-cta-title br { display: block !important; }
 .section-header p { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px !important; line-height: 1.6 !important; color: #64748b !important; margin: 0 auto !important; max-width: 320px !important; }
.company-content .hero-chat-wrap { display: none !important; }
 .company-content { text-align: center !important; box-sizing: border-box; }
 .company-content h2 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 26px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #ffffff !important; margin: 0 0 20px 0 !important; letter-spacing: -0.5px !important; padding: 0 10px; }

 .company-content p { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px !important; line-height: 1.6 !important; color: #cbd5e1 !important; margin: 0 0 32px 0 !important; padding: 0 12px; box-sizing: border-box; }
 
 .company-content .company-btns { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 14px !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.company-content .company-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 320px !important; height: 52px !important; border-radius: 9999px !important; font-size: 15px !important; font-weight: 600 !important; box-sizing: border-box !important; transition: all 0.2s ease !important; gap: 8px !important; border: none !important; }
 
 .company-content .company-btn-primary { background-color: #1b4fd8 !important; color: #ffffff !important; }
 
 .company-content .company-btn-light { background-color: #ffffff !important; color: #1b4fd8 !important; margin: 0 auto; }
 
 .company-content .company-btn img { width: 16px !important; height: 16px !important; flex-shrink: 0 !important; }
 
 .need-card, .need-card.tall { position: relative !important; display: flex !important; flex-direction: column !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 32px 20px !important; margin-bottom: 0px !important; box-sizing: border-box !important; overflow: visible !important; } 
 .need-card .card-visual { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; height: auto !important; width: 100% !important; }
 
 .need-card .card-visual img { position: static !important; display: block !important; width: 100% !important; max-width: 280px !important; height: auto !important; margin: 0 auto 24px auto !important; transform: none !important; }
 .need-card .card-text { position: static !important; transform: none !important; width: 100% !important; text-align: center !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; }
 .need-card .card-text h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 20px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #0f172a !important; margin: 0 0 10px 0 !important; }

 .need-card .card-text p { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px !important; line-height: 1.6 !important; color: #475569 !important; margin: 0 !important; }
 .company-btns { display: flex; flex-direction: column; align-items: center; gap: 14px; width: 100%; padding: 0 20px; box-sizing: border-box; }
 
 .company-btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 320px; height: 52px; border-radius: 9999px; padding: 0 24px; font-size: 15px; font-weight: 600; box-sizing: border-box; text-align: center; gap: 8px; }
 .company-btn-primary { background-color: #1e3a8a; border: 1.5px solid #1e3a8a; color: #ffffff !important; }
 
 .company-btn-light { background-color: #ffffff; border: 1.5px solid #1e3a8a; color: #1e3a8a !important; }

 .company-btn img { width: 16px; height: 16px; flex-shrink: 0; display: inline-block; vertical-align: middle; }
 .setu-bottom-strip { flex-direction: column; align-items: stretch; gap: 0; padding: 15px 10px; border-radius: 24px; box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04); border: 1px solid rgba(226, 232, 240, 0.8); width: 100%; margin: 0 auto; }

 .setu-strip-item { padding: 16px 10px; border-bottom: 1px solid #f1f5f9; }

 .setu-strip-item:first-child { padding-top: 4px; }
 .setu-strip-item:last-child { border-bottom: none; padding-bottom: 4px; }
 .setu-strip-item img { margin-right: 4px; }

 .setu-5c-content h4 {font-size: 20px !important;}
 .setu-5c-content p { font-size: 16px; line-height: 20px; color: rgba(9, 9, 9, 1); font-weight: 400; font-family: "Plus Jakarta Sans", sans-serif; letter-spacing: 0%; }
 .setu-5c-icon { width: 52px; height: 52px; }
 .setu-herosection { padding: 60px 0 0px 0; }


 .setu-hero-title { font-size: 30px; line-height: 1.25; letter-spacing: -0.5px; padding: 0 15px; }

 
 .setu-hero-title .wrapper { height: 1.25em; }

 .setu-hero-title .words span { height: 1.25em; line-height: 1.25em; text-align: center }

 .setu-hero-desc { font-size: 15px; line-height: 1.6; padding: 0 15px; }

 .company-btns { flex-direction: column; align-items: center; gap: 12px; margin-bottom: 50px; padding: 0 15px; }
 .company-btn { width: 100%; max-width: 340px; }
 .joinus-title { font-size: 22px; line-height: 1.3; padding: 0 15px; }
 .setu-happyppl-section { padding: 50px 0 50px !important; } 
 .setu-slides-wrap { height: auto !important; }
 .setu-meet-row { position: relative !important; opacity: 1 !important; transform: none !important; } 
 .setu-meet-subtitle{ margin-bottom: 0 !important; }

 .setu-pill { width: 266px; height: 24px; justify-content: center; padding: 12px 18px; border-radius: 40px; font-size: 15px; text-align: center; line-height: 24px; }
 .setu-spreadsheet-card-row { flex-direction: row !important; align-items: center; gap: 16px; width: 100%; }
.setu-spreadsheet-card { width: 100%; border-radius: 20px; padding: 24px; display: flex; flex-direction: column; justify-content: flex-start; }

 .setu-spreadsheet-card .setu-card-icon { display: none; }
 .setu-spreadsheet-card h3 { font-size: 32px; font-weight: 700; margin: 0 0 8px 0; line-height: 1.1; }
 .setu-spreadsheet-card h4 { font-size: 18px; font-weight: 600; margin: 0 0 12px 0; line-height: 1.3; }

 .setu-spreadsheet-card p { font-size: 14px; line-height: 1.5; margin: 0; opacity: 0.85; } 
 .setu-need-section{ padding: 50px 0 50px !important; }
 
 .setu-freeresource-section {
 padding: 50px 0 50px !important;
 }
 .setu-resource-title { margin: 0; font-family: "Plus Jakarta Sans", sans-serif; font-size: 33px !important; font-weight: 700; line-height: 40px !important; color: #1F2937; letter-spacing: -2px; color: rgba(52, 58, 64, 1); }
 
.setu-resource-desc { font-size: 16px !important; }
.setu-guide-content h3 { margin: 0px 0 25px; font-size: 25px !important; line-height: 32px !important; color: rgba(52, 58, 64, 1); letter-spacing: -2px; font-family: 'Plus Jakarta Sans', sans-serif; width: 338px; }
 .setu-guide-content p { font-size: 16px; line-height: 24px; }
 .company-btn { width: 159px; height: 52px; padding: 10px 22px; gap: 8px; border-radius: 52px; }

 .company-btn .btn-text { font-size: 14px; line-height: 20px; text-align: center; white-space: normal; }
 .company-btn .hoverarrow { width: 16px; height: 16px; }
 .setu-resource-image-wrap { margin-bottom: 30px; text-align: center; } 
 .setu-tool-resource-img { width: 100%; max-width: 320px; height: auto; margin: 0 auto; display: block; }

.setu-book-btn { margin-top: 16px; display: inline-flex; justify-content: center; align-items: center; padding: 10px 22px; border-radius: 52px; display: none; }

.setu-resource-cards .col-sm-4 { margin-bottom: 20px; }
.setu-resource-card { padding: 24px 18px; border-radius: 20px; height: auto; }

 .setu-resource-card h4 { font-size: 20px; line-height: 28px; margin: 16px 0 12px; }
 .setu-resource-card p { font-size: 14px; line-height: 22px; margin-bottom: 20px; }

 .playbook-btn { width: 100%; justify-content: flex-start; padding: 12px 0px; }
 .setu-tool-row .col-sm-4 { margin-bottom: 16px; }
.setu-tool-card { display: flex; align-items: flex-start; gap: 14px; padding: 18px; border-radius: 16px; }

 .setu-tool-card img { width: 48px; height: 48px; flex-shrink: 0; }

 .setu-tool-card h5 { font-size: 18px; line-height: 26px; margin-bottom: 8px; }

 .setu-tool-card p { font-size: 14px; line-height: 22px; margin-bottom: 0; }

 .setu-resource-footer { font-size: 15px; line-height: 24px; padding: 0 15px; margin-top: 20px; }
 .parent-row { display: flex; flex-direction: column; }

 .download-btn-col { order: 1; }

 .col-sm-7 { order: 2; }
 
 .setu-need-section .head-wrap h2 { font-size: 31px; line-height: 40px; }
 .setu-need-section .head-wrap h2 br { display: none; }

 .setu-need-section .head-wrap p { font-size: 14px; line-height: 1.6; margin: 16px auto 30px; }

 
 .setu-need-section .need-card,
 .setu-need-section .need-card.tall { min-height: auto; padding: 18px; border-radius: 18px; }

 .setu-need-section .card-visual img { width: 100%; height: auto; display: block; }

 .setu-need-section .card-text { padding-top: 16px; text-align: center; }

 .setu-need-section .card-text h3 { font-size: 18px; line-height: 1.35; margin-bottom: 10px; }

 .setu-need-section .card-text p { font-size: 14px; line-height: 1.6; }

 
 .setu-need-section *,
 .setu-need-section *::before,
 .setu-need-section *::after { animation: none !important; transition: none !important; transform: none !important; }
 .cheque-copy h3 { line-height: 40px; margin-top: 47px; font-size: 23px; }
 .setu-company-section { padding: 70px 0 60px; overflow: hidden; }

 .company-fan { width: 180px; top: -40px; left: -50px; }

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

 
 .hero-chat-wrap { display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 24px; }



 .chat-text { font-size: 14px; line-height: 1.5; }

 
 .company-content h2 { font-size: 30px; line-height: 1.3; margin-bottom: 18px; } 
 .company-content p { font-size: 16px; line-height: 1.7; margin-bottom: 32px; }
 .company-btns { display: flex; flex-direction: column; gap: 14px; align-items: stretch; } 
 .company-btn { width: 100%; justify-content: center; padding: 16px 20px; }
 .company-btn .btn-text { font-size: 16px; }

 .hoverarrow,.hoverplay { width: 18px; height: 18px; }
 .hero-chat{ display: none !important; }
 .company-btn img { width: 10px !important; }
 .company-btn-primary { font-size: 12px; }
 .company-btn-light { font-size: 12px; }
 .company-btn { width: 220px !important; height: 44px !important; border-radius: 52px; justify-content: center; }
 .setu-herosection .setu-hero-desc { margin: 0 auto 2px; text-align: center; font-weight: 500; font-size: clamp(16px, 1.04vw, 20px); line-height: 24px; letter-spacing: 0; font-family: 'Plus Jakarta Sans', sans-serif; }
 .joinus-title { line-height: 40px; }
.setu-spreadsheet-card-row { display: flex !important; flex-direction: column; align-items: center; gap: 20px; margin: 0; }

 .setu-spreadsheet-card { width: 100%; max-width: 372px; min-height: 230px; border-radius: 20px; padding: 24px 20px; margin: 0; flex: none; }

 .setu-card-second,
 .setu-card-third {margin-top: 0;}


 @media (max-width:767px) {
 .timelabs-right-content h2{font-size: 20px;}
 .program-work .card-title {
 color: #343A40;
 font-weight: 700;
 font-size: 16px;
 /* line-height: 32px; */
 font-family: 'Plus Jakarta Sans', sans-serif;
 }
 .newPrinciples-sec {
 background: #ffff !important;
 padding: 50px 0 30px;
 }

 .cust-set {
 text-align: center !important;
 }

 .founders-sec .founder-card {
 display: block !important;
 }

 .leadership-row {
 display: block !important;
 }

 .beyond-section h2 {
 line-height: 35px;
 }

 .new-faqs-section .new-faqs-accordion .accordion-button {
 font-size: 16px !important;
 }

 .new-faqs-section .new-faqs-accordion .accordion-body {
 font-size: 14px !important;
 }

 .btn-dark {
 font-size: 13px;
 }

 .leadership-row {
 display: flex;
 flex-wrap: wrap;
 }

 .leadership-row > div {
 width: 100%;
 margin-bottom: 20px;
 }
 }
 .jad-feature {
 padding: 0px;
 }

 .jad-title {
 line-height: 40px;
 }
 .hey-joinus-section .outer {
 width: 100%;
 min-height: auto;
 padding: 15px;
 border-radius: 30px;
 box-sizing: border-box;
 }

 .hey-joinus-section .inner {
 width: 100%;
 min-height: 0;
 padding: 40px;
 gap: 24px;
 flex-direction: column;
 align-items: stretch;
 justify-content: flex-start;
 flex-wrap: nowrap;
 box-sizing: border-box;
 }

 .hey-joinus-section .left-side {
 width: 100%;
 max-width: 100%;
 height: auto;
 min-height: 0;
 box-sizing: border-box;
 }

 .hey-joinus-section .right-side {
 width: 100%;
 max-width: 100%;
 height: auto;
 min-height: 222px;
 box-sizing: border-box;
 }
/* .hr-manegment-suite-section .card {
 width: 32%;
 height: auto !important;
 border: 1px solid #E1E6F4;
 border-radius: 24px;
 padding: 30px;
 display: flex;
 gap: 15px;
 background: #fff;
 cursor: pointer;
 transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
 position: relative;
 margin-top: 28px;
 }*/
 .cheque-copy.fade { margin-top: -38px; }
 .setu-cheque-section { padding: 50px 15px; }
 .cheque-headline { font-size: 28px; line-height: 38px; text-align: center; }
 .cheque-subtext { font-size: 16px; line-height: 26px; text-align: center; margin: 18px auto 30px; } 
 .cheque-nav-wrap { margin-bottom: 35px; border-radius: 24px;overflow:auto; }
 .cheque-nav-wrap::-webkit-scrollbar { display: none; }
 .cheque-nav { display: inline-flex; flex-wrap: nowrap; min-width: max-content; white-space: nowrap; padding: 5px; border-radius: 24px !important; overflow:auto; }
 .cheque-nav::-webkit-scrollbar { display: none; }

 .cheque-nav button { flex: 0 0 auto; padding: 10px 0px 10px 22px; font-size: 17px; line-height: 24px; font-weight: 400; }

 .cheque-content-row {display: block;}


 .cheque-content-row .col-md-6:first-child,
 .cheque-content-row .col-lg-6:first-child {width: 100%;}
.cheque-panel-title { font-size: 26px; line-height: 36px; margin-bottom: 18px; }
.cheque-panel-desc { font-size: 16px; line-height: 28px; }

 .cheque-feature-card { width: 100%; padding: 20px; margin-top: 25px; }
 .cheque-feature { font-size: 16px; line-height: 26px; }
 .setu-meet-section { padding: 50px 15px; min-height: auto; }


 .setu-slides-wrap { display: flex; flex-direction: column; gap: 50px; }

 .setu-meet-row { display: flex; flex-direction: column; }

 .setu-meet-row .col-md-5 { order: 1; } 
 .setu-meet-row .col-md-7 { order: 2; margin-top: 0px; }
 .setu-meet-row:nth-child(even) .col-md-7 { order: 2; }
 .setu-meet-row:nth-child(even) .col-md-5 { order: 1; }
.setu-meet-title { font-size: 30px; line-height: 35px; margin-bottom: 18px; }
.setu-ai-logo { width: 85px; height: auto; }
.setu-meet-subtitle { font-size: 18px; line-height: 30px; margin-bottom: 40px; }

 .setu-pill { max-width:max-content; width: 100%; justify-content: center; padding: 23px 18px; border-radius: 40px; font-size: 14px; text-align: center; }
 .setu-main-heading { font-size: 26px; line-height: 36px; margin: 22px 0 16px; }
.setu-desc { font-size: 16px; line-height: 28px; } 
.setu-feature-card { margin: 25px 0; padding: 18px; }
.setu-slide-img { width: 100%; max-width: 100%; height: auto; aspect-ratio: 1300 / 870; object-fit: contain; display: block; margin: auto; }

 .setu-big-fan,
 .setu-dots {display: none;}
 .cheque-subtext { font-family: "Inter", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0; text-align: center; max-width: 100%; margin: 0 auto 30px; }
 .cheque-headline { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; font-size: 26px; line-height: 40px; letter-spacing: 0; text-align: center; margin-bottom: 16px; }
 .setu-cheque-section { padding: 40px 0 !important; min-height: auto; }
 .setu-stat-item { padding: 30px 15px; } 
 .setu-stat-item h2 { font-size: 24px; } 
 .setu-stat-item p { font-size: 14px; } 
 .stat-icon { width: 16px; }
 
 .setu-happy-badge-wrap { display: flex; justify-content: center; margin-bottom: 24px; } 
 .setu-happy-badge { width: 100%; padding: 10px 18px !important; border-radius: 100px; display: flex; align-items: center; justify-content: center; gap: 7px; flex-wrap: nowrap; }
 

 .setu-happy-badge-icon {display: none;}

 
 .setu-herosection .setu-happy-badge-text { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 500; font-style: normal; font-size: 16px; letter-spacing: 0; text-align: center; color: #000; }
 .setu-herosection .setu-hero-title { margin: 0 auto 30px; text-align: center; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 40px; line-height: 50px; letter-spacing: 0; color: rgba(52, 58, 64, 1); }
 
 
 
 .setu-spreadsheet-card-row { display: flex; flex-direction: column; gap: 16px; margin: 40px 0; }

 .setu-spreadsheet-card { position: relative; width: 100%; min-height: 230px; padding: 22px; border-radius: 20px; overflow: hidden; }

 .setu-card-icon { position: absolute; top: 0; right: 0; width: 120px; height: 120px; display: flex; justify-content: flex-end; align-items: flex-start; pointer-events: none; }

 .setu-card-icon img { width: 100%; height: auto; }

 .setu-spreadsheet-card h3 { position: relative; z-index: 2; font-size: 44px; line-height: 50px; margin: 0 0 12px; }

 .setu-spreadsheet-card h4 { position: relative; z-index: 2; font-size: 18px; line-height: 28px; font-weight: 700; margin-bottom: 14px; max-width: 210px; }

.setu-spreadsheet-card p { position: relative; z-index: 2; font-size: 15px; line-height: 24px; margin: 0; max-width: 240px; }
 .setu-spreadsheet-section { padding: 50px 15px; }
 .setu-spreadsheet-bottom-tag { margin-bottom: 35px; }
 .setu-spreadsheet-bottom-logo { max-width: 150px; }

 .setu-spreadsheet-heading { font-size: 31px; line-height: 40px; width: 395px; text-align: center; margin-left: -17px; }

 .setu-spreadsheet-heading-text { font-size: 16px; line-height: 24px; margin-top: 18px; }

 .setu-spreadsheet-card-row { display: flex; flex-direction: column; gap: 20px; margin: 50px 0; }

 .setu-spreadsheet-card { width: 100%; min-height: 230px; padding: 25px; border-radius: 20px; }

 .setu-card-icon img { width: 46px; } 
 .setu-spreadsheet-card h3 { font-size: 34px; line-height: 42px; }

 .setu-spreadsheet-card h4 { font-size: 18px; line-height: 28px; }
 .setu-spreadsheet-card p { font-size: 15px; line-height: 24px; }
 .company-btn { width: auto; max-width: 372px; padding: 10px 22px; border-radius: 52px; display: inline-flex; justify-content: center; align-items: center; gap: 8px; }
 .company-btn img { width: 18px; } 
 .setu-happy-features { display: flex; flex-direction: column; padding: 14px; gap: 0; }

 .setu-happy-feature { width: 100% !important; height: auto !important; display: flex; align-items: center; justify-content: flex-start; gap: 14px; padding: 14px 0; flex: none; aspect-ratio: auto; }

 .setu-happy-feature img { width: 55px; height: 55px; flex-shrink: 0; }

 .setu-happy-feature-content { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
 .setu-happy-feature-content h5, .setu-happy-feature-content span { display: block; width: 100%; text-align: left; }

 .setu-happy-feature-divider { display: none; }
 .setu-happy-feature:not(:last-child) { border-bottom: 1px solid #ECECEC; }

 .setu-happy-card-row { margin-top: 30px; margin-bottom: 0; }
 .setu-happy-card-row > [class*="col-"] { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 30px; }

 
 .setu-happy-card-row:first-of-type { margin-bottom: 30px; }

 .setu-happy-card-row:last-of-type > [class*="col-"]:last-child { margin-bottom: 0; }

 .setu-happy-card { padding: 24px; border-radius: 24px; min-height: auto !important; gap: 20px; }

 .setu-happy-features { margin-top: 30px; }
 .setu-company-section { padding: 50px 15px; }

 .company-content { max-width: 100%; } 
 .company-fan { width: 130px; top: -20px; left: -25px; }

 .hero-chat-wrap { position: relative; top: auto; left: auto; transform: none !important; display: flex; justify-content: center; align-items: flex-start; gap: 8px; margin-bottom: 20px; }

 .hero-owl { width: 46px; }
 .hero-chat { padding: 10px 14px; font-size: 13px; line-height: 18px; border-radius: 12px; }

 .hero-chat:before { top: 24px; }
 .company-content h2 { max-width: 100%; margin-bottom: 18px; font-family: "Plus Jakarta Sans", sans-serif; font-size: 31px; font-weight: 700; line-height: 40px; letter-spacing: 0; text-align: center; }

 .company-content p { max-width: 100%; margin-bottom: 30px; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; text-align: center; }

 .company-btns { flex-direction: column; width: 100%; }

 .company-btn { width: 100%; max-width: 372px; padding: 14px 30px; border-radius: 52px; justify-content: center; }
 
 .c-clientdata .c-logos { grid-template-columns: repeat(2, 1fr); gap: 15px; }

 .c-clientdata .client-box { height: 90px; border-radius: 15px; padding: 15px; }

 .c-clientdata .client-box img { max-width: 100px; max-height: 45px; }

 .csevindustriessection .section-title { font-size: 20px !important; margin-top: 10px !important; line-height: 1.4; white-space: normal; max-width: 220px; margin-left: auto; margin-right: auto; }

 .c-clientdata h2 { font-size: 20px !important; }
 .mobile-break { display: none; }

 @media (max-width: 767px) {
 .hr-manegment-suite-section .modules-badge{display: none}
 .mobile-break { display: block; }
 .csevindustriessection h2 { font-size: 28px; line-height: 1.4; text-align: center; }
 }

 .firstchoicesection { padding: 40px 15px; } 
 .hero-badge { text-align: center; margin-bottom: 15px; }
 .section-header { margin-bottom: 30px; }
 .section-title { font-size: 28px; line-height: 1.4; }
 .section-desc { font-size: 14px; line-height: 1.6; } 
 .choice-card { padding: 20px; margin-bottom: 20px; }
 .choice-card h3 { font-size: 18px; text-align: center; } 
 .choice-card ul li { font-size: 14px; } 
 .why-icon { width: 60px; height: 60px; }

 .why-icon img { width: 32px; height: 32px; }

 .client-section { padding-top: 20px; }

 .client-section h2 { font-size: 28px; line-height: 1.3; }

 .client-section p { font-size: 14px; line-height: 1.6; }

 .hero-badge { margin-bottom: 15px; text-align: center; }
 .ourclient-slider .item { padding: 10px 5px; }

 .client-item img { max-width: 90px; } 
 .client-item span { font-size: 13px; }
 .hero-stat-val { font-family: var(--font-head); font-size: 16px !important; font-weight: 400; color: var(--tl-white); display: block; line-height: 1; }

 .sup-hero-stats .hero-stat-label { margin-top: 8px; font-size: 12px !important; font-weight: 400; color: rgba(255, 255, 255, .95); font-family: 'Plus Jakarta Sans', sans-serif; }

 #how {padding: 50px 0;}

 .commit-grid { display: flex; flex-direction: column; gap: 30px; } 
 .sec-head { text-align: center; margin-bottom: 30px; } 
 .hero-badge.supt-herobadge { display: inline-flex; margin-bottom: 15px; }
 .sec-head h2 { font-size: 30px; line-height: 1.3; margin-bottom: 15px; }

 .sec-head p { font-size: 15px; line-height: 1.7; }
 .commit-list .cn { display: flex; align-items: flex-start; margin-bottom: 25px; }

 .commit-list .num { width: 42px; height: 42px; font-size: 18px; margin-right: 15px; flex-shrink: 0; }
 .commit-list .content h4 { font-size: 18px; margin-bottom: 8px; }

 .commit-list .content p { font-size: 14px; line-height: 1.6; } 
 #how img { width: 100%; height: auto; margin-top: 20px; display: block; }

 .s-herosection .rheading { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 25px; font-weight: 700; line-height: 35px; color: #fff; margin: 0; }
 .s-herosection .rallcontent { padding: 0; } 
 .rallcontent { width: 100%; max-width: 100%; padding: 0 15px; text-align: center; }
 .rheading { font-size: 36px; line-height: 1.2; }
 .rallcontent p { max-width: 100%; width: 100%; font-size: 16px; line-height: 1.7; white-space: normal; word-break: normal; }
 .rallcontent p br { display: none; }
 .leadership-hero-btns { display: flex; flex-direction: column; gap: 12px; }
 .leadership-hero-btn { width: 100%; }
.hero-badge { margin: 0 auto 15px auto; display: inline-flex; } 
.hero-stats.sup-hero-stats { flex-direction: column; align-items: center; width: 100%; gap: 25px; }
.hero-stat-item { width: 100%; flex-direction: column; text-align: center; }
.hero-stat-text { display: flex; flex-direction: column; align-items: center; }
.support-awards h2 { font-size: 12px !important; } 
.s-herosection { padding: 50px; }

 .cn h4 { font-size: 15px; } 
 .commit { padding: 30px 0 30px; } 
 .faq-section { padding: 40px 0 40px; }
.sec-head h2 { font-size: 25px; }
.sec-head { margin-bottom: 30px; } 
.table-responsive { margin-top: 30px; border-radius: 12px; }

 .support-table thead th,.support-table tbody td { padding: 14px; font-size: 14px; }

 .priority, .response-badge { font-size: 12px; padding: 5px 10px; }

 s-awards .awards { padding: 50px 0; } s-awards .awards-strip { gap: 10px; }
s-awards .award { width: 100%; justify-content: center; font-size: 14px; padding: 14px 18px; }
 .acc .panel-title a { font-size: 16px; padding: 18px; }
.body { padding: 0 18px 18px; }
.plus { width: 26px; height: 26px; font-size: 18px; }

 .hero-stats { display: block; padding: 20px; border-radius: 20px; }
 .hero-stat-item { padding: 18px 0; }
 .hero-stat-item:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,.15); }
 .hero-stat-item:after { display: none; }

 .hero-stat-val { justify-content: center; font-size: 30px; }
 .hero-stat-label { font-size: 15px; } 
 .s-herosection { padding: 60px 0; }
 .s-herosection__title { font-size: 38px; }
 .s-herosection__description { font-size: 16px; }
 .s-herosection__actions { flex-direction: column; gap: 12px; }
 .s-herosection__btn { width: 100%; } 
 .s-herosection__stats { flex-direction: column; gap: 16px; padding-top: 24px; }

 .col-12 {width: 100% !important;}

 .form-group { width: 100%; }
 .module-grid .row { margin-left: -5px; margin-right: -5px; }

 .module-grid .col-xs-3 { width: 50%; float: left; padding: 5px; }

 .d-module-card { min-height: 110px; padding: 12px 8px; border-radius: 10px; }

 .d-module-card a { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }

 .d-module-icon img { width: 38px; height: 38px; object-fit: contain; }

 .d-module-card span { display: block; margin-top: 8px; font-size: 13px; line-height: 18px; font-weight: 500; }

 .why-content p { font-size: 14px; gap: 10px; }
 .why-content h4 { font-size: 17px; } 
 .modernlogo p { font-size: 14px; }
 .industries-section p {
 font-size: 14px;
 }

 .d-herosection p {
 font-size: 14px !important;
 }

 .module-grid .row {
 margin-left: -8px;
 margin-right: -8px;
 }

 .module-grid .col-xs-4 {
 width: 50%;
 float: left;
 padding-left: 8px;
 padding-right: 8px;
 margin-bottom: 16px;
 }

 .d-module-card {
 min-height: 115px;
 padding: 15px 10px;
 border-radius: 10px;
 }

 .d-module-card a {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
 height: 100%;
 }

 .d-module-icon img {
 width: 38px;
 height: 38px;
 }

 .d-module-card span {
 display: block;
 margin-top: 10px;
 font-size: 14px;
 line-height: 20px;
 word-break: break-word;
 }

 .d-herotag {
 display: inline-flex;
 align-items: flex-start !important;
 justify-content: center;
 gap: 6px;
 padding: 8px 14px;
 border-radius: 30px;
 font-size: 13px !important;
 line-height: 20px;
 font-weight: 500;
 margin-bottom: 16px;
 max-width: 320px;
 width: 100%;
 }

 .d-herotag .dot {
 width: 8px;
 height: 8px;
 min-width: 8px;
 border-radius: 50%;
 margin: 0;
 flex-shrink: 0;
 margin-top: 5px;
 }

 .d-module-card {
 padding: 12px;
 }

 .d-module-card a {
 gap: 10px;
 }

 .d-module-icon {
 width: 36px;
 height: 36px;
 }

 .d-module-icon img {
 max-width: 28px;
 }

 .d-module-card span {
 font-size: 11px;
 line-height: 20px;
 }

 .module-icon img {
 width: 32px !important;
 height: 32px !important;
 }

 .module-card span,
 .d-module-card span {
 font-size: 14px;
 line-height: 14px;
 }

 .keywords-section,
 .why-choose-section,
 .d-attendencede {
 padding: 50px 0;
 }

 .d-herosection {
 height: auto;
 padding: 30px 0 60px;
 text-align: center;
 background-position: center;
 background-size: cover;
 }

 .hero-badge {
 padding: 10px 18px;
 font-size: 11px;
 letter-spacing: 1px;
 margin-bottom: 20px;
 line-height: 18px;
 }

 .d-hero-title {
 font-size: 18px;
 line-height: 30px;
 margin-bottom: 25px;
 }

 .hero-feature-list {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 16px;
 text-align: left;
 }

 .hero-feature {
 justify-content: center;
 font-size: 1px;
 }

 .w-section-title {
 font-size: 24px;
 line-height: 36px;
 }

 .w-section-subtitle {
 margin-bottom: 35px;
 font-size: 14px;
 line-height: 24px;
 padding: 0 15px;
 }

 .why-card {
 flex-direction: column;
 text-align: center;
 padding: 22px;
 min-height: auto;
 gap: 15px;
 }

 .why-icon {
 margin: 0 auto;
 }

 .why-content h4,
 .why-content p {
 text-align: center;
 }

 .d-attendencede h1,
 .d-attendencede h2 {
 font-size: 24px;
 line-height: 36px;
 }

 .d-attendencede .lead-text {
 font-size: 15px;
 text-align: left;
 }

 .feature-row {
 display: block;
 }

 .feature-num,
 .feature-text {
 display: block;
 width: 100%;
 }

 .feature-text {
 padding-left: 0;
 margin-top: 10px;
 }

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

 .btn-demo-d,
 .btn-explore {
 width: 100%;
 margin: 0 0 12px;
 }

 .hero-panel {
 margin-top: 40px;
 padding: 20px;
 }

 .module-badge {
 float: none;
 display: inline-block;
 margin: -6px 0;
 }

 .panel-title {
 font-size: 18px;
 }

 .d-module-card {
 min-height: auto;
 }

 .live-bar {
 padding: 20px;
 }

 .live-bar .sync {
 float: none;
 display: block;
 margin-top: 8px;
 }

 .live-bar .stats .col-xs-4 {
 margin-bottom: 20px;
 text-align: center;
 }

 .stats-strip {
 margin-top: 40px;
 padding: 20px 15px;
 }

 .stats-strip .col-xs-3 {
 width: 50%;
 float: left;
 margin-bottom: 20px;
 }

 .stats-strip .stat {
 border-right: none;
 }

 .stats-strip .stat-value {
 font-size: 22px;
 }

 .module-icon img {
 width: 36px !important;
 height: 36px !important;
 }

 .hero-feature-list {
 gap: 12px 20px;
 }

 .hero-feature {
 font-size: 15px;
 line-height: 22px;
 }

 .hero-feature img {
 width: 15px;
 height: 17px;
 }

 .location {
 display: flex;
 height: 53px;
 width: 57px !important;
 border-radius: 50%;
 background: #e9f4ff;
 justify-content: center;
 margin-right: 20px;
 align-items: center;
 }

 .form-header {
 text-align: center;
 margin-bottom: 20px;
 padding: 0 10px;
 }

 .form-header h3 {
 font-size: 23px !important;
 font-weight: 600;
 margin-bottom: 12px;
 }

 .form-header p {
 font-size: 15px;
 line-height: 24px;
 margin: 0;
 }

 .presence-section {
 padding: 40px 0;
 }

 .innerstack {
 padding: 25px 15px;
 border-radius: 18px;
 }

 .presence-main-title {
 font-size: 24px;
 line-height: 34px;
 }

 .presence-text-wrap {
 margin-bottom: 25px;
 }

 .presence-text-wrap p {
 font-size: 15px;
 line-height: 24px;
 }

 .guideoutone,
 .guide-outer {
 padding: 15px;
 }

 .guide-left {
 padding: 0 0 25px;
 margin-bottom: 25px;
 }

 .contact-heading {
 font-size: 22px;
 line-height: 38px;
 text-align: center;
 }

 .contact-subtitle,
 .contact-form-header,
 .guidepara,
 .contact-description {
 text-align: center;
 }

 .guidepara {
 max-width: 100%;
 margin: 0 auto 25px;
 }

 .contact-info-box {
 padding: 16px;
 flex-direction: column;
 }

 .contact-icon {
 margin-bottom: 15px;
 }

 .contact-icon span {
 margin: 0 auto;
 }
 /* .contact-icon svg {margin-top: 17px;}*/
 .contact-info-content {
 display: block;
 text-align: center;
 }

 .values-eyebrow {
 font-size: 15px;
 letter-spacing: 2px;
 }

 .contact-text {
 font-size: 15px;
 line-height: 24px;
 text-align: center
 }

 .gradient-heading.values-eyebrow {
 text-align: center !important;
 }

 .form-column {
 margin-bottom: 15px;
 }

 .presence-city-row > div {
 width: 100%;
 }

 .presence-city-card {
 max-width: 180px;
 margin: 0 auto 20px;
 }

 .presence-city-card img {
 width: 100%;
 height: 160px;
 object-fit: cover;
 }

 .tcenter {
 text-align: center;
 }

 .presence-city-name {
 font-size: 15px;
 }

 .map-section {
 padding: 40px 0;
 }

 .map-wrapper iframe {
 height: 300px;
 }

 .btn,
 .light-blue-btn {
 width: 100%;
 }

 .rresourcesection,
 .rvideosection {
 padding: 30px 0;
 }

 .rguidencevideossection {
 padding: 0 0 50px;
 }

 .resource-card-title {
 font-size: 18px;
 line-height: 26px;
 }

 .resource-card-desc {
 font-size: 14px;
 line-height: 22px;
 }

 .resource-card-content {
 padding: 15px;
 }

 .resource-badge {
 font-size: 10px;
 padding: 5px 10px;
 }

 .resource-card-link {
 width: 100%;
 justify-content: center;
 }

 .resource-tabs-nav li a {
 padding: 15px 18px;
 font-size: 14px;
 }

 .featured-resource-content {
 padding: 18px;
 }

 .featured-resource-content h3 {
 font-size: 18px;
 line-height: 26px;
 }

 .featured-resource-content p,
 .mini-resource-content h4,
 .rvideosection p,
 .headingpara {
 font-size: 14px;
 line-height: 22px;
 }

 .mini-resource-content {
 padding: 16px;
 }

 .play-btn,
 .whiteplaybtn {
 width: 40px;
 height: 40px;
 font-size: 18px;
 }

 .hero-badge {
 font-size: 9px;
 padding: 6px 12px;
 }

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

 .rsimiplifysection {
 padding: 30px 0;
 }

 .section-title {
 font-size: 28px;
 line-height: 38px;
 }

 .section-desc {
 font-size: 15px;
 line-height: 24px;
 }

 .cards-row {
 margin-top: 30px;
 }

 .tax-card {
 padding: 25px 18px;
 }

 .card-icon {
 max-width: 55px;
 min-width: 55px;
 }

 .tax-card h3 {
 font-size: 18px;
 line-height: 26px;
 }

 .tax-card p {
 font-size: 14px;
 line-height: 22px;
 }

 .read-more {
 font-size: 14px;
 }

 .rallcontent {
 padding: 50px 15px 70px;
 gap: 18px;
 }

 .rherobadge {
 padding: 8px 18px;
 gap: 8px;
 font-size: 14px;
 text-align: center;
 }

 .rherobadge img {
 width: 18px;
 height: 18px;
 }

 .rheading {
 font-size: 30px;
 line-height: 42px;
 }

 .rherosection p {
 font-size: 16px;
 line-height: 26px;
 }

 .leadership-hero-btn {
 width: 100%;
 max-width: 260px;
 padding: 12px 20px;
 font-size: 15px;
 }

 .rguidencevideossection {
 padding: 30px 15px;
 }

 .gpages p {
 padding: 0 30px !important;
 }

 .gpages h2 {
 padding: 0 30px !important;
 }

 .gpages ul {
 padding: 0 50px !important;
 }

 .Howwework-sec {
 padding: 30px 0 !important;
 }

 .connect-cta h2 {
 font-size: 24px;
 font-weight: 600;
 color: #0F1141;
 margin: 20px 0px;
 max-width: 560px;
 margin-left: auto;
 margin-right: auto;
 line-height: 44px;
 }

 .Principles-sec {
 background-color: #F8F9FA;
 padding: 30px !important;
 }

 .pricing-sec.industries-sec {
 padding: 30px !important;
 background: #fff;
 }

 .Howwework-sec .tech-wrapper {
 padding: 30px 20px;
 border-radius: 20px;
 }

 .Howwework-sec .tech-content {
 padding: 0 0 30px;
 }

 .Howwework-sec .tech-content h2 {
 font-size: 24px;
 line-height: 34px;
 text-align: center;
 }

 .Howwework-sec .tech-grid {
 grid-template-columns: repeat(2, 1fr);
 gap: 12px;
 }

 .Howwework-sec .tech-card {
 padding: 18px 10px;
 border-radius: 16px;
 }

 .Howwework-sec .tech-card img {
 max-width: 30px;
 height: auto;
 }

 .Howwework-sec .tech-wrapper:before {
 width: 220px;
 height: 70px;
 left: -10px;
 }

 .current-openings-section {
 padding: 30px 0 50px;
 }

 .current-openings-header {
 margin-bottom: 35px;
 padding: 0 15px;
 }

 .current-openings-heading {
 font-size: 24px;
 line-height: 34px;
 letter-spacing: -0.5px;
 margin-bottom: 20px;
 }

 .current-openings-description {
 font-size: 14px;
 line-height: 24px;
 }

 .JobList .ATS-Container,
 .atsJobLoader {
 grid-template-columns: 1fr;
 gap: 20px;
 }

 .JobList .ATS-JobPostContainer,
 .ATS-JobPostContainer {
 padding: 20px;
 min-height: auto;
 }

 .ATS-JobPostTitle-Bar h1 {
 font-size: 20px !important;
 line-height: 28px !important;
 
 }

 .ATS-JobPostTitle-Bar h1:after {
 width: 55px;
 height: 55px;
 background-size: 26px;
 }

 .ATSDescription span,
 .ATS-JobDescriptionContainer p,
 .ATS-JobDescriptionContainer p span,
 .ATS-JobPostContainer .ATS-JobCode,
 .ATS-JobPostContainer ul li span {
 font-size: 14px !important;
 line-height: 24px !important;
 }

 .ATS-JobPostContainer h1,
 .ATS-JobPostContainer .ATS-JobDescription,
 .ATS-JobPostContainer .ATS-JobSkills,
 .ATS-JobPostContainer .ATS-JobResponsibilities {
 font-size: 18px !important;
 line-height: 28px !important;
 }

 .ATS-JobApplyBtn,
 .joblistendetails,
 .jobdetails,
 .arrowjobdetails {
 font-size: 14px !important;
 }

 .ATS-JobPostContainer ul {
 padding-left: 20px;
 }

 .opening-icon-wrap {
 width: 55px;
 height: 55px;
 margin-bottom: 18px;
 }

 .opening-icon {
 width: 28px;
 height: 28px;
 }

 .Principles-sec {
 padding: 30px !important;
 }

 .Principles-sec,
 .pricing-sec.industries-sec,
 .Howwework-sec {
 padding: 30px 0;
 }

 .career-wrapper {
 flex-direction: column;
 gap: 30px;
 text-align: center;
 }

 .career-content h2 {
 font-size: 24px !important;
 line-height: 34px !important;
 margin-bottom: 15px;
 }

 .career-content p {
 font-size: 15px;
 line-height: 24px;
 }

 .mission-visual-career {
 max-width: 100%;
 }

 .career-image img {
 margin: 0 auto;
 max-width: 100%;
 }

 .pricing-sec .text-center {
 margin-bottom: 35px;
 }

 .pricing-sec h2 {
 font-size: 22px;
 line-height: 34px;
 }

 .pricing-sec .text-center p {
 font-size: 14px;
 line-height: 24px;
 }

 .perk-card {
 min-height: auto;
 padding: 20px;
 margin-bottom: 20px;
 }

 .perk-card img {
 max-width: 30px
 }

 .perk-card h4 {
 font-size: 18px;
 line-height: 26px;
 letter-spacing: 0;
 }

 .perk-card p {
 font-size: 14px;
 line-height: 24px;
 }

 .Howwework-sec .tech-wrapper {
 padding: 30px 20px;
 border-radius: 20px;
 }

 .Howwework-sec .tech-content {
 padding: 0 0 30px;
 }

 .Howwework-sec .tech-content h2 {
 font-size: 22px;
 line-height: 34px;
 text-align: center;
 }

 .Howwework-sec .tech-grid {
 grid-template-columns: repeat(2, 1fr);
 gap: 12px;
 }

 .Howwework-sec .tech-card {
 padding: 18px;
 border-radius: 14px;
 }

 .Howwework-sec .tech-card img {
 max-width: 50px;
 }

 .Howwework-sec .tech-wrapper:before {
 width: 180px;
 height: 60px;
 left: -10px;
 }

 .connecthero_row {
 flex-direction: column;
 }

 .connectmainrow .col-md-7 {
 order: 2
 }

 .connectsection .brand-section {
 position: relative;
 bottom: -6px;
 }

 .connectcall {
 display: flex;
 column-gap: 13px;
 display: none;
 }

 .connectsection {
 padding-top: 0;
 padding-bottom: 0px;
 }

 .officelocation ul {
 flex-wrap: wrap;
 }

 .connect-cta h2 {
 line-height: 27px;
 font-size: 16px;
 }

 .modernhrmain::before, .modernhrmain::after {
 display: none;
 }

 .connectcall span {
 font-size: 14px;
 }

 .connectcall span a {
 padding: 6px 14px;
 }

 section.about-customers.grey-bg-customers .section-header {
 margin-bottom: 0;
 }

 section.about-customers.grey-bg-customers .owl-dots {
 display: none;
 }

 .industries-inner {
 padding: 8px 8px;
 }

 .industries-inner {
 min-width: 130px;
 max-width: 130px;
 }

 .clintslogo {
 position: inherit;
 bottom: 0;
 width: 100%;
 background: #fff;
 }

 .headerconnect {
 flex-direction: column;
 }

 .hero-title2 {
 display: block !important;
 line-height: 30px !important;
 }

 .hero-title2 span.yellow-text {
 display: block;
 }

/* .connectratting {
 margin-top: 40px;
 margin-bottom: 50px;
 }*/

 .rattinginner {
 padding: 15px 10px;
 width: 33.333%;
 }

 .rattinginner h3 {
 margin-bottom: 6px;
 font-size: 16px;
 }

 .rattinginner span {
 font-size: 12px;
 }

 .rattinginnercenter::before, .rattinginnercenter::after {
 display: none;
 }

 .connectheader {
 margin-bottom: 0;
 background: #0f1537;
 border: none;
 }

 .mobilelogo {
 display: block
 }

 .desktoplogo {
 display: none
 }

 ul.mobile-list-line li {
 font-size: 14px;
 }

 .connectmainrow .landing-form-container {
 padding: 20px;
 overflow-y: auto;
 overflow-x: hidden;
 scrollbar-width: thin;
 }

 .unified-mid-row .card-box {
 margin-top: 0px;
 }

 .unified-hr .row-gap {
 padding-bottom: 0;
 }

 .people-suite .section-main-title {
 text-align: center;
 }

 .trustedclients .client-details {
 flex-direction: column;
 row-gap: 15px;
 }

 .unified-hr .light-white-text.section-light-title {
 font-size: 15px;
 }

 .unified-hr .light-white-text.section-light-title {
 margin-top: 2px;
 }

 .ConnectWithUs.mobconnect {
 display: flex;
 }

 .webconnect {
 display: none;
 }
 }

 @media screen and (max-height: 700px) {
 .hero-section .facekioskcontainer .hero-content .hero-title {
 font: normal 600 33px / 36px 'Plus Jakarta Sans', sans-serif !important;
 }
 }

 @media (min-width: 0px) and (max-width: 600px) {
 .hr-manegment-suite-section .modules-badge{display: none}
 .connectmainrow .landing-form-container .col-xs-6 {
 width: 100%;
 }

 .connectsection .hero-content p {
 display: none
 }

 .connectmainrow .landing-form-container {
 height: 80dvh;
 }
 }

 @media only screen and (max-width: 575px) {
 .recognise-section {
padding: 35px 15px;
 }

 .recognise-content h2 {
 font-size: 25px;
 }

 .recognise-awards img {
 width: 100%;
 }

 .hr-manegment-suite-section .last-row {
 display: grid !important;
 gap: 24px;
 margin-top: 24px;
 justify-content: center;
 }
 .hr-manegment-suite-section .grid {
 display: grid;
 grid-template-columns: repeat(1, 1fr) !important;
 gap: 24px;
 margin-top: 30px;
 }
 .hr-manegment-suite-section .modules-badge {
 display: none;
 }
 .hr-manegment-suite-section h2 {
 font-size: 31px !important;
 font-weight: 700;
 line-height: 30px !important;
 letter-spacing: -2%;
 color: #343A40;
 font-family: 'Plus Jakarta Sans', sans-serif;
 }
 
 .hr-manegment-suite-section .card {
 width: 100%;
/* height: 211px !important;*/
 border: 1px solid #E1E6F4;
 border-radius: 24px;
 padding: 30px;
 display: flex;
 gap: 15px;
 background: #fff;
 cursor: pointer;
 transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
 position: relative;
 }
 
 .benefits-list {
 align-items: center;
 gap: 22px;
 margin-bottom: 24px;
 display: grid !important;
 flex-wrap:wrap;
 }
 .section-title {
 font-size: 24px;
 }

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

 .choice-card ul {
 text-align: left;
 padding-left: 20px;
 }

 .why-icon {
 margin: 0 auto;
 }

 #QuickDemo1 .modal-dialog, #QuickDemo2 .modal-dialog {
 margin: 0px !important
 }
 }

 @media only screen and (max-width: 350px) {

 .details-right {
 min-width: 275px !important
 }

 .lastupdate {
 justify-content: flex-end !important;
 flex-wrap: wrap
 }

 .details-right {
 top: 17.7rem !important;
 }

 .g-recaptcha {
 overflow: hidden;
 }

 form.contact-form .country-mobile-code select {
 font-size: 10px !important;
 padding-left: 2px !important;
 }

 form.contact-form .country-mobile-code input {
 font-size: 12px;
 }

 .brand-logo-2, .headerconnect img.img-fluid {
 max-width: 120px !important
 }
 }

 @media (min-width: 0px) and (max-width: 480px) {

 .client-section h2 {
 font-size: 24px;
 }

 .client-item img {
 max-width: 75px;
 }

 .client-item span {
 font-size: 12px;
 }

 .d-module-card {
 padding: 10px;
 }

 .d-module-icon {
 width: 32px;
 height: 32px;
 }

 .d-module-icon img {
 max-width: 35px;
 margin-top: 15px;
 }

 .d-module-card span {
 font-size: 10px;
 text-align: center;
 margin-top: 0;
 }

 .d-module-card {
 min-height: auto;
 padding: 18px 15px;
 }

 .d-module-icon img {
 width: 42px;
 height: 42px;
 }
 }
}






/* --------- button css ----- */

.btn_2 {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 0;
 padding: 13px 28px;
 border-radius: 50px;
 border: none;
 cursor: pointer;
 font-size: 18px;
 font-weight: 500;
 text-decoration: none;
 overflow: hidden;
 transition: all .35s ease;
 box-shadow: none !important;
 white-space:nowrap;
}



/* ==========================
 Primary Button
 ========================== */

.btn-primary.style_2 {
 background: #1E40AF;
 color: #fff;
}


.btn-primary:hover.style_2 {
 background: #fff;
 color: #1E40AF;
 box-shadow: 0 12px 30px rgba(30, 64, 175, .28);
}

/* ==========================
 Secondary Button
 ========================== */

.btn-secondary {
 background: #111;
 color: #fff;
}

 .btn-secondary:hover {
 background: #fff;
 color: #111;
 box-shadow: 0 12px 30px rgba(0, 0, 0, .20);
 }

/* ==========================
 Light Button
 ========================== */

.btn-light {
 background: #fff;
 color: #1E40AF;
 border: 1px solid #1E40AF;
 
}

 .btn-light:hover {
 background: #1E40AF;
 color: #fff;
 box-shadow: 0 12px 30px rgba(30, 64, 175, .28);
 }
.btn-light svg{fill:#1e40af}
.btn-light:hover svg {
 stroke: #fce57e;
 fill: white;
 }
html {
 overflow-x: hidden;
}





/*------------------------ trusted section c ss --------------------------------*/

.u-setu-trust-client {
 background: #FBF8F3;
 background: url("../../images/setutrustedbg.png") center center / cover no-repeat !important;
}


.u-setu-trust-client .trust-container {
 max-width: 1440px;
 width: 100%;
 margin: 0 auto;
 padding: 0 20px;
}


.u-setu-trust-client .trust-heading {
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-weight: 700;
 font-size: 38px;
 line-height: normal;
 letter-spacing: -2%;
 text-align: center;
 color: #343A40;
 margin-bottom: 12px;
}


 .u-setu-trust-client .trust-heading span {
 color: #1E40AF;
 }

 .u-setu-trust-client .trust-heading .highlight {
 color: #1E40AF;
 }


.u-setu-trust-client .trust-sub {
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-weight: 500;
 font-size: 16px;
 line-height: 24px;
 text-align: center;
 color: #656971;
 max-width: 950px;
 margin: 0 auto 45px;
}

/* Testimonial card - a speech bubble with a tail pointing at the
 active logo below it */


.u-setu-trust-client .trust-card-wrap {
 max-width: 1440px;
 margin: 0 auto;
 position: relative;
}


.u-setu-trust-client .trust-card {
 width: 100%;
 background: #fff;
 border: 1px solid #ECECEC;
 border-radius: 24px;
 padding: 20px 30px;
 display: flex;
 align-items: center;
 min-height: 250px;
}


.u-setu-trust-client .trust-card-tail {
 position: absolute;
 bottom: -14px;
 width: 0;
 height: 0;
 border-left: 14px solid transparent;
 border-right: 14px solid transparent;
 border-top: 16px solid #ffffff;
 transition: left .4s ease;
 filter: drop-shadow(0 6px 4px rgba(20,20,50,0.05));
}


.u-setu-trust-client .trust-readmore {
 color: #2f4bff;
 font-weight: 600;
 cursor: pointer;
 white-space: nowrap;
}


 .u-setu-trust-client .trust-readmore:hover {
 text-decoration: underline;
 }




.u-setu-trust-client .trust-logo-col {
 width: 220px;
 min-width: 220px;
 display: flex;
 justify-content: center;
 align-items: center;
 border-right: 1px solid #E8E8E8;
 padding-right: 35px;
}


 .u-setu-trust-client .trust-logo-col img {
 max-width: 181px;
 max-height: 75px;
 object-fit: contain;
 }



.u-setu-trust-client .trust-text-col {
 flex: 1;
 padding-left: 40px;
}


.u-setu-trust-client .trust-quote {
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: 16px;
 font-weight: 400;
 line-height: 34px;
 color: #2C2C2C;
 margin-bottom: 30px;
 letter-spacing: 0%;
}


.u-setu-trust-client .trust-author {
 font-size: 18px;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-weight: 600;
 color: #2C2C2C;
 margin-bottom: 10px;
 line-height: 32px;
}


.u-setu-trust-client .trust-role {
 font-size: 18px;
 font-weight: 600;
 color: #F7941D;
}


.u-setu-trust-client .trust-role .name {
 color: #9a5300;
 font-weight: 500;
 font-size: 20px;
 line-height: 24px;
 letter-spacing: 0%;
 font-family: 'Plus Jakarta Sans',sans-serif;
 }


 .u-setu-trust-client .trust-role .title {
 color: #875000;
 font-weight: 600;
 }


 .u-setu-trust-client .trust-role .sep {
 color: #c7c7c7;
 margin: 0 6px;
 }




.u-setu-trust-client .trust-cta {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 15px;
 margin: 35px 0;
 color: #343A40;
 font-size: 18px;
 font-weight: 400;
 line-height: 100%;
}


 .u-setu-trust-client .trust-cta::before,
 .u-setu-trust-client .trust-cta::after {
 content: "";
 width: 90px;
 height: 1px;
 background: #343A40;
 }



.u-setu-trust-client .trust-logo-strip {
 overflow: hidden;
 position: relative;
 width: 100%;
}


.u-setu-trust-client .logos-row {
 width: 100%;
}


.u-setu-trust-client .owl-stage {
 display: flex;
 align-items: center;
}


.u-setu-trust-client .owl-item {
 display: flex;
 justify-content: center;
}

.u-setu-trust-client .owl-carousel .owl-item {
 display: flex;
 justify-content: center;
}


.u-setu-trust-client .logo-item-cell {
 display: table-cell;
 padding: 0 8px;
}



.u-setu-trust-client .logo-item {
 width: 200px !important;
 height: 60px;
 padding: 10px 15px;
 background: #fff;
 border: 2px solid #eee;
 border-radius: 14px;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: .3s;
}



 .u-setu-trust-client .logo-item img {
 max-width: 100%;
 max-height: 38px;
 object-fit: contain;
 }



 .u-setu-trust-client .logo-item.active {
 border-color: #ff8c42;
 }




 /*------------------- idutires----------------------------------*/
.w-800 {
 width: 100%;
 max-width: 1400px; /* optional */
}
.new-industries {
 background: url("../../images/industriesandprobg.jpg") center center/cover no-repeat;
 border-radius: 20px;
 padding: 16px;
 color: #fff;
 overflow: hidden;
}

 .new-industries .menu-section h2 {
 background: #030377D4;
 border-radius: 12px;
 padding: 16px 18px;
 /* margin: 0 0 18px;*/
 color: #FFFFFF;
 font-size: 18px;
 font-weight: 600;
 display: flex;
 align-items: center;
 line-height: 100%;
 gap: 10px;
 letter-spacing: 0%;
 }

 .new-industries .menu-section h2 i {
 font-size: 20px;
 }

 .new-industries .divider {
 height: 1px;
 background: rgba(255,255,255,.25);
 margin: 18px 0;
 }

 .new-industries .menu-item {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 14px 16px;
 margin-bottom: 6px;
 color: #fff;
 text-decoration: none;
 border-radius: 10px;
 transition: .3s;
 font-size: 17px;
 font-weight: 500;
 }

 .new-industries .menu-item span {
 font-size: 24px;
 line-height: 1;
 transition: .3s;
 }

 .new-industries .menu-item:hover,
 .new-industries .menu-item.active {
 background: rgba(88,95,255,.28);
 }

 .new-industries .menu-item:hover span,
 .new-industries .menu-item.active span {
 transform: translateX(5px);
 }

 
 /*--------------- annoucement bar css --------------------------*/


/*.badge-new {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border: 1px solid #ffffff;

 border-radius: 20px;
 color: #ffffff;
 font-size: 12px;
 font-weight: 600;
 padding: 2px 12px;
 background: transparent;
 white-space: nowrap;
 letter-spacing: 0.3px;
}*/



/*----------------- connect with us new css with new design ----------------------------*/
.u-customcontainer {
 max-width: 1440px !important;
 margin: 0 auto;
 
}

 

.u-indiashandp h1 {
 font-size: 60px;
 font-weight: 800;
 color:#fff;
 margin-top:20px;
}


.u-new-connectwithus .u-indiashandp h1 span {
 color: #60A5FA;
}


 .u-new-connectwithus .u-indiashandp h2 {
 color: #fff;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 500;
 font-size: 22px;
 line-height: 32px;
 letter-spacing: 0%;
 
 }
.connect-client-logo .brand-section {
 position: inherit;
 background: transparent;
 height:auto !important;
}
.connect-client-logo {
 text-align: center;
 margin-top: 0px;
}
section.connect-client-main {
 padding: 30px 0px;
}
.uu-count-stus {
 margin: 0 auto;
 display: flex;
 align-items: stretch;
 background: #001655;
 border-radius: 16px;
 padding: 20px 0px;
 margin-top: 10px;
}

 .uu-count-stus .uu-inner {
 flex: 1;
 position: relative;
 padding: 0 34px;
 text-align: left;
 }

 .uu-count-stus .uu-inner + .uu-inner::before {
 content: "";
 position: absolute;
 left: 0;
 top: 4px;
 bottom: 4px;
 width: 1px;
 background: rgba(255,255,255,0.18);
 }

 .uu-count-stus .uu-inner h3 {
 margin: 0 0 10px 0;
 font-size: 33px;
 font-weight: 800;
 color: #FFFFFF;
 line-height: 43px;
 font-family: "Playfair Display", serif;
 }

 .uu-count-stus .uu-inner span {
 display: block;
 color: #FFFFFF;
 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0%;
 font-weight: 400;
 max-width: 220px;
 }


.u-new-connectwithus .landing-form-container,
.u-new-connectwithus .opt-form-container {
 background: #FFFFFF;
 width: 100%;
 padding: 24px;
 border: 1px solid #F4EAFC;
 border-radius: 15px;
 box-shadow: 0px 0px 44px 0px #0000001A;
}
 .u-new-connectwithus .landing-form-container .form-control,
 .u-new-connectwithus .opt-form-container .form-control {
 height: 60px;
 color: #8d98a6 !important; 
 }

 .u-new-connectwithus .landing-form-container .form-control:focus,
 .u-new-connectwithus .opt-form-container .form-control:focus {
 border-color: #4F80FF;
 box-shadow: none;
 }
.u-brand-section-new h5 {
 font-size: 20px;
 font-weight: 500;
 line-height: 24px;
 letter-spacing: 0%;
 text-align: center;
 font-family: 'Plus Jakarta Sans', sans-serif;
 margin-bottom: 20px;
}

.brand-section {
 height: 136px !important;
}

.u-section-main-title {
 font-size: 50px !important;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 700;
 letter-spacing: -1px;
 color: #343A40;
}

 .u-section-main-title span {
 color: #1E40AF;
 }

.nu-cards {
 display: flex;
 flex-wrap: nowrap;

 align-items: stretch;
 gap: 0;
 width: 100%;
}

.nu-card {
 flex: 1 1 33.333%;
 max-width: 33.333%;
 margin: 0;
 display: flex;
 flex-direction: column;
}

 .nu-card .card-top {
 min-height: 115px;
 
 }

 .nu-card .card-body {
 flex: 1;
 display: flex;
 }

 .nu-card .bottom-content {
 display: flex;
 align-items: center;
 
 gap: 25px;
 width: 100%;
 height: 100%;
 }

 .nu-card .bottom-content p {
 flex: 1;
 margin: 0;
 }

 .nu-card .percentage {
 flex-shrink: 0;
 font-size: 64px;
 font-weight: 700;
 line-height: 1;
 }

.u-card-body {
 padding: 13px 29px !important;
 background: rgba(0, 0, 0, 0.05);
 min-height: 155px !important;
}
.people-suite .card-body {
 padding: 12px 30px !important;
 background: rgba(0, 0, 0, 0.05);
 min-height: 155px !important;
}

.u-new-ppl-title {
 padding: 100px 0 100px;
}

/* Section Base & Dark Tech Background */
.setu-ai-connect-with-us {
 background: url("../../images/optimized/meetsectionbg.webp") #000 0px 0px / 100% 100% no-repeat;
 font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
 color: #ffffff;
 position: relative;
}
 .setu-ai-connect-with-us .company-btns {
 justify-content: flex-start;
 }
 .portfoliosection{background:#F7F7F7}

 .setu-ai-connect-with-us .setu-hero-wrapper {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 40px;
 }

 .setu-ai-connect-with-us .setu-hero-content {
 flex: 1;
 max-width: 753px;
 }

 .setu-ai-connect-with-us .setu-hero-graphic {
 flex: 0 0 450px;
 display: flex;
 justify-content: center;
 align-items: center;
 }

 .setu-ai-connect-with-us .setu-mascot-img {
 width: 100%;
 max-width: 404px;
 height: auto;
 object-fit: contain;
 margin-top: -89px;
 }
.horiz-gallery-strip{display:flex; column-gap:15px;}
/* Badge Style */
.setu-ai-connect-with-us .setu-badge {
 position: relative;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 7px;
 max-width: 537px;
 width: 100%;
 min-height: 44px;
 padding: 10px 16px;
 background: #FFFFFF;
 border-radius: 100px;
 font-family: "Inter", sans-serif;
 font-weight: 500;
 font-size: 16px;
 line-height: 24px;
 color: #000000;
 margin-bottom: 24px;
 z-index: 1;
}

 .setu-ai-connect-with-us .setu-badge::before {
 content: "";
 position: absolute;
 inset: 0;
 padding: 1px;
 border-radius: 100px;
 background: linear-gradient(90deg, #FF6BC9 0%, #7C58FF 100%);
 -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
 -webkit-mask-composite: xor;
 mask-composite: exclude;
 pointer-events: none;
 }

 .setu-ai-connect-with-us .setu-badge-icon {
 display: flex;
 align-items: center;
 justify-content: center;
 color: #000000;
 font-size: 18px;
 flex-shrink: 0;
 }

/* Typography Style */
 .setu-ai-connect-with-us .setu-heading {
 font-size: 50px;
 font-weight: 700;
 

 letter-spacing: -1%;
 color: #FFFFFF;
 font-family: 'Plus Jakarta Sans';
 }

 .setu-ai-connect-with-us .setu-description {
 font-size: 16px;
 color: #FFFFFF !important;
 font-weight: 400;
 letter-spacing: 0%;
 color: #94a3b8;
 margin-bottom: 36px;
 font-family: 'Inter',sans-serif;
 line-height: 24px;
 }

/* Cards Grid Layout */
 .setu-ai-connect-with-us .setu-cards-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 20px;
 }

/* Feature Cards Design */
.setu-ai-connect-with-us .setu-feature-card {
 border: 1px solid #FFFFFF1A;
 border-radius: 16px;
 padding: 24px;
 backdrop-filter: blur(12px);
 transition: border-color 0.3s ease;
 height: 264px;
 background: rgba(255, 255, 255, 0.05);
}

 .setu-ai-connect-with-us .setu-feature-card:hover {
 border-color: rgba(255, 255, 255, 0.2);
 }

 .setu-ai-connect-with-us .setu-feature-card h4 {
 font-size: 18px;
 font-weight: 600;
 line-height: normal;
 margin-bottom: 20px;
 color: #FFFFFF;
 letter-spacing: 0%;
 font-family: 'Plus Jakarta Sans'
 }

/* Feature List Style */
 .setu-ai-connect-with-us .setu-feature-list {
 list-style: none;
 padding: 0;
 margin: 0;
 }

 .setu-ai-connect-with-us .setu-feature-list li {
 margin-bottom: 0;
 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0%;
 font-family: 'inter';
 color: #FFFFFF;
 }

 .setu-ai-connect-with-us .setu-feature-list li:last-child {
 margin-bottom: 0;
 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0%;
 font-family: 'inter';
 color: #FFFFFF;
 }

 


/*----------- utilty css---------------*/

/* filler sections so there's real page scroll to demo the effect */
.filler {
/* height: 70vh;*/
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--muted);
 font-size: 15px;
 letter-spacing: 0.04em;
 text-transform: uppercase;
}

/* ===== Pinned horizontal-scroll section ===== */
/* filler sections so there's real page scroll to demo the effect */

.new-unified-hr {
 background: #F7F7F7 !important;
 height: 946px !important;
 position: sticky !important;

 

}
/* ===== Pinned horizontal-scroll section ===== */
.unified-hr-stage {
 position: sticky;
 top: 0;
 left: 0;
 
 overflow: hidden;
 display: flex;
 flex-direction: column;
 justify-content: center;
 padding: 48px 0 40px;
 background: var(--bg);
}

.section-header {
 text-align: center;
 margin-bottom: 22px;
}

.section-main-title {
 font-size: clamp(26px, 4vw, 34px);
 font-weight: 700;
 line-height: 1.25;
 margin: 0 0 10px;
 color: var(--ink);
 margin-bottom: 24px;
}

.yellow-text {
 color: var(--blue);
 display: block;
}

.section-light-title {
 max-width: 620px;
 margin: 0 auto;
 font-weight: 400;
 font-size: 14px;
 line-height: 1.6;
 color: var(--muted);
}

/* dotted connector row with arrows, like the reference */
.connector {
 max-width: 1040px;
 margin: 6px auto 26px;
 display: flex;
 justify-content: center;
 align-items: center;
}

 .connector img {
 width: 100%;
 height: auto;
 display: block;
 object-fit: contain;
 }
/* ===== horizontal track ===== */
.track-viewport {
 overflow: hidden;
 width: 100%;
}

.track {
 display: flex;
 gap: 24px;
 padding: 10px 24px;
}

.card-box {
 width: 400px;
 height: 365px;
 background: #FFFFFF;
 border: 1px solid #E6EAF4;
 border-radius: 24px;
 padding: 30px;
 display: flex;
 flex-direction: column;
 transition: .3s ease;
 align-items: flex-end;
 row-gap: 30px;
 flex: 0 0 380px;
}

.new-unified-hr .icon-circle {
 width: 100px;
 height: 100px;
 border-radius: 50%;
 background: #F2F0FF;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-left: auto;
 margin-bottom: 32px;
}

 .new-unified-hr .icon-circle img {
 width: 100px;
 height: 100px;
 object-fit: contain;
 }

.card-box h3 {
 margin: 0;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 600;
 font-size: 22px;
 line-height: normal;
 color: #1A1A1A;
}

.underline {
 width: 50px;
 height: 4px;
 border-radius: 50px;
 margin: 18px 0 22px;
}

.card-box p {
 margin: 0;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0;
 color: #090909;
}


.card-box .icon-circle {
 background-image: url(../images/icon-circle.svg);
 padding: 10px;
 background-size: cover;
}
.card-box .icon-circle img {
 width: 49px;
 height: 50px;
}
 /* progress dots */
.dots {
 display: flex;
 justify-content: center;
 gap: 8px;
 margin-top: 28px;
}

 .dots span {
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: #c9cce0;
 transition: background 0.25s ease, transform 0.25s ease, width 0.25s ease;
 }

 .dots span.active {
 background: var(--blue);
 width: 20px;
 border-radius: 5px;
 }

.section-header h2 {
 font-size: 38px;
 font-weight: 700;
 color: #343A40 !important;
 font-family: 'Plus Jakarta Sans', sans-serif;
}
 .section-header h2 span {
 color: #1E40AF !important;
 }
.section-header p {
 color: #656971 !important;
 font-size: 16px !important;
}
 @media (prefers-reduced-motion: reduce) {
 .track {
 transition: none !important;
 }
}
.new-modern-hr {
 padding: 100px 0 100px !important;
}


/*---------------- Resource new css ------------------------*/

.new-calculate-section {
 padding: 100px 0 100px;
 background: #F7F9FD;

}



.calc-header {
 margin-bottom: 23px;
}

.free-tools-badge {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 8px 18px;
 background: #fff;
 border: 1px solid #6A63FF;
 border-radius: 50px;
 font-size: 14px;
 font-weight: 500;
}

 .free-tools-badge i {
 color: #FF5AA5;
 }

.calc-title {
/* margin: 24px 0 12px;*/
 font-size: 50px;
 font-weight: 700;
 line-height: 60px;
 letter-spacing: -1%;
 color: #343A40;
 font-family: 'Plus Jakarta Sans', sans-serif;
}

 .calc-title .text-blue {
 color: #1E40AF;
 }

.calc-subtitle {
 
 margin: auto;
 font-size: 20px;
 color: #656971;
 font-weight: 500;
 line-height: 24px;
 letter-spacing: 0%;
 color: #656971;
 font-family: 'Plus Jakarta Sans', sans-serif;
}

.calc-cards-row {
 margin-left: -12px;
 margin-right: -12px;
}

.calc-col {
 padding-left: 12px;
 padding-right: 12px;
}

.calc-card {
 background: #FFFFFF;
 border: 1px solid #E7EBF5;
 border-radius: 24px;
 padding: 40px;
 min-height: 324px;
 display: flex;
 flex-direction: column;
 width: 100%;
 transition: .3s;
}
 .calc-card:hover {
 border-color: #4F80FF;
 box-shadow: 0 12px 30px rgba(79, 128, 255, 0.08);
 transform: translateY(-4px); /* Optional */
 }


.calc-card-icon {
 margin-bottom: 24px;
}

 .calc-card-icon img {
 width: 56px;
 }

.calc-card-title {
 font-size: 25px;
 font-weight: 700;
 line-height: 32px;
 color: #343A40;
 margin: 0 0 16px;
 font-family: 'Plus Jakarta Sans', sans-serif;
}

.calc-card-desc {
 font-size: 16px;
 line-height: 28px;
 color: #364969;
 margin-bottom: auto;
 font-family: 'Inter', sans-serif;
 font-weight: 400;
}

/* Card */
.calc-card {
 transition: all .35s ease;
 border: 1px solid #E8ECF6;
}

 /* Card hover */
 .calc-card:hover {
 border-color: #4F80FF;
 box-shadow: 0 12px 30px rgba(79,128,255,.10);
 transform: translateY(-6px);
 }

/* Link */
.calc-card-link {
 margin-top: 24px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 text-decoration: none;
 color: #1E40AF;
 font-size: 20px;
 font-weight: 500;
 font-family: 'Plus Jakarta Sans', sans-serif;
}

 /* Read More underline */
 .calc-card-link span {
 position: relative;
 }

 .calc-card-link span::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: -4px;
 width: 0;
 height: 2px;
 background: #1E40AF;
 transition: width .35s ease;
 }

 /* Arrow image */
 .calc-card-link .link-arrow {
 width: 12px;
 height: 12px;
 opacity: 0;
 transform: translateX(-10px);
 transition: all .35s ease;
 }

/* Trigger animation when CARD is hovered */
.calc-card:hover .calc-card-link span::after {
 width: 100%;
}

.calc-card:hover .calc-card-link .link-arrow {
 opacity: 1;
 transform: translateX(0);
}


.hrms-buying-herosection {
 padding: 100px 0 100px;
 background: url("../../images/newhrabg.png") center no-repeat;
}

.new-resorucesection {
 padding: 100px 0 100px !important;
}
 .new-resorucesection h2 {
 font-size: 50px;
 font-weight: 700;
 font-family: 'Plus Jakarta Sans', sans-serif;
 color: #343A40;
 line-height: 60px;
 letter-spacing: -1%;
 }
 .new-resorucesection h5 {
 font-size: 20px;
 line-height: 24px;
 letter-spacing: 0%;
 color: #656971;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 500;

 }
 .new-resorucesection .resource-grid-row {
 display: flex;
 justify-content: space-between;
 flex-wrap: nowrap;
 gap: 24px;
 margin-top: 48px;
 }
 .new-resorucesection .resource-grid-row > [class*="col-"] {
 flex: 0 0 464px;
 max-width: 464px;
 width: 464px;
 padding: 0;
 }

 .new-resorucesection .resource-card-box {
 position: relative;
 width: 100%;
 width: 464px;
 height: 463px;
 border: 1px solid #E6EAF4;
 border-radius: 8px;
 overflow: hidden;
 background: #fff;
 transition: all .35s ease;
 
 }

 .new-resorucesection .resource-card-image {
 width: 100%;
 height: 100%;
 }

 .new-resorucesection .resource-card-image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 transition: transform .4s ease;
 }

/* Dark overlay */
 .new-resorucesection .resource-card-box::before {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(180deg, rgba(0,0,0,0.05) 20%, rgba(0,0,0,.75) 100%);
 z-index: 1;
 }

/* Content */
 .new-resorucesection .resource-card-content {
 position: absolute;
 left: 30px;
 right: 30px;
 bottom: 0px;
 z-index: 2;
 display: flex;
 flex-direction: column;
 gap: 16px;
 }

 .new-resorucesection .resource-card-title {
 margin: 0;
 color: #fff;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-size: 28px;
 font-weight: 700;
 line-height: 36px;
 }

 .new-resorucesection .resource-card-desc {
 margin: 0;
 color: rgba(255,255,255,.85);
 font-family: 'Inter', sans-serif;
 font-size: 16px;
 line-height: 26px;
 }


 .new-resorucesection .resource-card-link {
 display: flex;
 justify-content: space-between;
 align-items: center;
 color: #fff;
 text-decoration: none;
 width: 100%;
 }

 /* Read More text */
 .new-resorucesection .resource-card-link .link-text {
 position: relative;
 display: inline-block;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-size: 18px;
 font-weight: 600;
 color: #FFFFFF;
 }

 /* underline only under Read More */
 .new-resorucesection .resource-card-link .link-text::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 0;
 height: 2px;
 background: #fff;
 transition: width .35s ease;
 }

 /* Hover on card */
 .new-resorucesection .resource-card-box:hover .link-text::after {
 width: 100%;
 }

 /* Arrow image */
 .new-resorucesection .arrow-box {
 width: 36px;
 height: 36px;
 border-radius: 8px;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: .3s ease;
 }

 .new-resorucesection .arrow-box img {
 width: 16px;
 height: 16px;
 }

 /* Border appears only on hover */
 .new-resorucesection .resource-card-box:hover .arrow-box {
 background: #fff;
 border: 1px solid rgba(255,255,255,.7);
 }
/* Hover */
 .new-resorucesection .resource-card-box:hover {
 transform: translateY(-8px);
 box-shadow: 0 18px 40px rgba(0,0,0,.18);
 }

 .new-resorucesection .resource-card-box:hover .resource-card-image img {
 transform: scale(1.06);
 }



.new-rvideosction h2 {
 font-size: 50px;
 letter-spacing: -1%;
 line-height: 60px;
 font-weight: 700;
 font-family: 'Plus Jakarta Sans', sans-serif;
 color: #343A40;
}
.new-rvideosction .headingpara {
 color: #656971;
 font-size: 20px;
 line-height: 24px;
 letter-spacing: 0%;
 font-weight: 500;
 font-family: 'Plus Jakarta Sans', sans-serif;
}

.video-resource-row {
 margin-top: 60px !important;
}

 .video-resource-row > [class*="col-"] {
 margin-bottom: 30px;
 }

.video-card {
 position: relative;
 width: 100%;
 max-width: 464px;
 height: 463px;
 border-radius: 14px;
 overflow: hidden;
 box-shadow: 0 0 30.6px rgba(24,72,212,.10);
}

.video-card-img {
 width: 462px;
 height: 463px;
 object-fit: cover;
 transition: .4s;
}

.video-overlay {
 position: absolute;
 inset: 0;
 background: linear-gradient( 180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.05) 35%, rgba(0,0,0,.65) 100% );
}

.video-card-content {
 position: absolute;
 inset: 0;
 padding: 30px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 z-index: 2;
}

.video-top h5 {
 margin: 0;
 color: #B5B5B5;
 font-family: 'Plus Jakarta Sans';
 font-size: 20px;
 font-weight: 700;
}

.video-top h4 {
 margin: 2px 0 10px;
 color: #FD9D2D;
 font-family: 'Plus Jakarta Sans';
 font-size: 22px;
 font-weight: 700;
}

.video-top p {
 color: #D8D8D8;
 font-size: 13px;
 line-height: 20px;
 margin: 0;
 font-family: 'Inter';
}

.video-play-btn {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%,-50%);
}

 .video-play-btn img {
 width: 64px;
 }

.video-bottom h3 {
 margin: 0 0 18px;
 color: #fff;
 font-family: 'Plus Jakarta Sans';
 font-size: 25px;
 font-weight: 600;
 line-height: 32px;
 margin-top: 278px;
}

.video-bottom span {
 color: #FD9D2D;
 font-family: 'Inter';
 font-size: 16px;
 font-weight: 500;
 line-height: 24px;
}

.ai-logo {
 width: 170px;
}

.video-card:hover .video-card-img {
 transform: scale(1.08);
}

.video-card:hover {
 box-shadow: 0 15px 45px rgba(24,72,212,.20);
}


.hrms-buying-herosection .btn-primary.style_2 {
 background: #1E40AF;
 color: #fff;
 margin-right: 148px;
 font-size: 16px;
}

.new-section-main-title {
 font-size: 50px;
 font-weight: 700;
 color: #343A40;
 letter-spacing: -1%;
 line-height: 60px;
 font-family: 'Plus Jakarta Sans', sans-serif;
}

.new-section-light-title {
 color: #656971;
 line-height: 24px;
 font-size: 16px;
 font-weight: 500;
 letter-spacing: 0%;
 font-family: 'Inter', sans-serif;
}


.u-new-hiring-section .setu-5c-card{
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 padding: 24px;
 border-radius: 24px;
 background: #fff;
}
.u-new-hiring-section .setu-5c-icon {
 width: 72px;
 height: 72px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 24px;
 flex-shrink: 0;
}

 .u-new-hiring-section .setu-5c-icon img {
 width: 80px;
 height: 72px;
 }
.u-new-hiring-section .setu-5c-content {
 width: 100%;
}

 .u-new-hiring-section .setu-5c-content h4 {
 margin: 0 0 18px;
 }

 .u-new-hiring-section .setu-5c-content p {
 margin: 0;
 }


 /*------------ Modern css -----------*/
.new-morder-hr-section {
 padding: 80px 20px 0px;
 text-align: center;
 max-width: 900px;
 margin: 0 auto;
}

 .new-morder-hr-section h1 {
 font-size: 50px;
 font-weight: 700;
 line-height: 60px;
 letter-spacing: -1%;
 font-family: 'Plus Jakarta Sans', sans-serif;
 margin: 0 0 18px;
 letter-spacing: -0.5px;
 color: #343A40;
 text-align: center;
 }

.new-morder-hr-section h1 span {
 background: linear-gradient(90deg, var(--blue), var(--blue-2));
 -webkit-background-clip: text;
 background-clip: text;
 color: #1E40AF;
}

 .new-morder-hr-section .hero p {
 color: var(--muted);
 font-size: 16px;
 line-height: 1.6;
 margin: 0 auto;
 max-width: 640px;
 }

.marquee-wrap {
/* max-width: 1300px;*/
max-width: 1743px;
 margin: 0 auto;
 padding: 20px 0 40px;
 display: flex;
 flex-direction: column;
 gap: 16px;
}

.marquee-row {
 position: relative;
 overflow: hidden;
 -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);
 mask-image: linear-gradient(90deg, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);
}

.marquee-track {
 display: flex;
 gap: 16px;
 width: max-content;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
}

.marquee-row:hover .marquee-track {
 animation-play-state: paused;
}

.row1 .marquee-track {
 animation-name: scroll-right;
 animation-duration: 26s;
}

.row2 .marquee-track {
 animation-name: scroll-left;
 animation-duration: 32s;
}

.row3 .marquee-track {
 animation-name: scroll-right;
 animation-duration: 28s;
}

@keyframes scroll-left {
 from {
 transform: translateX(0);
 }

 to {
 transform: translateX(-50%);
 }
}

@keyframes scroll-right {
 from {
 transform: translateX(-50%);
 }

 to {
 transform: translateX(0);
 }
}

.pill {
 flex: 0 0 auto;
 display: flex;
 align-items: center;
 gap: 12px;
 background: #fff;
 border: 1px solid #F0F0F0;
 border-radius: 14px;
 padding: 14px 22px;
 box-shadow: 0 1px 2px rgba(16,24,40,0.04);
 font-size: 20px;
 font-weight: 600;
 color: #1f2430;
 white-space: nowrap;
 line-height: 24px;
 font-weight: 600;
 font-family: 'Plus Jakarta Sans'
}
 .pill h5 {
 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0%;
 font-weight: 600;
 font-family: 'Plus Jakarta Sans', sans-serif;
 color: #343A40;
 }

 .pill .icon {
 width: 30px;
 height: 30px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 flex: 0 0 auto;
 }
 .pill .icon img {
 width: 100%;
 height: 100%;
 object-fit: contain;
 display: block;
 max-width:35px
 }
/* .pill svg {
 width: 18px;
 height: 18px;
 }*/

@media (max-width:640px) {
 .hero h1 {
 font-size: 30px;
 }

 .hero p {
 font-size: 14px;
 }
}

.company-btn-white {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 padding: 14px 24px;
 border: 1px solid #000;
 border-radius: 50px;
 background: #fff;
 color: #000;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-size: 16px;
 font-weight: 600;
 text-decoration: none;
 transition: all .35s ease;
}

 .company-btn-white span {
 color: #000;
 transition: color .35s ease;
 }

 .company-btn-white .btn-arrow {
 width: 13px;
 height: 13px;
 transition: all .35s ease;
 }

 /* Hover */
 .company-btn-white:hover {
 background: #000;
 border-color: #000;
 }

 .company-btn-white:hover span {
 color: #fff;
 }

 /* If your arrow image is black SVG, invert it on hover */
 .company-btn-white:hover .btn-arrow {
 filter: brightness(0) invert(1);
 }

 /* Small animation */
 .company-btn-white:hover .btn-arrow {
 transform: translate(3px, -3px);
 }

 .company-btn-white .btn-arrow {
 content: url("../../images/bookdemoblackarrow.svg");
 }

 .company-btn-white:hover .btn-arrow {
 content: url("../../images/bookademowhitearrow.svg");
 }

.resource-card-link {
 display: flex;
 justify-content: space-between;
 align-items: center;
 text-decoration: none;
 color: #fff;
}

 /* Only Read More text */
 .resource-card-link .link-text {
 position: relative;
 display: inline-block;
 }

 /* Hidden underline */
 .resource-card-link .link-text::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 0;
 height: 2px;
 background: #fff;
 transition: width .3s ease;
 }

/* Show underline only when card is hovered */
.resource-card-box:hover .link-text::after {
 width: 100%;
}

.u-section-header {
 text-align: center;
 margin-bottom: -41px !important;
}


/*hr glossary css*/
.client-logo-glossary {
 margin-top: 80px;
 text-align: center;
 
}

 .client-logo-glossary .client-logo-text {
 margin: 0 0 32px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 500;
 font-size: 20px;
 line-height: 24px;
 letter-spacing: 0;
 text-align: center;
 color: #606367;
 }

 .client-logo-glossary .client-logo-text strong {
 font-weight: 700;
 color: #2F3545;
 }
.new-hr-glossary {
 position: relative;
 padding: 190px 0 0px;
 overflow: hidden;
/* background: url("../../images/aboutherobg.png") center no-repeat !important;*/
}

 /* Background Glow */
/* .new-hr-glossary::before {
 content: "";
 position: absolute;
 left: -180px;
 top: -120px;
 width: 500px;
 height: 500px;
 background: radial-gradient(circle,#FFE8D4 0%,rgba(255,232,212,0) 70%);
 pointer-events: none;
 }*/

 .new-hr-glossary::after {
 content: "";
 position: absolute;
 right: -220px;
 top: -120px;
 width: 650px;
 height: 650px;
 background: radial-gradient(circle,#E9E5FF 0%,rgba(233,229,255,0) 70%);
 pointer-events: none;
 }

 .new-hr-glossary .col-sm-12 {
 position: relative;
 z-index: 2;
 }

/* Badge */


.glossary-badge {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 7px;
 padding: 10px 16px;
 border: 2px solid transparent;
 border-radius: 100px;
 margin-bottom: 15px;
 background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #FF6BC9 0%, #7C58FF 100%) border-box;
}
 .glossary-badge img {
 width: 18px;
 height: 18px;
 }

 .glossary-badge span {
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-weight: 500;
 font-size: 16px;
 line-height: 16px;
 color: #000;
 }

/* Heading */

.glossary-title {
 /* max-width: 1050px;*/
 margin: 0 auto;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: clamp(32px, 3.65vw, 70px);
 font-weight: 700;
 line-height: 1;
 color: #2F3545;
}

 .glossary-title span {
 display: block;
 
 color: #2950C6;
 
 }

/* Description */

.glossary-desc {
 /* max-width: 1100px;*/
 margin: 34px auto 45px;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: 20px;
 font-weight: 500;
 line-height: 36px;
 color: #343A40;
}

/* Button */

.glossary-btn {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 background: #2950C6;
 color: #fff;
 padding: 14px 26px;
 border-radius: 100px;
 text-decoration: none;
 font-family: 'Plus Jakarta Sans',sans-serif;
 font-size: 18px;
 font-weight: 600;
 transition: .3s;
}

 .glossary-btn img {
 width: 18px;
 height: 18px;
 transition: .3s;
 }

 .glossary-btn:hover {
 color: #fff;
 background: #183DAD;
 text-decoration: none;
 }

 .glossary-btn:hover img {
 transform: translate(3px,-3px);
 }

/* Client logo section */

.client-logo-glossary {
 margin-top: 90px;
 
}



.hr-techinindia-section {
 width: 100%;
 display: flex;
 justify-content: center;
 padding: 40px 20px;
 background: #f4f6fb;
}

.techindiacontainer {
 width: 100%;
 min-height: 661px;
 border-radius: 28px;
 padding: 48px 56px 56px;
 position: relative;
 overflow: hidden;
}

/* Eyebrow pill */
.techindia-pill {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 8px 18px;
 border: 1.5px solid var(--pill-border);
 border-radius: 999px;
 font-size: 13px;
 font-weight: 600;
 color: var(--pill-text);
 background: rgba(255,255,255,0.5);
 margin-bottom: 28px;
}

 .techindia-pill .star {
 color: #d94f9a;
 font-size: 14px;
 }

/* Heading */
.techindia-heading {
 font-size: 50px;
 font-weight: 700;
 line-height: 60px;
 color: #343A40;
 margin: 0 0 18px;
 letter-spacing: -0.5px;
 font-family: 'Plus Jakarta Sans', sans-serif;
}

 .techindia-heading span {
 color: #1E40AF;
 }

.techindia-desc {
 max-width: 760px;
 font-size: 20px;
 font-weight: 500;
 line-height: 24px;
 line-height: 1.65;
 color: #656971;
 margin: 0 0 36px;
 font-family: 'Plus Jakarta Sans', sans-serif;
}

.techindia-sub {
 font-size: 25px;
 font-weight: 600;
 color: #343A40;
 line-height: 32px;
 letter-spacing: 0%;
 margin: 0 0 20px;
 font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Decorative graphic top right */
.techindia-graphic {
 position: absolute; /* agar pehle se hai to same rehne do */
 
 right: 0; /* apni existing values */

 width: 307px;
 height: 236px;
 object-fit: contain;
 display: block;
}

.techindia-graphic img {
 width: 100%;
 height: 100%;
 object-fit: contain; /* Use cover if you want it to fill */
 display: block;
}

/* Cards grid */
.techindia-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 15px;
}

.techindia-card {
 width: 100%;
 min-height: 150px;
 background: rgba(255,255,255,0.75);
 border: 1px solid var(--border-soft);
 border-radius: 24px;
 padding: 24px;
 backdrop-filter: blur(37.2px);
 -webkit-backdrop-filter: blur(37.2px);
 display: flex;
 flex-direction: column;
 gap: 10px;
 transition: transform 0.25s ease, box-shadow 0.25s ease;
}

 .techindia-card:hover {
 transform: translateY(-3px);
 box-shadow: 0 12px 28px rgba(20, 22, 43, 0.08);
 }

 .techindia-card .bar {
 width: 34px;
 height: 3px;
 border-radius: 2px;
 margin-bottom: 2px;
 }

 .techindia-card h4 {
 margin: 0;
 font-size: 25px;
 font-weight: 600;
 color: #090909;
 line-height: 32px;
 letter-spacing: 0%;
 font-family: 'Plus Jakarta Sans', sans-serif;
 }

 .techindia-card p {
 margin: 0;
 font-size: 16px;
 line-height: 24px;
 color: #090909;
 letter-spacing: 0%;
 font-family: 'Inter', sans-serif;
 }

.bar.hris {
 background: #2563EB;
}

.bar.time {
 background: #FA9221;
}

.bar.payroll {
 background: #7DC160;
}

.bar.compliance {
 background: #0CA9A2;
}

.bar.experience {
 background: #558CFC;
}

.bar.analytics {
 background: #8C59F7;
}

@media (max-width: 960px) {
 .techindia-grid {
 grid-template-columns: 1fr;
 }

 .techindia-heading {
 font-size: 32px;
 }

 .techindia-graphic {
 display: none;
 }

 .techindiacontainer {
 padding: 36px 24px;
 min-height: auto;
 }
}


.glossary-section {
 width: 100%;
 display: flex;
 justify-content: center;
 padding: 40px 20px 60px;
}

.glossary-container {
 width: 100%;

 min-height: 1195px;
 display: flex;
 flex-direction: column;
 gap: 30px;
}

/* Header row */
.glossary-header {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 flex-wrap: wrap;
 gap: 16px;
}

.glossary-title {
 font-size: 50px;
 font-weight: 700;
 line-height: 60px;
 margin: 0 0 6px;
 letter-spacing: -2%;
 font-family: 'Plus Jakarta Sans', sans-serif;
 color: #343A40;
}

.glossary-subtitle {
 font-size: 20px;
 line-height: 24px;
 letter-spacing: 0%;
 color: #656971;
 margin: 0;
 font-family: 'Plus Jakarta Sans', sans-serif;
}

.glossary-search {
 display: flex;
 align-items: center;
 gap: 8px;
 width: 348px;
 height: 60px;
 padding: 0 14px;
 border: 1px solid #0E12011A;
 border-radius: 10px;
 color: var(--text-muted);
 font-size: 13.5px;
 background: #fff;
}

 .glossary-search svg {
 flex-shrink: 0;
 opacity: 0.6;
 color: #131927;
 }

/* A-Z bar row */
.glossary-az-row {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 20px;
 flex-wrap: wrap;
}

.az-bar {
 width: 1037px;
 max-width: 100%;
 height: 48px;
 border-radius: 60px;
 padding: 4px;
 background: #EFF3FF;
 display: flex;
 align-items: center;
 gap: 2px;
 overflow-x: auto;
}

 .az-bar button {
 flex: 0 0 auto;
 border: none;
 background: transparent;
 font-size: 13px;
 font-weight: 600;
 color: #9199ad;
 height: 40px;
 min-width: 36px;
 padding: 0 10px;
 border-radius: 50px;
 cursor: pointer;
 transition: background 0.2s ease, color 0.2s ease;
 }

 .az-bar button:hover {
 color: var(--text-heading);
 }

 .az-bar button.active {
 background: #1E40AF;
 color: #ffffff;
 }

.download-btn {
 flex: 0 0 auto;
 display: inline-flex;
 align-items: center;
 gap: 10px;
 height: 48px;
 padding: 0 22px;
 background: var(--blue);
 color: #ffffff;
 border: none;
 border-radius: 12px;
 font-size: 14px;
 font-weight: 600;
 cursor: pointer;
 white-space: nowrap;
 transition: background 0.2s ease;
}

 .download-btn:hover {
 background: var(--blue-dark);
 }

/* Cards grid - masonry via CSS columns */
.glossary-grid {
 column-count: 3;
 column-gap: 24px;
}

.glossary-card {
 break-inside: avoid;
 margin-bottom: 24px;
 background: #FFFFFF;
 border: 1px solid #E1E6F4;
 border-radius: 16px;
 padding: 22px 24px;
 display: block;
}

 .glossary-card:hover {
 border: 1.5px solid #60A5FA;
 box-shadow: 0 0 0 3px rgba(59, 91, 253, 0.08);
 }

 .glossary-card h4 {
 margin: 0 0 12px;
 font-size: 25px;
 font-weight: 700;
 color: #343A40;
 line-height: 32px;
 letter-spacing: 0%;
 font-family: 'Plus Jakarta Sans', sans-serif;
 }

 .glossary-card p {
 margin: 0 0 12px;
 font-size: 16px;
 line-height: 24px;
 color: #364969;
 font-weight: 400;
 font-family: 'Inter', sans-serif;
 }

 .glossary-card p:last-child {
 margin-bottom: 0;
 }

 .glossary-card p strong {
 color: #364969;
 font-weight: 400;
 }

@media (max-width: 1024px) {
 .glossary-grid {
 column-count: 2;
 }
}

@media (max-width: 680px) {
 .glossary-grid {
 column-count: 1;
 }

 .glossary-search {
 width: 100%;
 }

 .az-bar {
 overflow-x: auto;
 }
}


/*------------------ detail page and laso moveing in price to style css ----------*/
.what-enterprise-section .glossary-badge {
 margin-bottom: 0;
}
.what-enterprise-section .enterprise-heading h2 {
 margin-top: 15px;
}

.section-title span {
 color: #343A40;
}

.docheading {
 font-size: 31px;
 color: #343A40;
 column-gap: 15px;
 line-height: 40px;
 letter-spacing: -1%;
 font-weight: 600;
 font-family: 'Plus Jakarta Sans', sans-serif;
 display: flex;
 text-align: center;
}



 .details-right-inner h3.docheading {
 margin-top: 5px;
 margin-bottom: 15px;
 color: #2C2C2C;
 font-size: 20px;
 line-height: 24px;
 letter-spacing: 0%;
 font-weight: 600;
 font-family: 'Plus Jakarta Sans', sans-serif;
 }

.similar-list li a.active span.list-title, .similar-list li a:hover span.list-title {
 color: #0F4F93;
}

.similar-list li a p span.list-title {
 color: #2C2C2C;
 font-weight: 500;
 font-size: 16px;
 line-height: 24px;
 font-family: 'Plus Jakarta Sans', sans-serif;
}





.joinus-title {
 text-align: center !important;
 width: 100% !important;
 margin: 0 auto 30px !important;
 white-space: nowrap !important;
}


/*card human resourvce css*/
.new-resorucesection {
 padding: 80px 0;
 background: #fff;
}

 .new-resorucesection .section-header {
 margin-bottom: 40px;
 }

 .new-resorucesection .section-main-title {
 font-size: 52px;
 font-weight: 700;
 color: #2F3542;
 margin-bottom: 12px;
 }

 .new-resorucesection .section-main-title span {
 color: #2454E6;
 }

 .new-resorucesection .section-header h5 {
 font-size: 18px;
 color: #6B7280;
 }

.handbook-row {
 margin-top: 20px;
}

.handbook-card {
 position: relative;
 border-radius: 12px;
 overflow: hidden;
 height: 430px;
 cursor: pointer;
}

 .handbook-card img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: .5s;
 }

 .handbook-card:hover img {
 transform: scale(1.08);
 }

 .handbook-card .overlay {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background: linear-gradient(to top, rgba(0,0,0,.82) 10%, rgba(0,0,0,.45) 45%, rgba(0,0,0,.08) 100%);
 }

.new-unified-hr .card-content {
 /* position: absolute;*/
 left: 24px;
 right: 24px;
 bottom: 24px;
 z-index: 2;
}

 .card-content h4,
 .card-content .handbook-card-title {
 color: #FFFFFF;
 font-size: 25px;
 font-weight: 700;
 line-height: 32px;
 margin: 0 0 14px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 }

.new-unified-hr .card-content p {
 color: #090909;
 font-size: 16px;
 line-height: 24px;
 margin-bottom: 22px;
 font-weight: 400;
 font-family: 'Inter', sans-serif;
}

 .card-content a {
 display: flex;
 align-items: center;
 justify-content: space-between;
 color: #fff;
 text-decoration: none;
 }

 /* Read More */
 .card-content .link-text {
 display: flex;
 align-items: center;
 font-size: 24px;
 font-weight: 500;
 font-family: 'Plus Jakarta Sans', sans-serif;
 text-decoration: underline;
 text-decoration-color: transparent;
 text-underline-offset: 6px;
 transition: text-decoration-color .35s ease;
 }

/* Arrow Box */
.arrow-box {
 width: 34px;
 height: 34px;
 border-radius: 8px;
 background: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 opacity: 0;
 visibility: hidden;
 transform: translateX(10px);
 transition: all .35s ease;
}

 .arrow-box img {
 width: 16px;
 height: 16px;
 }

/* Hover Effect */
.handbook-card:hover .link-text {
 text-decoration-color: #fff;
}

.handbook-card:hover .arrow-box {
 opacity: 1;
 visibility: visible;
 transform: translateX(0);
}



.selectModulegroup .select2-selection--multiple {
 min-height: 60px !important;
 border-radius: 10px !important;
 border-color: #e2e8f0 !important;
}

.selectModulegroup .select2-search__field {
 margin-top: 15px !important;
}
.contact-section form.contact-form input, .contact-section form.contact-form select {
 min-height: 60px !important;
 font-size: 13px !important;
 font-weight: 400;
 font-family: 'Plus Jakarta Sans', sans-serif;
 color: #0E120199 !important;
}




/*--------------------------------util css--------------------------------*/
/* ===== Unified HRMS section ===== */
.uuu-before.unified-hr {
 background: #f7f8fa;
 position: relative;
}

/* Scroll wrapper: gives the section extra height so it can stay pinned */
.uuu-before.unified-hr-scroll {
 position: relative;
}

/* The pinned (sticky) stage - header stays put, only cards move */
.uuu-before.unified-hr-sticky {
 position: sticky;
 top: 0;
 height: 100vh;
 display: flex;
 flex-direction: column;
 justify-content: center;
}

.uuu-before.u-customcontainer {
 max-width: 1400px;
 margin: 0 auto;
 padding: 0 24px;
 width: 100%;
}

/* ---- Header ---- */
.uuu-before.section-header {
 text-align: center;
}

.uuu-before.new-section-main-title {
 font-size: 44px;
 line-height: 1.15;
 font-weight: 700;
 letter-spacing: -0.5px;
 color: #1f2430;
 margin: 0;
}

.uuu-before.new-section-main-title .uuu-before.yellow-text {
 display: block;
 color: #2f4bf7;
}

.uuu-before.new-section-light-title {
 max-width: 640px;
 margin: 18px auto 0;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.7;
 color: #6b7280;
}

/* ---- Connector ---- */
.uuu-before.connector {
 position: relative;
 height: 26px;
 margin-top: 38px;
}
.uuu-before.connector::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 border-top: 1px dashed #7f8ffb;
}
.uuu-before.connector span {
 position: absolute;
 top: 0;
 height: 26px;
 border-left: 1px dashed #7f8ffb;
}
.uuu-before.connector span:nth-child(1) { left: 12%; }
.uuu-before.connector span:nth-child(2) { left: 32%; }
.uuu-before.connector span:nth-child(3) { left: 52%; }
.uuu-before.connector span:nth-child(4) { left: 72%; }
.uuu-before.connector span:nth-child(5) { left: 92%; }

/* ---- Cards ---- */
.uuu-before.track-viewport {
 margin-top: 26px;
}

.uuu-before.card-box {
 background: #fff;
 border-radius: 18px;
 padding: 28px;
 min-height: 280px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 box-shadow: 0 8px 30px -18px rgba(31, 36, 48, 0.35);
}

.uuu-before.icon-circle {
 width: 56px;
 height: 56px;
 border-radius: 50%;
 background: #eaecfd;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-left: auto;
}
.uuu-before.icon-circle img {
 width: 24px;
 height: 24px;
}

.uuu-before.card-content {
 margin-top: 56px;
}
.uuu-before.card-content h3 {
 font-size: 20px;
 line-height: 1.3;
 font-weight: 600;
 color: #1f2430;
 margin: 0;
}
.uuu-before.underline {
 width: 40px;
 height: 3px;
 border-radius: 3px;
 margin: 16px 0 0;
}
.uuu-before.card-content p {
 margin: 16px 0 0;
 font-size: 14px;
 line-height: 1.7;
 color: #6b7280;
}

/* ---- Owl dots ---- */
.uuu-before.unified-hr .owl-dots {
 margin-top: 30px;
 text-align: center;
}
.uuu-before.unified-hr .owl-dots .owl-dot span {
 display: block;
 width: 8px;
 height: 8px;
 border-radius: 999px;
 background: rgba(47, 75, 247, 0.25);
 margin: 0 4px;
 transition: all 0.3s ease;
}
.uuu-before.unified-hr .owl-dots .owl-dot.active span {
 width: 28px;
 background: #2f4bf7;
}

@media (max-width: 767px) {
 .uuu-before.new-section-main-title { font-size: 28px; }
 .uuu-before.unified-hr-sticky { height: auto; padding: 60px 0; position: relative; }
 .uuu-before.connector { display: none; }
}


/*------- income tax ------------*/
.new-incometaxsection {
 padding: 40px 0px;
 background: url("../../images/optimized/homeherobg.webp") center no-repeat;
}


/*-----------------------*/
.sety-counter-section {
 padding: 0px !important;
}

/*----------------- industries pages css --------------*/
/*=========================
 Enterprise Section
==========================*/

.what-enterprise-section {
 
 background: #FEFFFF;
}

.enterprise-container {
 max-width: 1320px;
 margin: auto;
}

.enterprise-heading {
 margin-bottom: 40px;
}

.enterprise-badge {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 padding: 8px 20px;
 border: 1px solid #6A5CFF;
 border-radius: 50px;
 font-size: 14px;
 font-weight: 500;
 color: #222;
 margin-bottom: 24px;
}

.enterprise-heading h2 {
 font-size: 38px;
 line-height: normal;
 font-weight: 700;
 letter-spacing: -2px;
 font-family: 'Plus Jakarta Sans',sans-serif;
 color: #343A40;
}

 .enterprise-heading h2 span {
 color: #1E40AF;
 }

/*=========================
 Cards
==========================*/

.enterprise-card {
 width: 100%;
 min-height: 374px;
 padding: 40px;
 border: 1px solid #E1E6F4;
 border-radius: 24px;
 background: #FFFFFF;
 display: flex;
 flex-direction: column;
 gap: 24px;
 transition: .3s;
}

.active-card {
 border: 1px solid #4A7DFF;
 box-shadow: 0 15px 35px rgba(55,93,255,.08);
}

.enterprise-icon {
 width: 64px;
 height: 64px;
}

.enterprise-card h4 {
 font-size: 24px;
 font-weight: 700;
 line-height: 32px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 color: #343A40;
 margin: 0;
}

.enterprise-card p {
 font-size: 16px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 line-height: 24px;
 color: #364969;
 margin: 0;
 flex: 1;
}

.enterprise-card a {
 display: flex;
 justify-content: space-between;
 font-family: 'Plus Jakarta Sans', sans-serif;
 align-items: center;
 color: #1E40AF;
 font-size: 16px;
 font-weight: 500;
 line-height: 24px;
 text-decoration: none;
}

.enterprise-card:hover {
 transform: translateY(-8px);
 border-color: #4A7DFF;
 box-shadow: 0 20px 40px rgba(41,83,255,.12);
}


.what-timelabs-does-section {
 
 background-image: url('../../images/timelabsdoesbg.png');
 background-repeat: no-repeat;
 background-position: top center;
 background-size: cover;
}


 .what-timelabs-does-section .section-heading h2 {
 font-family: "Plus Jakarta Sans",sans-serif;
 font-size: 38px;
 font-weight: 700;
 line-height: normal;
 letter-spacing: -0.02em;
 color: #343A40;
 margin: 0;
 }

 .what-timelabs-does-section .section-heading h2 span {
 display: block;
 color: #1E40AF;
 }

/* Cards */

.timelabs-card {
 width: 100%;
 min-height: 300px;
 background: #fff;
 border: 1px solid #E7EAF4;
 border-radius: 24px;
 padding: 30px;
 display: flex;
 flex-direction: column;
 gap: 20px;
 transition: .35s ease;
}

 .timelabs-card:hover {
 transform: translateY(-8px);
 box-shadow: 0 18px 45px rgba(42,72,201,.10);
 }

.what-timelabs-does-section .card-icon {
 width: 48px;
 height: 48px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
}

.what-timelabs-does-section .card-icon img {
 width: 50px;
}


.timelabs-card h4 {
 font-family: "Plus Jakarta Sans",sans-serif;
 font-size: 25px;
 font-weight: 600;
 line-height: 32px;
 color: #090909;
 position: relative;
}

 .timelabs-card h4::after {
 content: "";
 width: 70px;
 height: 3px;
 background: #2447C6;
 display: block;
 margin-top: 8px;
 border-radius: 5px;
 }

.timelabs-card p {
 font-family: "Plus Jakarta Sans",sans-serif;
 font-size: 16px;
 line-height: 24px;
 color: #343A40;
 margin: 0;
}

.new-howitwork-section {
 
 background: #f9f9f9;
}

.section-heading {
 margin-bottom: 20px;
}

 .section-heading .sub-title {
 display: inline-block;
 padding: 8px 18px;
 border: 1px solid #D8C9FF;
 border-radius: 50px;
 font-size: 14px;
 font-weight: 500;
 color: #222;
 background: #fff;
 }

.new-howitwork-section .section-heading h2 {
 font-size: 38px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 700;
 color: #343A40;
 line-height: normal;
}

 .new-howitwork-section .section-heading h2 span {
 color: #1E40AF;
 }

.how-card {
 position: relative;
 width: 100%;
 padding: 30px;
 border: 1px solid #E6E8F0;
 border-radius: 24px;
 background: #fff;
 transition: .3s;
 min-height:300px;
}

 .how-card:hover {
 box-shadow: 0 10px 30px rgba(0,0,0,.08);
 }

.step-icon {
 width: 42px;
 height: 42px;
 margin-bottom: 30px;
}

 .step-icon img {
 width: 100%;
 display: block;
 }

.how-card h4 {
 font-size: 20px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 700;
 color: #343A40;
 line-height: 24px;
 margin-bottom: 16px;
}

.how-card p {
 margin: 0;
 font-size: 16px;
 line-height: 1.8;
 color: #364969;
 font-weight: 400;
 font-family: 'Plus Jakarta Sans', sans-serif;
}


.new-enterprise-section {
 padding: 149px 0 30px;
 background: url(../../images/aboutherobg.png) center no-repeat !important;
 background-size:cover !important;
}

/* Badge */

.enterprise-tag {
 display: inline-block;
 padding: 8px 18px;
 border: 1px solid #5b5cff;
 border-radius: 50px;
 font-size: 14px;
 font-weight: 500;
 margin-bottom: 25px;
 background: #fff;
}

/* Heading */

.enterprise-title {
 font-size: clamp(2.5rem, 5vw, 4.375rem);
 font-family: 'Plus Jakarta Sans', sans-serif;
 line-height: 60px;
 font-weight: 800;
 color: #343A40;
 margin-bottom: 25px;
}

 .enterprise-title span {
 color: #1E40AF;
 }

/* Paragraph */

.enterprise-text {
 font-size: 20px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 color: #343A40;
 line-height: 1.8;
 max-width: 560px;
 margin-bottom: 35px;
 font-weight: 500;
}

/* Buttons */

.enterprise-btns {
 display: flex;
 gap: 18px;
 flex-wrap: wrap;
}

.btn-primary-custom {
 background: #3158F5;
 color: #fff;
 padding: 16px 28px;
 border-radius: 50px;
 text-decoration: none;
 font-weight: 600;
 transition: .3s;
}

 .btn-primary-custom:hover {
 background: #2347d6;
 color: #fff;
 }

.btn-outline-custom {
 padding: 16px 28px;
 border: 2px solid #3158F5;
 border-radius: 50px;
 color: #3158F5;
 text-decoration: none;
 font-weight: 600;
 transition: .3s;
}

 .btn-outline-custom:hover {
 background: #3158F5;
 color: #fff;
 }

/* Image */

.enterprise-image {
 text-align: right;
}

/* Trusted */

.trusted-section {
 margin-top: 80px;
}

 .trusted-section p {
 text-align: center;
 color: #6C7280;
 margin-bottom: 30px;
 font-weight: 500;
 }

.logo-box {
 height: 72px;
 border: 1px solid #E5E7EB;
 border-radius: 14px;
 display: flex;
 justify-content: center;
 align-items: center;
 background: #fff;
 transition: .3s;
}

 .logo-box:hover {
 box-shadow: 0 8px 20px rgba(0,0,0,.08);
 }

 .logo-box img {
 max-width: 120px;
 max-height: 38px;
 
 }


 
 /*-- handbook ---*/

.new-resorucesection .card-content {position: absolute;bottom: 0;left: 0;padding: 15px;}
.new-resorucesection p {color: #FFFFFF;}
.setuaiheader{width: 100px !important;height: 80px !important;}
.rowbtnstill{margin-top:20px}
.formright{background:#fff;border-radius:50px 0px 0px 50px;}
.formleft .landing-form-container {border-radius: 0px 15px 15px 0px; padding: 25px;}
/*------------------------------------------------------ urvashi css --------------------------------*/
.new-careerinner-head{margin-top: 150px;}
.setu-ai-avtar-right {width: 529px; height: 641px;}
.text-details-section .setu-hero-title {text-align: center; padding: 30px 0 30px;}
.ai-ecosystem-section .eco-inner { text-align: center; } 
.eco-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 16px; border: 1px solid #e4d7f5; border-radius: 999px; background: #fdfbff; font-size: 13px; font-weight: 600; color: #3a2f5c; margin-bottom: 22px; }
.eco-badge svg { width: 14px; height: 14px; }
.eco-heading { font-size: clamp(32px, 5vw, 50px); line-height: 60px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; color: #343A40; margin: 0 0 16px; letter-spacing: -2%; } 
.eco-heading .accent { color: #1E40AF; } 
.eco-subtext { max-width: 700px; margin: 0 auto 56px; color: #343A40; font-size: 20px; line-height: 24px; font-family: 'Plus Jakarta Sans', sans-serif; }
.eco-hub { margin-bottom: -43px !important; position: relative; display: flex; justify-content: center; margin-bottom: 0; height: 62px; }
.eco-logo-image { z-index: 3; width: 160px; height: auto; display: block; top: -24px; filter: drop-shadow(0 8px 12px rgba(46, 16, 101, 0.25)); }
.eco-cards { display: flex; gap: 24px; align-items: stretch; margin-top: 34px; position: relative; }
.eco-card { flex: 1; background: #fbfbfe; border: 1px solid #ecebf3; border-radius: 18px; padding: 32px 24px 28px; text-align: left; position: relative; }
.eco-card .icon-circle { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; }
.eco-card.secure .icon-circle { background: #e9f0ff; }
.eco-card.transparent .icon-circle { background: #e6faf3; } 
.eco-card.scalable .icon-circle { background: #f3e9ff; } 
.eco-card .icon-circle svg { width: 22px; height: 22px; } 
.eco-card h3 { text-align: center; font-size: 25px; font-weight: 700; color: #1A0B54; margin: 0 0 12px; line-height: 32px; font-family: 'Plus Jakarta Sans', sans-serif; }
.eco-card p { text-align: center; font-size: 16px; line-height: 24px; color: #364969; margin: 0 0 18px; padding-bottom: 18px; border-bottom: 1px solid #eeeef4; font-family: 'Inter', sans-serif; }
.eco-card ul { list-style: none; margin: 0; padding: 0; } .eco-card ul li { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; font-family: 'Inter', sans-serif; color: #364969; margin-bottom: 12px; line-height: 24px; }
.eco-card ul li:last-child { margin-bottom: 0; }
.eco-card ul li svg { width: 16px; height: 16px; flex-shrink: 0; color: #22c55e; }
.eco-connectors {
 position: relative;
 width: 100%;
 height: 70px;
 margin-top: 0;
}

 .eco-connectors svg {
 width: 100%;
 height: 173%;
 display: block;
 overflow: visible;
 }

.eco-banner {margin-top: 32px;background: linear-gradient(97.16deg, #040443 3.1%, #340275 94.41%);border-radius: 20px;padding: 28px 36px;display: flex;align-items: center;gap: 20px;text-align: left;overflow: hidden;position: relative;}
.eco-banner .banner-icon {width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.eco-banner .banner-icon svg { width: 22px; height: 22px; color: #fff; } 
.eco-banner h4, .eco-banner .eco-banner-title { margin: 0 0 4px; color: #fff; font-size: 19px; font-weight: 700; line-height: 1.35; }
.eco-banner p { margin: 0; color: #b7b3d6; font-size: 14px; }
.tried-solution-section { text-align: center; background: #F6F8FF; }
.tried-solution-section .ts-cards { display: flex; gap: 24px; align-items: stretch; }
.tried-solution-section .ts-card { flex: 1; min-width: 0; border-radius: 20px; padding: 32px 28px; text-align: left; } 
.tried-solution-section .ts-card.pink { background: #FDD3EA; } 
.tried-solution-section .ts-card.lavender { background: #F3F0FF; }
.tried-solution-section .ts-card.dark { background: #1E40AF; box-shadow: 0 20px 40px rgba(26, 36, 160, 0.25); } 
.tried-solution-section .ts-icon { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #ffffff; margin-bottom: 20px; }
.tried-solution-section .ts-icon img { width: 86px; height: 86px; }
.tried-solution-section .ts-card.pink .ts-icon { box-shadow: 0 0 0 6px #fbdce9; }
.tried-solution-section .ts-card.lavender .ts-icon { box-shadow: 0 0 0 6px #e2d8fa; }
.tried-solution-section .ts-card.dark .ts-icon { box-shadow: 0 0 0 6px rgba(255,255,255,0.18); }
.tried-solution-section .ts-card h4 { font-size: 25px; font-weight: 700; color: #343A40; margin: 0 0 18px; font-family: 'Plus Jakarta Sans', sans-serif; line-height: 32px; }
.tried-solution-section .ts-card.dark h4 { color: #ffffff; }
.tried-solution-section .ts-card ul { list-style: none; margin: 0; padding: 0; }
.tried-solution-section .ts-card ul li { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 400; color: #364969; margin-bottom: 14px; font-family: 'Inter', sans-serif; line-height: 24px; }
.tried-solution-section .ts-card ul li:last-child { margin-bottom: 0; }
.tried-solution-section .ts-card ul li svg { width: 16px; height: 16px; flex-shrink: 0; } 
.tried-solution-section .ts-card.pink ul li svg, .tried-solution-section .ts-card.lavender ul li svg { color: #9a9aac; } 
.tried-solution-section .ts-card.dark ul li { color: #eef0ff; }
.tried-solution-section .ts-card.dark ul li svg { color: #7fb8ff; } 
.setu-ai-avtar-right { margin-left: 50px; }
.setu-newhero-section .enterprise-title { align-items: center; gap: 12px; }
.setu-newhero-section .setu-logo { width: 146px; height: auto; display: inline-block; }
.ts-cards i { width: 12px; height: 12px; color: #343A40; } 
.setu-faqs .container { max-width: 1320px; margin: 0 auto; padding: 0 20px; } 
.setu-faqs .sec-head { text-align: left; margin-bottom: 20px; } 
.setu-faqs .sec-head h2 { font-size: 40px; font-weight: 700; color: #1a1a2e; margin: 0; }
.setu-faqs .faq-grid { margin-top: 20px; }
.setu-faqs .panel.acc { border-bottom: 1px solid #e5e5e5; }
.setu-faqs .panel-title a { display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: 700; color: #000000E5; line-height: 24px; font-family: 'Plus Jakarta Sans', sans-serif; text-decoration: none; cursor: pointer; } 
.setu-faqs .panel-title a:hover { color: #444; } 
.setu-faqs .plus { font-size: 20px; font-weight: 400; color: #1a1a2e; transition: transform 0.2s ease; }
.setu-faqs .panel-title a[aria-expanded="true"] .plus, .setu-faqs .panel-collapse.in ~ .panel-heading .plus { transform: rotate(45deg); }
.setu-faqs .panel-body.body { font-size: 16px; font-family: 'Inter', sans-serif; line-height: 24px; color: #000000E5; }
.setu-faqs .panel-collapse.collapse:not(.in) { display: none; } 
.setu-faqs .panel-collapse.collapse.in { display: block; }
.setu-faqs .plus { width: 30px; height: 30px; background: #FFFFFF; color: #000000E5; display: flex; align-items: center; justify-content: center; font-size: 22px; transition: .3s; flex-shrink: 0; border: none; }
.setu-faqs .faq-grid { max-width: 1320px; margin: 0 auto; }
.benefits-list { display: flex; align-items: center; gap: 22px; margin-bottom: 24px; flex-wrap:wrap; }
.benefit-item { display: flex; align-items: center; gap: 8px; color: #343A40; font-weight: 500; font-size: 16px; line-height: 24px; font-family: 'Inter', sans-serif; white-space: nowrap; }
.benefit-item img { width: 20px; height: 20px; object-fit: contain; } 
.attendanceheadingfive { max-width: 900px; margin: 12px auto 0; color: #343a40; font-size: 20px; line-height: 24px; font-weight: 500; font-family: 'Plus Jakarta Sans', sans-serif; }
.key-text-attendace { font-size: 25px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 600; line-height: 32px; color: #343A40; text-align: center; } 
.new-enterprise-section .company-btns { justify-content: left !important; }
.enterprise-title { font-size: clamp(40px, 5vw, 50px); font-family: 'Plus Jakarta Sans', sans-serif; line-height: normal; font-weight: 800; color: #343A40; margin-bottom: 15px; }
.enterprise-title span { color: #1E40AF; }
.enterprise-text { font-size: 20px; font-family: 'Plus Jakarta Sans', sans-serif; color: #343A40; line-height: 1.8; max-width: 795px; margin-bottom: 35px; font-weight: 500; } 
.enterprise-btns { display: flex; gap: 18px; flex-wrap: wrap; }
.btn-primary-custom { background: #3158F5; color: #fff; padding: 16px 28px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: .3s; }
.btn-primary-custom:hover { background: #2347d6; color: #fff; } 
.btn-outline-custom { padding: 16px 28px; border: 2px solid #3158F5; border-radius: 50px; color: #3158F5; text-decoration: none; font-weight: 600; transition: .3s; }
.btn-outline-custom:hover { background: #3158F5; color: #fff; }
.enterprise-image { text-align: right; }
.enterprise-image { width: 100%; max-width: 420px; margin-left: auto; overflow: hidden; border-radius: 20px; } 
.enterprise-image img { width: 100%; display: block; object-fit: contain; max-height:434px;} 
.trusted-section { margin-top: 80px; } 
.trusted-section p { text-align: center; color: #606367; margin-bottom: 30px; font-weight: 500; font-size: 20px; line-height: 24px; font-family: 'Plus Jakarta Sans', sans-serif; }
.logo-box { height: 72px; border: 1px solid #E5E7EB; border-radius: 14px; display: flex; justify-content: center; align-items: center; background: #fff; transition: .3s; margin-top: 20px; }
 .logo-box:hover { box-shadow: 0 8px 20px rgba(0,0,0,.08); } 
 .logo-box img { max-width: 120px; max-height: 38px; }
 .page { width: 1440px; max-width: 100%; background: var(--bg); border-radius: 16px; overflow: hidden; }
 .hr-manegment-suite-section .header { width: 100%; height: 162px; display: flex; flex-direction: column; justify-content: center; gap: 15px; border-bottom: 1px solid var(--border); } 
 .hr-manegment-suite-section .header-top { display: flex; align-items: center; justify-content: space-between; } 
 .hr-manegment-suite-section .header-left { display: flex; flex-direction: column; }
 .hr-manegment-suite-section .pill { display: inline-flex; align-items: center; gap: 6px; width: fit-content; padding: 6px 14px; border: 2px solid transparent; border-radius: 999px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 500; font-size: 20px; line-height: 24px; color: #000; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #FF6BC9 0%, #7C58FF 100%) border-box; } 
 .hr-manegment-suite-section .title-row { display: flex; align-items: center; gap: 12px; } 
 .hr-manegment-suite-section h2 { font-size: 38px; font-weight: 700; line-height: normal; letter-spacing: -2%; color: #343A40; font-family: 'Plus Jakarta Sans', sans-serif; }
 .hr-manegment-suite-section h2 span { color: #1E40AF; }
 .hr-manegment-suite-section .modules-badge { font-size: 12px; font-weight: 600; color: #113E78; background: #ECF0FE; padding: 4px 10px; border-radius: 999px; font-family: 'Plus Jakarta Sans', sans-serif; } 
 .hr-manegment-suite-section .subtitle { font-size: 20px; color: #656971; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 500; line-height: 24px; }
 .hr-manegment-suite-section .grid-wrap { padding: 32px 0 40px; }
.hr-manegment-suite-section .grid {display: flex;gap: 24px;flex-wrap: wrap; justify-content: center;}
 .hr-manegment-suite-section .last-row { display: flex; gap: 24px; margin-top: 24px; justify-content: center; } 
 .hr-manegment-suite-section .last-row .card { width: 464px; flex: 0 0 464px; } 
 .hr-manegment-suite-section .card { width: 32%; border: 1px solid #E1E6F4; border-radius: 24px; padding: 18px 22px; display: flex; gap: 15px; background: #fff; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; position: relative; }
 .hr-manegment-suite-section .card:hover { border-color: #60A5FA; box-shadow: 0 8px 24px rgba(79,70,229,0.10); transform: translateY(-2px); }
 .hr-manegment-suite-section .card.active { border-color: var(--border-active); box-shadow: 0 8px 24px rgba(79,70,229,0.12); }
 .hr-manegment-suite-section .icon-box { width: 40px; height: 40px; border-radius: 10px; background: var(--icon-bg); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } 
 .hr-manegment-suite-section .icon-box svg { width: 20px; height: 20px; stroke: var(--blue); } 
 .hr-manegment-suite-section .card-body { display: flex; flex-direction: column; gap: 6px; flex: 1; padding:0px; }
 .hr-manegment-suite-section .card-title { font-size: 20px; font-weight: 700; color: #343A40; display: flex; align-items: center; justify-content: space-between; font-family: 'Plus Jakarta Sans', sans-serif; line-height: 24px; }
 .hr-manegment-suite-section .card.active .card-title { color: var(--blue); } 
 .hr-manegment-suite-section .card-title .arrow { opacity: 0; transition: opacity .15s ease, transform .15s ease; color: var(--blue); position:absolute; bottom:20px; right:20px;}
 .hr-manegment-suite-section .card.active .card-title .arrow { opacity: 1; } 
 .hr-manegment-suite-section .card:hover .card-title .arrow { opacity: 1; transform: translateX(2px); }
 .hr-manegment-suite-section .card-desc {font-size: 16px; line-height: 24px; font-weight: 400; color: #364969; font-family: 'Inter', sans-serif; }
 .hr-manegment-suite-section .read-more {font-size: 16px; font-weight: 500; color: #1E40AF; line-height: 24px; font-family: 'Plus Jakarta Sans', sans-serif; text-decoration: none; width: fit-content;}
.hr-manegment-suite-section .read-more:hover{text-decoration:underline;}
.client-logo-glossary .brand-section {position: inherit;}
.vindustries {display: flex;flex-wrap: wrap;gap: 15px;justify-content: center;}
.section-main-title {font-size: 50px !important;}
.setu-stat-item .stat-number i {font-size: 30px;}
.setu-stat-item .stat-number sup{top: 0;}
.clientlognew{max-width:1000px; margin-left:auto; margin-right:auto;}
.setu-meet-head{position: sticky;top: 95px;}
.setu-slides-wrap {padding: 0 0.7rem;}
.btn-dark{background: #030303;}
.btn-dark:hover {background: #fff;color: #030303;}
.btn-blue { max-width:max-content; border:1px solid #1E40AF; background: #1E40AF; color: #fff; padding: 10px 25px !important; font-size: 17px; display: flex; align-items: center; column-gap: 7px; }
.btn-white {font-weight:500; max-width:max-content; border:1px solid #1E40AF; background: #fff; color: #1E40AF; padding: 10px 25px !important; font-size: 17px; display: flex; align-items: center; column-gap: 7px; }
.btn-blue:hover{background: #030303;border:1px solid #1E40AF;color:#fff;}
.btn-white:hover{background: #1E40AF;border:1px solid #1E40AF;color:#fff;}
.rowbtnstill .btn {margin-left: auto;margin-right: auto;}
.testimonialsnew .client-card img.client-brand {margin: 14px;max-width: 140px;}
.testimonialsnew .client-details{margin-left:auto; margin-right:auto;}


.headingmain.light-h h2{
 color: #fff;
 font-weight: 700;
 font-size: 38px;
}

.headingmain.light-h p{
 color: #fff;
 font-weight: normal;
 font-size: 16px;
}


.headingmain.dark-h h2 {
 color: #030B1D;
 font-weight: 700;
 font-size: 38px;
}

.headingmain.dark-h p {
 color: #656971;
 font-weight: normal;
 font-size: 16px;
}
.headingmain {
 margin-bottom: 24px;
}
.mainblue {
 color: #1E40AF;
}
.headingmain h2 {
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
}
.headingmain p {
 max-width: 835px;
 margin-left: auto;
 margin-right: auto;
}
.headingmain .setu-happy-badge-wrap {
 margin-bottom: 15px;
}
.connect-client-main .brand-section {
 padding: 0;
}
.stories {
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
}
.stories .owl-nav {
 position: absolute;
 top: 42%;
 display: flex;
 justify-content: space-between;
 width: 120%;
 left: -82px;
}

.stories .owl-nav button {
 font-size: 21px !important;
 border: 1px solid #000 !important;
 border-radius: 50px;
 width: 35px;
 height: 35px;
}
.stories .view-more{color:#337AB7}
/*-------- new media quary shift all in tiis -----------*/
@media (min-width: 0px) and (max-width: 575px) {
 .new-industires .section-main-title{font-size: 31px !important}
 .how-card {margin-top: 0px !important; margin-bottom:0px;}
 .attendanceheadingfive { max-width: 900px; margin: 12px auto 0; color: #343a40; font-size: 17px; line-height: 24px; font-weight: 500; font-family: 'Plus Jakarta Sans', sans-serif; }
 .key-text-attendace { font-size: 19px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 600; line-height: 26px; color: #343A40; text-align: center; margin:0px; } 
 .enterprise-icon { width: 50px; height: 50px; }
 .enterprise-card h4 { font-size: 18px; line-height: 25px; } 
 .timelabs-card h4 { font-size: 18px !important; } 
 .trusted-section {margin-top: -8px !important}
 .setu-happy-badge-wrap { justify-content: center; margin-bottom: 24px; } 
 .what-enterprise-section { padding: 50px 0 90px; background: #FEFFFF; }
 .enterprise-card { width: 100%; min-height: 289px; padding: 40px; border: 1px solid #E1E6F4; border-radius: 24px; background: #FFFFFF; display: flex; flex-direction: column; gap: 16px; transition: .3s; margin-bottom: 30px; }
 .new-howitwork-section { padding: 50px 0 50px; }
 .new-howitwork-section .section-heading h2 { font-size: 26px !important; line-height: 50px; }
 .enterprise-title { font-size: 28px; } 
 .enterprise-text { font-size: 15px; }
 .glossary-badge { flex-wrap: wrap; justify-content: center; text-align: center; }
 .trusted-section { margin-top: 40px; }
 .what-timelabs-does-section { padding: 25px 0 86px;}
 .what-timelabs-does-section .section-heading h2 { font-family: "Plus Jakarta Sans", sans-serif; font-size: 26px !important; font-weight: 700; line-height: 40px; letter-spacing: -0.02em; color: #343A40; } }
 
 @media (min-width: 0px) and (max-width: 767px) {
 .btn-blue{font-size:14px;}
 .setu-ai-avtar-right {
 height: 395px;
 }
 .setu-newhero-section .enterprise-title{margin-top:1px;}
 .setu-ai-message{display: none;}

 .new-enterprise-section .container {
 width: 100%;
 padding: 0;
 }

 .new-enterprise-section .row {
 margin: 0;
 }

 .new-enterprise-section .col-lg-8,
 .new-enterprise-section .col-lg-4 {
 padding: 0;
 }

 /* Heading */
 .enterprise-title {
 font-size: 34px;
 line-height: 1.15;
 text-align: center;
 }

 /* Setu AI logo inside heading */
 .enterprise-title .setu-logo {
 max-width: 130px;
 height: auto;
 display: inline-block;
 }

 /* Paragraph */
 .enterprise-text {
 font-size: 16px;
 line-height: 1.6;
 text-align: center;
 margin: 20px auto 0;
 max-width: 600px;
 }

 /* Button */
 .company-btns {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 25px;
 }

 .company-btns a {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 }

 /* Avatar area - CENTERED */
 .new-enterprise-section .col-lg-4 {
 margin-top: 45px !important;
 text-align: center !important;
 }

 .setu-ai-avtar-right {
 width: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
 margin: 0 auto;
 }

 /* Message box centered */
 .setu-ai-message {
 margin: 0 auto 10px;
 text-align: center;
 }

 /* Avatar centered */
 .setu-ai-avtar-right img {
 display: block;
 width: auto;
 max-width: 180px;
 height: auto;
 margin: 0 auto;
 }
 .eco-card{margin-top: 20px;width: 100%;height: auto;}
 .eco-subtext{font-size:14px;margin: 0 auto 15px;}
 .eco-heading {line-height: 40px;}
 .eco-cards{display: block;}
 .hr-manegment-suite-section .card { margin-top: 0px;}
.hr-manegment-suite-section .last-row .card {width: 332px;}
 .hr-manegment-suite-section .header-top {display: block;}
 .new-rvideosction h2{font-size: 26px !important;margin-bottom: -6px;}
 .new-rvideosction .headingpara {color: #656971;font-size: 16px;line-height: 21px;letter-spacing: 0%;font-weight: 500;font-family: 'Plus Jakarta Sans', sans-serif;}
 .card-content h4, .card-content .handbook-card-title {color: #FFFFFF;font-size: 20px;font-weight: 700;line-height: 32px;margin: 0 0 14px;font-family: 'Plus Jakarta Sans', sans-serif;}
 .handbook-card {position: relative;border-radius: 12px;overflow: hidden;height: 430px;cursor: pointer;margin-top: 20px;}
 .new-resorucesection .section-header h5 {font-size: 15px;color: #6B7280;margin-bottom: -43px;}
 .new-resorucesection {padding: 40px 0 40px !important;}
 .new-resorucesection h2{font-size: 26px !important; line-height: 30px !important}
 .benefits-list {align-items: center;gap: 22px;margin-bottom: 24px;display: grid !important; margin-top:20px;}
 .tried-solution-section { text-align: center; } 
 .tried-solution-section .ts-heading { font-size: 24px; }
 .tried-solution-section .ts-subtext { margin-bottom: 28px; }
 .tried-solution-section .ts-cards { flex-direction: column; gap: 16px; } 
 .tried-solution-section .ts-card { text-align: left; } 
 .timelabs-card h4 { font-size: 20px; } 
 .setu-happy-badge-wrap { justify-content: center; margin-bottom: 24px;max-width:max-content; }
 .what-enterprise-section { padding: 50px 0 90px; background: #FEFFFF; } 
 .enterprise-card { width: 100%; min-height: 289px; padding: 40px; border: 1px solid #E1E6F4; border-radius: 24px; background: #FFFFFF; display: flex; flex-direction: column; gap: 16px; transition: .3s; margin-bottom: 30px; }
 .new-howitwork-section .section-heading h2{ font-size: 28px; } 
 .enterprise-heading h2 { font-size: 28px; line-height: 40px;}
 .new-howitwork-section .section-heading h2 { font-size: 28px; line-height: 40px; } 
 .what-timelabs-does-section .section-heading h2 { font-family: "Plus Jakarta Sans", sans-serif; font-size: 28px; font-weight: 700; line-height: 40px; letter-spacing: -0.02em; color: #343A40; }
 body .new-enterprise-section { padding: 20px 0 20px !important; min-height: auto; height: auto; }
 .enterprise-title { font-size: 26px !important; line-height: 1.3; } 
 .enterprise-text { font-size: 16px; }
 .company-btns { flex-direction: column; width: 100%; }
 .company-btns .btn_2 { width: 100%; min-width: 100%; }
 .trusted-section p { font-size: 20px; margin-top:30px; margin-bottom:0px;}
 .logo-box { padding: 12px; margin-top:0px;} 

 }
 @media (min-width: 0px) and (max-width: 991px) { 
 .tried-solution-section .ts-heading { font-size: 28px; }
 .tried-solution-section .ts-subtext { font-size: 14px; margin-bottom: 36px; } 
 .tried-solution-section .ts-cards { gap: 16px; }
 .tried-solution-section .ts-card { padding: 26px 20px; border-radius: 16px; }
 .tried-solution-section .ts-icon { width: 44px; height: 44px; margin-bottom: 16px; } 
 .tried-solution-section .ts-icon svg { width: 20px; height: 20px; }
 .tried-solution-section .ts-card h3 { font-size: 17px; margin-bottom: 14px; }
 .tried-solution-section .ts-card ul li { font-size: 13px; margin-bottom: 11px; }
 .timelabs-card h4 { font-size: 25px; } 
 .new-enterprise-section { padding: 55px 0 100px !important; } 
 .clinent-sectio .ourclient-slider .owl-nav { position: static; display: flex; justify-content: center; padding: 10px 0 0; } 
 
 .new-enterprise-section .glossary-badge { margin-bottom: 1px;}
 .what-enterprise-section { padding: 0px 0 50px; background: #FEFFFF; } 
 .enterprise-card { width: 100%; min-height: 289px; padding: 40px; border: 1px solid #E1E6F4; border-radius: 24px; background: #FFFFFF; display: flex; flex-direction: column; gap: 16px; transition: .3s; margin-bottom: 30px; }
 .enterprise-heading h2 { font-size: 31px; line-height: 36px; }
 .new-howitwork-section .section-heading h2 { font-size: 31px; line-height: 40px; }
 .what-timelabs-does-section .section-heading h2 { font-family: "Plus Jakarta Sans", sans-serif; font-size: 31px; font-weight: 700; line-height: 40px; letter-spacing: -0.02em; color: #343A40; } 
 .new-enterprise-section { padding: 100px 0 20px; min-height: auto; height: auto; }
 .timelabs-card { width: 100%; min-height: 280px; background: #fff; border: 1px solid #E7EAF4; border-radius: 24px; padding: 30px; display: flex; flex-direction: column; gap: 20px; transition: .35s ease;}
 .enterprise-title { font-size: 38px; text-align: center; }
 .enterprise-text { text-align: left; font-size: 17px; } 
 .glossary-badge { justify-content: center; } 
 .company-btns { justify-content: center; } 
 .enterprise-image { margin-top: 40px; text-align: center; }
 .trusted-section { margin-top: 50px; }
 }

 /*-------- by vikas -----------*/
@media (max-width:1600px) {
 .setu-herosection .setu-hero-title span{margin-top:6px;}
}

@media (max-width:1400px) { 
 .setu-herosection .setu-hero-title span{margin-top:7px}
 .setu-spreadsheet-card-row{width:auto;}
 .setu-spreadsheet-card{width:33.333%;}
}

@media (max-width:1300px) {
 .setu-pill{font-size:13px;}
 .setu-main-heading {font-size: 22px;line-height: 1;}
 .setu-desc{font-size:14px;}
 .setu-feature{font-size:14px !important}
 .setu-5c-icon {width: 58px; height: 58px;}
 .setu-5c-content h4{font-size:22px;}
 .setu-5c-content p{font-size:14px;}
}
@media (max-width:1199px) {
 .setu-device-wrap img {max-width: 85%;}
 .setu-resource-card p{font-size:14px;}
 .setu-resource-card h4{font-size:16px;}
 .setu-need-section .card-text {top: auto; bottom: 20px;}
 .setu-form-section .setu-contact-left{width:435px;}
 .enterprise-card{margin-top: 20px;}
 .setu-meet-head{position:inherit; top:0;}
 .setu-meet-row{position:inherit;top:0;}
 .trusted-section {margin-top: 30px; margin-bottom:30px;}
 .timelabs-card h4 {font-size: 18px;}
 .what-enterprise-section {padding: 0px 0 50px;}
 .enterprise-icon {width: 40px; height: 40px;}
 .enterprise-card{padding:20px;gap:10px; min-height:335px;}
 .enterprise-card h4{font-size:18px;}
 .what-enterprise-section .enterprise-heading h2{font-size:36px;}
 .enterprise-heading {margin-bottom: 0;}
 .u-setu-trust-client .trust-heading, .new-howitwork-section .section-heading h2{font-size:36px;}
 .cheque-image img{max-width:100%;}
 .u-indiashandp h1{font-size:40px;}
 .u-new-connectwithus .u-indiashandp h2{font-size:18px;}
 .uu-count-stus{flex-direction:column;}
}
@media (max-width:991px) {
 .recognise-section {
 padding: 45px 0;
 }

 .recognise-content {
 text-align: center;
 margin-bottom: 30px;
 }

 .recognise-content h2,
 .recognise-content p {
 margin-left: auto;
 margin-right: auto;
 }

 .recognise-awards img {
 width: 500px;
 }
 .what-enterprise-section .enterprise-heading h2 {font-size: 26px;}
 .hr-manegment-suite-section h2{font-size:28px !important;}
 .hr-manegment-suite-section .subtitle{font-size:18px;}
 .new-howitwork-section {
 padding: 50px 0;
 }
 .jad-feature {
 padding: 0px !important;
 }

 .jad-feature p{font-size:16px;}
 .jad-title {
 line-height: 40px;
 }
 .vindustries .industries-inner {
 flex: 0 0 calc(16.666% - 15px); 
 max-width: calc(16.666% - 15px);
 }
 .setu-herosection .setu-hero-title{max-width: 62vw;}
 .setu-slides-wrap{min-height:auto; height:auto;}
 .setu-meet-row{gap:0px;}
 .setu-stat-item .stat-icon{margin-top:0px;}
 .cheque-nav button.active {padding: 10px 13px 10px;}
 .setu-spreadsheet-card{width:46%;}
 .setu-spreadsheet-card-row{margin-top:50px;row-gap:50px}
 .setu-spreadsheet-card {width: 46%; height:auto;}
 .setu-5c-card-care{height:auto;}
 .u-setu-trust-client .trust-heading{font-size:32px;}

 .setu-guide-content{padding-right:0px; text-align:center;}
 .setu-resource-card{min-height:auto;}
 .setu-form-section .setu-contact-left{width:auto; margin-bottom:0px; border-radius:10px 10px 0px 0px !important}
 .u-setu-trust-client .trust-quote{font-size:16px; line-height:30px; margin-bottom: 10px;}
 .u-setu-trust-client .trust-author{font-size:18px;}
 .u-setu-trust-client .trust-role .name{font-size:14px;}
 .u-setu-trust-client .trust-card{min-height:auto; padding: 15px 20px;}
 .setu-stat-item:not(:last-child):after{height:102%;}
 .formleft .landing-form-container{padding:15px;}
 .trusted-section{margin-top:0px;}
 .enterprise-card{margin-bottom:0px;}
}
@media (max-width:767px) {
 .cheque-copy {
 margin-bottom: 15px;
 }
 .cheque-image{justify-content:center;}
 .cheque-nav-wrap{justify-content:flex-start;}
 .setu-5c-card{flex-direction:column;}
 .setu-guide-content .btn {text-align: center; margin-left: auto; margin-right: auto;}
 .headingmain.light-h h2, .headingmain.dark-h h2{font-size:26px;}
 .headingmain p{font-size:14px;}
 .setu-herosection .company-btns{margin-bottom:0px !important;}
 .help-yourself-section h2 {font-size: 24px;}
 .help-card {padding: 20px !important;}
 .customer-supp-ways .customer-supp-ways__card {height: auto;min-height: 280px;}
 .enterprise-card{min-height:auto; margin:0px;}
 .setu-stat-item:not(:last-child):after{background:transparent}
 .setu-stat-item{min-height:140px;}
 .setu-stat-item:nth-child(1), .setu-stat-item:nth-child(2){border-bottom:1px solid rgba(219, 219, 240, 1);}
 .setu-stat-item .stat-number{font-size:34px;}
 body .section-main-title, body .what-timelabs-does-section .section-heading h2 {font-size: 26px !important;}
 .new-enterprise-section .col-lg-6.text-lg-end {display: none; }
 .new-enterprise-section .brand-section{height:auto !important;}
 .enterprise-title{line-height:43px !important; margin-top:20px;}
 .new-enterprise-section .company-btns{margin-bottom:0px !important}
 .vindustries{justify-content:center;}
 .what-timelabs-does-section .section-heading h2 span{display:inline-block;}
 .jad-feature{padding: 0 !important}
 .jad-feature p{font-size:16px;}
 .jad-feature h4{font-size:16px;}
 .jad-feature h3 {font-size: 26px;}
 .jad-content {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 40px;
 width: 100%;
 }
 .jad-phone-wrap {
 width: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 0 auto;
 }

 .jad-phone-wrap img {
 display: block;
 width: auto;
 max-width: 280px;
 height: auto;
 margin: 0 auto;
 }

 .jad-features {
 width: 100%;
 padding: 0 15px;
 margin: 0 auto;
 }

 .jad-feature {
 width: 100%;
 margin-bottom: 30px;
 }

 .jad-feature h3 {
 font-size: 22px;
 line-height: 1.3;
 margin-bottom: 6px;
 }

 .jad-feature h4 {
 font-size: 18px;
 line-height: 1.4;
 margin-bottom: 10px;
 }

 .jad-feature p {
 font-size: 15px;
 line-height: 1.6;
 }
 .vindustries .industries-inner {
 flex: 0 0 calc(33.333% - 15px); /* 3 items per row */
 max-width: calc(33.333% - 15px);
 }

.setu-herosection .setu-hero-title span {margin-bottom: -7px;text-align: left;display: inline-block;margin-top: 0;min-width: 90px;}
.announcement-bar {padding: 3px 5px;min-height: auto;}

.tl-header{position:inherit;}
.tl-demo-btn svg{display:none;}
.setu-herosection .setu-hero-title {max-width: 86vw;}
.setu-herosection .setu-hero-title{font-size:30px;}
.setu-meet-section { padding: 30px 0 30px !important; }
.client-logo-glossary .client-logo-text { font-size: 18px; margin-top:0px;padding: 0px 15px;}
.new-hr-glossary { padding: 35px 0 0; }
.hrglossarycontainer { width: 100%; padding: 0 15px; }
.glossary-badge { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; padding: 8px 12px; margin-bottom:0px;}
.glossary-badge img { display: none; }
.glossary-badge span { font-size: 12px; line-height: 18px; }
.setu-hero-title { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; font-size: 40px; line-height: 50px; letter-spacing: -0.02em; /* -2% */ text-align: center; color: #2F3441; margin: 20px 0; }
.setu-hero-title br { display: block; }
.btn-text { font-size: 14px; }
.glossary-desc { font-size: 15px; line-height: 26px; margin: 20px 0; }
.glossary-desc br { display: none; }
.company-btns { display: flex; flex-direction: column; gap: 15px; width: 100%; margin-top: 30px; }
.company-btns button, .company-btn { width: 220px; justify-content: center; padding: 14px 18px; }
.company-btns button svg { margin-left: 8px; }
.client-logo-text { font-size: 14px; line-height: 24px; }
.joinus-title { font-size: 26px; line-height: 1.3; text-align: center !important; white-space:normal !important;}
.wrapper, .words { display: inline-block; }
.setu-spreadsheet-heading { font-size: 28px; line-height: 36px; width: 100%; max-width: 350px; text-align: center; margin: 0 auto; }
.setu-need-section .head-wrap h2 { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; font-size: 31px; line-height: 40px; letter-spacing: -0.02em; text-align: center; }
.setu-form-section { padding: 30px 15px; }
.guide-outer { padding: 0; }
 .setu-contact-title { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; font-size: 32px; line-height: 40px; letter-spacing: -0.02em; text-align: center; }
 .setu-contact-desc { font-size: 15px; line-height: 24px; text-align: center; max-width: 300px; margin: 15px auto; }
 .setu-big-fan { width: 180px; height: auto; margin: 20px auto; }
 .landing-form-container { width: 100% !important; }
 .contact-form .form-group { margin-bottom: 15px; } 
 .contact-form .row { display: block; } 
 .contact-form .col-xs-6, .contact-form .col-sm-12, .contact-form .col-lg-12, .contact-form .col-lg-6, .contact-form .col-md-6 { width: 100%; }
 .form-control { width: 100%; height: 46px; font-size: 14px; } 
 select.form-control { padding-right: 30px; }
 .g-recaptcha { transform: scale(.75); transform-origin: center; margin: 10px auto; }
 .text-right { text-align: center !important; }
 .company-btn { width: 100%; padding: 12px 20px; font-size: 15px; }
 .company-btn svg { width: 20px; height: 20px; }
 .setu-form-section .setu-contact-title { font-size: 31px !important; text-align: left !important; }
 .setu-form-section .setu-contact-desc { text-align: left !important; font-size: 16px !important; color: #ffff !important; }
 .client-logo-glossary {margin-top: 0;}
 .u-setu-trust-client.trustedresponsive .trust-card{max-width:max-content; min-height:auto;}
 .btn_2{font-size:16px; padding: 8px 15px;}
 .setu-meet-title{padding-top:0px;}
 .setu-spreadsheet-card-row{margin-top:10px;margin-bottom: 0;}
.rowbtnstill .btn-primary.style_2{margin-bottom:0px;}
.cookieflex{background:rgb(255 255 255 / 70%)}
.setu-resource-cards {margin-top: 0;}
.setu-tool-card{margin-top:0px; margin-bottom:30px;}
}
@media (max-width:575px) {
 .customer-supp-ways .customer-supp-ways__card {
 padding: 24px;
 border-radius: 20px;
 }
.setu-herosection .setu-hero-title {max-width: 100%;}
.setu-spreadsheet-card{max-width:100%; width:100%;}
.setu-spreadsheet-card-row{row-gap:15px;}
.setu-bottom-strip{display:block;}
.setu-strip-item{border-right:none !important;}
.company-content{padding:0px !important;}
.setu-form-section .setu-contact-title{font-size:24px;}
 .vindustries .industries-inner {
 flex: 0 0 calc(50% - 15px); /* 2 items per row */
 max-width: calc(45% - 15px);
 }
}


/*----------------- urvashi media css -----------*/
@media (max-width: 1199px) {
 .customer-supp-ways .customer-supp-ways__card {height: 300px;padding: 25px;}
 .enterprise-title {font-size: 36px;text-align: left; line-height: 55px;}
 .logo-row .col-lg-2 {width: 33.33%;flex: 0 0 33.33%;}
 .setu-stats-wrapper {grid-template-columns: repeat(3, 1fr);}
 .new-enterprise-section{padding:90px 30px 0px;}
 .glossary-badge span {font-size: 13px !important;}
 .section-main-title, .what-timelabs-does-section .section-heading h2 {font-size: 36px !important;}
 .what-timelabs-does-section{padding:60px 0px;}
 .timelabs-card h4{font-size:20px;}
 .timelabs-card{gap:5px}
 .timelabs-card p{font-size:14px;}
}

.new-gallery-section {
 width: 100%;
}

 .new-gallery-section .row {
 display: flex;
 justify-content: center;
 }

 .new-gallery-section .col-sm-12 {
 width: 100%;
 max-width: 1100px;
 }

.gallery-strip {
 display: flex;
 align-items: flex-start;
 gap: 112px;
 overflow-x: auto;
 padding-bottom: 10px;
}

.strip-item {
 flex: 0 0 auto;
 width: 90px;
 height: 320px;
 border-radius: 4px;
 position: relative;
 overflow: hidden;
}

 /* stagger heights like the reference image */
 .strip-item.offset-down {
 margin-top: 40px;
 height: 280px;
 }

 .strip-item.offset-up {
 margin-top: 0;
 height: 320px;
 width: 90px;
 }

 /* photo placeholders (no real people images used) */
 .strip-item.photo {
 background-size: cover;
 background-position: center;
 }

.photo-1 {
 background: linear-gradient(160deg,#e7c9a1,#c98f4f);
}

.photo-2 {
 background: linear-gradient(160deg,#f2b555,#8a4b12);
}

.photo-3 {
 background: linear-gradient(160deg,#d7dbe0,#8b97a3);
}

.photo-4 {
 background: linear-gradient(160deg,#f3d9a8,#c67d3a);
}

.photo-5 {
 background: linear-gradient(160deg,#7fa8c9,#3b5c78);
}

.photo-6 {
 background: linear-gradient(160deg,#cfd3d6,#565c60);
}

/* colored text panels */
.strip-item.text-panel {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 padding: 20px 14px;
 color: #fff;
}

.text-panel.navy {
 background: #2c2a63;
}

.text-panel.dark {
 background: #26272b;
}

.text-panel.gray {
 background: #8b8f92;
}

.text-panel .label {
 font-size: 15px;
 font-weight: 600;
 line-height: 1.3;
}

.text-panel .icon {
 align-self: center;
 font-size: 22px;
}

@media (max-width: 700px) {
 .strip-item {
 width: 70px;
 height: 240px;
 }
 .strip-item.offset-down {
 height: 200px;
 }

 .logo-row .col-lg-2 {
 width: 50%;
 flex: 0 0 50%;
 }
}

.hey-joinus-section .outer {
 width: 100%;
 max-width: 1440px;
 min-height: 342px;
 opacity: 1;
 border-radius: 30px;
 border: 1px solid #D9E7FE;
 background: #E9E7FF99;
 padding: 15px;
 margin: 0 auto;
}

.hey-joinus-section .inner {
 width: 100%;
 min-height: 312px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 24px;
 opacity: 1;
 border-radius: 22px;
 padding: 40px;
 background: radial-gradient(120% 160% at 15% 15%, #171454 0%, #0c0a33 45%, #08071f 100%);
 position: relative;
 overflow: hidden;
 flex-wrap: wrap;
}
 
 .hey-joinus-section .inner::before {
 content: "";
 position: absolute;
 right: -60px;
 top: -40px;
 width: 260px;
 height: 260px;
 background: linear-gradient(135deg, rgba(80,70,200,0.25), rgba(80,70,200,0));
 transform: rotate(20deg);
 pointer-events: none;
 }

 .hey-joinus-section .inner::after {
 content: "";
 position: absolute;
 right: 40px;
 bottom: -60px;
 width: 220px;
 height: 220px;
 background: linear-gradient(135deg, rgba(40,35,110,0.6), rgba(40,35,110,0));
 transform: rotate(-15deg);
 pointer-events: none;
 }

.hey-joinus-section .left-side {
 width: 909px;
 max-width: 100%;
 height: 232px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 gap: 24px;
 opacity: 1;
 z-index: 1;
}

.hey-joinus-section .left-side h1 {
 margin: 0;
 font-size: 50px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 700;
 line-height: 80px;
 letter-spacing: -2%;
 color: #FFFFFF;
}

 .hey-joinus-section .left-side .subtitle {
 margin: 0;
 font-family: 'Plus Jakarta Sans', sans-serif;
 color: #ffffff;
 font-size: 25px;
 font-weight: 500;
 line-height: 32px;
 }

 .hey-joinus-section .left-side .desc {
 margin: 0;
 color: #FFFFFF;
 font-size: 16px;
 line-height: 24px;
 font-weight: 500;
 max-width: 560px;
 font-family: 'Inter', sans-serif;
 }

.hey-joinus-section .right-side {
 width: 397px;
 max-width: 100%;
 height: 222px;
 display: flex;
 flex-direction: column;
 gap: 15px;
 opacity: 1;
 border-radius: 18px;
 border: 1px solid #3836A638;
 padding: 24px;
 background: #3836A64F;
 backdrop-filter: blur(28.2px);
 -webkit-backdrop-filter: blur(28.2px);
 z-index: 1;
}

 .hey-joinus-section .right-side .heading {
 display: flex;
 align-items: center;
 gap: 10px;
 color: #ffffff;
 font-size: 20px;
 font-weight: 600;
 letter-spacing: 0.5px;
 padding-bottom: 15px;
 border-bottom: 1px solid rgba(255,255,255,0.15);
 font-family: 'Plus Jakarta Sans', sans-serif;
 line-height: 24px;
 }

 .hey-joinus-section .right-side .heading svg {
 width: 18px;
 height: 18px;
 flex-shrink: 0;
 }

.hey-joinus-section .contact-btn {
 display: flex;
 align-items: center;
 gap: 12px;
 background: rgba(255,255,255,0.06);
 border: 1px solid rgba(255,255,255,0.08);
 border-radius: 12px;
 padding: 14px 16px;
 color: #ffffff;
 font-size: 15px;
 font-weight: 500;
 text-decoration: none;
 transition: background 0.2s ease;
}

 .hey-joinus-section .contact-btn:hover {
 background: rgba(255,255,255,0.12);
 }

 .hey-joinus-section .contact-btn .icon-box {
 width: 26px;
 height: 26px;
 border-radius: 6px;
 background: rgba(255,255,255,0.12);
 display: flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
 }

 .hey-joinus-section .contact-btn .icon-box svg {
 width: 15px;
 height: 15px;
 }

@media (max-width: 480px) {
 .jad-feature{padding: 0 !important}
 .jad-feature{padding: 0px;}
 .jad-feature p {
 font-size: 16px;
 margin: 0;
 }

 .jad-feature h4 {
 font-size: 16px;
 margin: 0;
 }

 .jad-feature h3 {
 font-size: 26px;
 }
 .jad-title {
 line-height: 40px;
 }

 .jad-content {
 gap: 30px;
 }

 .jad-phone-wrap img {
 max-width: 230px;
 }

 .jad-features {
 padding: 0 10px;
 }

 .jad-feature {
 margin-bottom: 25px;
 }

 .jad-feature h3 {
 font-size: 20px;
 }

 .jad-feature h4 {
 font-size: 17px;
 }

 .jad-feature p {
 font-size: 14px;
 line-height: 1.55;
 }
 
 .setu-ai-message{display: none;}

 .enterprise-title {
 font-size: 29px;
 }

 .enterprise-title .setu-logo {
 max-width: 110px;
 }

 .enterprise-text {
 font-size: 15px;
 line-height: 1.55;
 }

 .company-btns a {
 padding: 12px 18px;
 font-size: 14px;
 }

 .setu-ai-avtar-right img {
 max-width: 150px;
 }

 .setu-ai-message {
 font-size: 14px;
 }


 .hey-joinus-section .outer {
 padding: 10px;
 }

 .hey-joinus-section .inner {
 padding: 30px;
 gap: 24px;
 }

 .hey-joinus-section .left-side {
 width: 100%;
 }

 .hey-joinus-section .right-side {
 width: 100%;
 padding: 24px;
 box-sizing: border-box;
 }

 .hey-joinus-section .contact-btn {
 width: 100%;
 box-sizing: border-box;
 }
}

.setu-ai-avtar-right {
 position: relative;
 display: inline-block;
}

 .setu-ai-avtar-right img {
 display: block;
 max-width: 80%;
 height: auto;
 }

.setu-ai-message {
 position: absolute;
 top: 55px;
 right: 82%;
 margin-right: 15px;
 background: #fff;
 color: #222;
 padding: 14px 18px;
 border-radius: 18px;
 font-size: 16px;
 line-height: 1.5;
 text-align: left;
 white-space: nowrap;
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
 z-index: 10;
}

 /* Small speech-bubble pointer */
 .setu-ai-message::after {
 content: "";
 position: absolute;
 top: 25px;
 right: -10px;
 width: 0;
 height: 0;
 border-top: 10px solid transparent;
 border-bottom: 10px solid transparent;
 border-left: 12px solid #fff;
 }



 /*-----------*/

.jad-section {
 position: relative;
 width: 100%;
 min-height: 720px;
 padding: 64px 32px;
 background: url('../../images/optimized/meetsectionbg.webp') center no-repeat;
 box-sizing: border-box;
}

 /* Background Grid */
 .jad-section::before {
 content: "";
 position: absolute;
 inset: 0;
 background-image: linear-gradient( to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px ), linear-gradient( to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px );
 
 }

/* Decorative Bloom */
.jad-bloom {
 position: absolute;
 right: -40px;
 bottom: -30px;
 width: 260px;
 height: 260px;
 opacity: 0.16;
 z-index: 0;
 pointer-events: none;
}



/* Heading */
.jad-heading {
 width: 100%;
 
 margin: 0 auto 48px;
 text-align: center;
}

.jad-eyebrow {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 9px 20px;
 margin: 0 auto 22px;
 border: 1px solid var(--jad-pill-border);
 border-radius: 999px;
 background: rgba(255, 255, 255, 0.06);
 -webkit-backdrop-filter: blur(6px);
 backdrop-filter: blur(6px);
 color: var(--jad-text-white);
 font-size: 13px;
 font-weight: 600;
 letter-spacing: 0.02em;
 box-sizing: border-box;
}

 .jad-eyebrow svg {
 width: 14px;
 height: 14px;
 flex: none;
 }

.jad-title {
 margin: 0 0 14px;
 color: #FFFFFF;
 font-size: 50px;
 line-height: 60px;
 font-weight: 700;
 letter-spacing: -0.01em;
 font-family: 'Plus Jakarta Sans',sans-serif;
 
}

.jad-subtitle {
 margin: 0;
 color: #FFFFFF;
 font-size: 20px;
 line-height: 24px;
 font-weight: 500;
 font-family: 'Plus Jakarta Sans',sans-serif;
}

/* Main Content */
.jad-content {
 width: 100%;
 display: grid;
 grid-template-columns: minmax(220px, 340px) 1fr;
 align-items: center;
 gap: 30px;
}

/* Phone */
.jad-phone-wrap {
 display: flex;
 justify-content: center;
 height: 568px !important;
}

.jad-phone {
 position: relative;
 width: 212px;
 
 aspect-ratio: 212 / 425;
 background: #0c0e1a;
 border-radius: 38px;
 padding: 10px;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08), 0 30px 60px -20px rgba(0, 0, 0, 0.7), 0 0 60px rgba(90, 110, 255, 0.25);
 box-sizing: border-box;
}

.jad-phone-screen {
 position: relative;
 width: 100%;
 height: 100%;
 border-radius: 28px;
 overflow: hidden;
 background: radial-gradient( circle at 50% 22%, #bcd4ff 0%, #6f96ff 22%, #3454d1 46%, #131c4a 72% ), radial-gradient( circle at 50% 78%, #cdb8ff 0%, #8f7bf0 24%, #4a3aa8 48%, #0f1240 74% );
 background-blend-mode: screen;
}

.jad-phone-notch {
 position: absolute;
 top: 14px;
 left: 50%;
 width: 74px;
 height: 20px;
 transform: translateX(-50%);
 background: #0c0e1a;
 border-radius: 12px;
 z-index: 2;
}

.jad-phone-side-btn {
 position: absolute;
 left: -2px;
 width: 2px;
 background: rgba(255, 255, 255, 0.15);
 border-radius: 2px;
}

.jad-btn-a {
 top: 100px;
 height: 26px;
}

.jad-btn-b {
 top: 140px;
 height: 44px;
}

.jad-side-right {
 left: auto;
 right: -2px;
 top: 130px;
 height: 56px;
}

/* Feature List */
.jad-feature h3:hover {
 color: #60A5FA;
}

.jad-features {
 display: flex;
 flex-direction: column;
}

.jad-feature {
 padding: 14px 0;
 border-bottom: 1px solid var(--jad-line);
 box-sizing: border-box;
}

 .jad-feature:last-child {
 border-bottom: none;
 }

 .jad-feature h3 {
 
 color: #FFFFFF;
 font-size: 30px;
 font-weight: 700;
 line-height: 100%;
 letter-spacing: -2%;
 font-family: 'Plus Jakarta Sans', sans-serif;
 }

 .jad-feature.is-active h3 {
 color: var(--jad-accent-blue);
 }

 .jad-feature h4 {
 margin: 16px 0 0;
 color: #FFFFFF;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-size: 21px;
 font-weight: 500;
 line-height: 100%;
 letter-spacing: 0%;
 }

 .jad-feature p {
 margin: 24px 0 0;
 color: #FFFFFF;
 font-size: 20px;
 line-height: 30px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 }

/* ===== Responsive ===== */

@media (max-width: 1024px) {
 .jad-content {
 grid-template-columns: 280px 1fr;
 gap: 24px;
 }

 .jad-title {
 font-size: 34px;
 }
}

@media (max-width: 860px) {
 .jad-content {
 grid-template-columns: 1fr;
 }

 .jad-phone-wrap {
 margin-bottom: 8px;
 }

 .jad-features {
 width: 100%;
 }
}

@media (max-width: 425px) {
 .jad-section {
 min-height: auto;
 padding: 48px 20px;
 }

 .jad-heading {
 margin-bottom: 32px;
 }

 .jad-title {
 font-size: 26px;
 line-height: 35px;
 }

 .jad-subtitle {
 font-size: 14px;
 }

 .jad-phone {
 width: 170px;
 }

 .jad-feature h3 {
 font-size: 18px;
 }

 .jad-feature p {
 font-size: 13.5px;
 }

 .jad-eyebrow {
 padding: 8px 16px;
 font-size: 12px;
 }
}

/*----- about us updated new css -----------*/
.principle-card {
 background: #fff;
 border: 1px solid #e7e8f2;
 border-radius: 14px;
 padding: 34px 34px;
 transition: 0.3s ease;
 margin-top: 30px;
 min-height: 268px;
 transition: border-color 0.3s ease, transform 0.3s ease;
}

.principle-image {
 position: relative;
}

 .principle-image::after {
 content: "";
 position: absolute;
 left: 10%;
 bottom: -8px;
 width: 0;
 height: 2px;
 background: #60A5FA;
 transform: translateX(-50%);
 transition: width 0.3s ease;
 }

.principle-card:hover .principle-image::after {
 width: 20%;
}

 .principle-card:hover {
 border-color: #60A5FA;
 transform: translateY(-3px);
 }


.principle-card .principle-title {
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 700;
 font-size: 25px;
 line-height: 32px;
 letter-spacing: -0.5px;
 vertical-align: middle;
 color: #343A40;
 margin-top: 28px;
 margin-bottom: 18px;
 text-align: left;
}

 .principle-card .principle-text {
 font-family: 'Inter', sans-serif;
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
 vertical-align: middle;
 color: #364969;
 margin: 0;
 text-align: left;
 }

.industries-sec .industries-row {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

 .industries-sec .industries-row > div {
 padding-left: 10px;
 padding-right: 10px;
 margin-bottom: 20px;
 }

.industries-sec .integrity-card {
 background: #F7F9FD;
}

.contact-us-new h1 {
 font-size: clamp(32px, 3.65vw, 65px) !important;
}

.industries-sec .industry-card {
 border-radius: 14px;
 text-align: center;
 padding: 20px 20px;
 min-height: 155px;
 border: 1px solid #e6e6e6;
 transition: all 0.3s ease;
}

.industries-sec .excellence-card {
 background: #F9F9F9;
}

.industries-sec .industry-card {
 border-radius: 14px;
 text-align: center;
 padding: 20px 20px;
 min-height: 155px;
 border: 1px solid #e6e6e6;
 transition: all 0.3s ease;
}

.industries-sec .social-card {
 background: #F1F5F4;
}

.industries-sec .industry-card {
 border-radius: 14px;
 text-align: center;
 padding: 20px 20px;
 min-height: 155px;
 border: 1px solid #e6e6e6;
 transition: all 0.3s ease;
}

.industries-sec .freedom-card {
 background: #F7EDE3;
}

.industries-sec .industry-card {
 border-radius: 14px;
 text-align: center;
 padding: 20px 20px;
 min-height: 155px;
 border: 1px solid #e6e6e6;
 transition: all 0.3s ease;
}

.industries-sec .sustainability-card {
 background: #FFFAE7;
}

.industries-sec .industry-card {
 border-radius: 14px;
 text-align: center;
 padding: 20px 20px;
 min-height: 155px;
 border: 1px solid #e6e6e6;
 transition: all 0.3s ease;
}

.industries-sec .respect-card {
 background: #FBF3F9;
}

.industries-sec .industry-card {
 border-radius: 14px;
 text-align: center;
 padding: 20px 20px;
 min-height: 155px;
 border: 1px solid #e6e6e6;
 transition: all 0.3s ease;
}

founders-sec .founders-row {
 margin-left: -15px;
 margin-right: -15px;
}

.founders-sec .founders-row {
 margin-bottom: 20px;
}

.founders-sec .founder-card {
 background: #FFFFFF;
 border-radius: 18px;
 border: 1px solid #E1E6F4;
 padding: 25px;
 min-height: 500px;
 display: flex;
 gap: 106px;
 box-shadow: 0px 0px 30.6px 0px #1848D41A;
 margin-top: 24px;
}

.founders-sec .founder-card {
 flex-direction: row;
 transition: 0.3s ease;
}

.founders-sec .founder-image-box {
 width: 265px;
 flex-shrink: 0;
}

.founders-sec .founder-content {
 flex: 1;
}

 .founders-sec .founder-content h4 {
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-size: 20px;
 line-height: 38px;
 color: #1A0B54;
 margin: 0;
 text-align: left;
 font-weight: 600;
 }

.founders-sec .founder-info {
 margin-top: 25px;
}

 .founders-sec .founder-info span {
 background: linear-gradient(90deg, #1833FE 0%, #F85936 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-clip: text;
 font-size: 15px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 500;

 }

.founders-sec .leadership-row {
 margin-top: 10px;
}

.founders-sec .leadership-row {
 max-width: 1152px;
 margin: 0 auto;
}

.leadership-row {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 align-items: center;
}

 .leadership-row .col-sm-4 {
 width: 31%;
 }

 .leadership-row > div {
 padding-left: 8px;
 padding-right: 8px;
 }
.founders-sec .leader-card {
 background: #fff;
 border-radius: 20px;
 padding: 10px;
 border: 1px solid #ececec;
 width: 336.6667px;
 height: 394.3645px;
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
 gap: 10px;
 transition: all 0.3s ease;
}

.founders-sec .leader-image {
 width: 316.6667px;
 height: 290.4445px;
 border-radius: 14px;
 overflow: hidden;
 background: #F3F3F3;
 border: 3px solid #fff;
 box-sizing: border-box;
}

 .founders-sec .leader-image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 }

.founders-sec .leader-content {
 width: 316.6667px;
 height: 63.92px;
 padding: 0 8px;
 box-sizing: border-box;
}

.leadership-row {
 display: flex;
 justify-content: center;
 align-items: stretch;
 max-width: 900px;
 margin: 0 auto;
}

 .leadership-row > div {
 padding: 0 8px;
 }

.leader-card {
 background: #fff;
 border-radius: 10px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
 height: 100%;
}

.leader-image {
 width: 100%;
 height: 180px;
 overflow: hidden;
 background: #f2f2f2;
}

 .leader-image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 }

.leader-content {
 padding: 12px 15px;
}


 .leader-content h4 {
 margin: 0 0 5px;
 font-size: 20px;
 font-weight: 500;
 color: #1A0B54;
 font-family: 'Plus Jakarta Sans', sans-serif;
 }

 .leader-content span {
 display: block;
 font-size: 14px;
 font-weight: 500;
 line-height: 1.4;
 background: linear-gradient(90deg, #1833FE 0%, #F85936 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-clip: text;
 font-size: 15px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 500;
 }
.newPrinciples-sec .glossary-desc {
 /* max-width: 1100px; */
 margin: 1px auto 0px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-size: 20px;
 font-weight: 500;
 line-height: 30px;
 color: #343A40;
}

.new-hero-about {
 background: url('../../images/aboutherobg.png') center no-repeat !important;
}

/*----------- faq's css ------------------*/
.new-faqs-section {background: #FFFFFF !important; padding: 100px 0 100px;}
.new-faqs-section .new-faqs-accordion .accordion-item { border: none; border-bottom: 1px solid #e5e7eb; background: transparent; }
.new-faqs-section .new-faqs-accordion .accordion-item:first-of-type, .new-faqs-section .new-faqs-accordion .accordion-item:last-of-type { border-radius: 0; }
.new-faqs-section .new-faqs-accordion .accordion-button { font-weight: 700; font-size: 18px; color: #000000E5; background: transparent; box-shadow: none; padding: 20px 5px; line-height: 24px; font-family: 'Plus Jakarta Sans', sans-serif; }
.new-faqs-section .new-faqs-accordion .accordion-button:not(.collapsed) { color: #1b2a4e; background: transparent; box-shadow: none; font-weight:700; }
.new-faqs-section .new-faqs-accordion .accordion-button:focus { box-shadow: none; } 
.new-faqs-section .new-faqs-accordion .accordion-button::after { background-image: none; font-family: 'Font Awesome 5 Free', sans-serif; content: "+"; font-weight: 700; font-size: 20px; color: #1b2a4e; width: auto; height: auto; transition: transform 0.2s ease-in-out; } 
.new-faqs-section .new-faqs-accordion .accordion-button:not(.collapsed)::after { content: "\2212"; transform: rotate(0deg); background-image: none; } 
.new-faqs-section .new-faqs-accordion .accordion-body { padding: 0 5px 20px; color: #000000E5; font-size: 16px; line-height: 24px; font-family: 'Inter', sans-serif; font-weight: 400; }

/*----------- faq's end css ------------------*/



/*------------ customer support css ----------*/
.customer-supp-ways {width: 100%;}
.customer-supp-ways .container {max-width: 1440px;}
 .customer-supp-ways .customer-supp-ways__cards {
 --bs-gutter-x: 30px;
 --bs-gutter-y: 30px;
 }


 .customer-supp-ways .customer-supp-ways__cards > div {margin-bottom: 0;}
 .customer-supp-ways .customer-supp-ways__card {width: 100%;height: 324px;padding: 30px;border: 1px solid #e8edf5;border-radius: 24px;background: #ffffff;display: flex;flex-direction: column;gap: 14px;transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;}
 .customer-supp-ways .customer-supp-ways__card:hover {transform: translateY(-3px);border-color: #dce4f0;box-shadow: 0px 0px 30.6px 0px #1848D41A;}
.customer-supp-ways .customer-supp-ways__icon { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; }
 .customer-supp-ways .customer-supp-ways__content { display: flex; flex-direction: column; height: 60%; }
 .customer-supp-ways .customer-supp-ways__content h4 { position: relative; width: fit-content; margin: 0 0 8px; font-family: 'Plus Jakarta Sans', sans-serif; color: #090909; font-weight: 600; font-size: 25px; line-height: 32px; }
 .customer-supp-ways .customer-supp-ways__content h4::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 32px; height: 2px; background: #1f73ff; opacity: 0; transform: scaleX(0); transform-origin: left; transition: all 0.25s ease; }

 .customer-supp-ways .customer-supp-ways__content a i { opacity: 0; transform: translateX(-5px); transition: all 0.25s ease; }


.cust-support-para {text-align: center;}
.customer-supp-ways .customer-supp-ways__card:hover
.customer-supp-ways__content h4::after {
 opacity: 1;
 transform: scaleX(1);
}

 .customer-supp-ways .customer-supp-ways__card:hover
 .customer-supp-ways__content a i {
 opacity: 1;
 transform: translateX(0);
 }


 .customer-supp-ways .customer-supp-ways__content p {
 margin: 0;
 color: #343A40;
 font-size: 16px;
 line-height: 24px;
 font-weight: 400;
 font-family: 'Inter',sans-serif;
 }

 .customer-supp-ways .customer-supp-ways__content a {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 justify-content: space-between;
 margin-top: auto;
 color: #1E40AF;
 font-size: 16px;
 line-height: 24px;
 font-weight: 600;
 text-decoration: underline;
 text-underline-offset: 2px;
 font-family: 'Inter',sans-serif;
 }

 .customer-supp-ways .customer-supp-ways__content a i {
 font-size: 16px;
 text-decoration: none;
 transition: transform 0.2s ease;
 }

 .customer-supp-ways .customer-supp-ways__content a:hover {
 color: #0d2d6d;
 }

 .customer-supp-ways .customer-supp-ways__content a:hover i {
 transform: translateX(3px);
 }



/*-------- beyound css ------*/
.beyond-section {
 padding: 100px 0 100px;
 background: url('../../images/customerbeyoundbg.png') center no-repeat;
 background-size: cover;
}

 .beyond-section .left-content {
 width: 705px;
 min-height: 607px;
 }

 .beyond-section h2 {
 font-size: clamp(28px, 2.6vw, 50px);
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 700;
 line-height: 60px;
 color: #343A40;
 text-align: left !important;
 }

 .beyond-section h6 {
 font-size: 18px;
 font-weight: 600;
 font-family: 'Inter', sans-serif;
 line-height: 26px;
 color: #343A40;
 }

 .beyond-section p {
 font-size: 16px;
 font-weight: 400;
 line-height: 24px;
 font-family: 'Inter', sans-serif;
 color: #343A40;
 }

 .beyond-section .step-icon {
 width: 35px;
 height: 35px;
 border-radius: 50%;
 object-fit: cover;
 }
 
 
/*--- help youself css and recog ---*/
.help-yourself-section {
 background: #fff;
 padding: 80px 0 80px;
}


.help-card {
 border: 1px solid #e4e9f2;
 border-radius: 14px;
 background: #fff;
 transition: all 0.2s ease;
}


 .help-card .feather-arrow-right {
 opacity: 0;
 visibility: hidden;
 transform: translateX(-5px);
 transition: all 0.2s ease;
 }

 .help-card:hover .feather-arrow-right {
 opacity: 1;
 visibility: visible;
 transform: translateX(0);
 }

 .help-card:hover {
 border-color: #9bbcff;
 box-shadow: 0 8px 25px rgba(37, 99, 235, 0.08);
 }

.help-card-active {
 border-color: #67a3ff;
 box-shadow: 0 8px 25px rgba(37, 99, 235, 0.10);
}

.help-icon img {
 width: 40px;
 min-width: 40px;
 height: 40px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 26px;
}

.help-card h4 {
 color: #343A40;
 font-size: 25px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 700;
 line-height: 32px;
}

.help-card p {
 font-size: 16px;
 line-height: 24px;
 color: #364969 !important;
 font-weight: 400;
 font-family: 'Inter', sans-serif;
}

.help-card a {
 font-size: 16px;
 text-decoration: underline;
 color: #1E40AF !important;
 font-family: 'Inter', sans-serif;
 font-weight: 600;
 line-height: 24px;
}

.helpyourselfhead {
 font-size: 50px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 700;
 color: #343A40;
 line-height: 60px;
}

 .helpyourselfhead span {
 color: #1E40AF;
 }



.recognise-main-section {
 padding: 100px 0 0px;
 background: #FFFFFF;
}

.recognise-section {
 position: relative;
 overflow: hidden;
 padding: 100px 0;
 background: linear-gradient( 105deg, #020316 0%, #05082c 45%, #09098d 100% );
 color: #fff;
}


 .recognise-section::before {
 content: "";
 position: absolute;
 width: 150px;
 height: 150px;
 right: -30px;
 bottom: -10px;
 /* background-image: url('../images/grayfanimage.png');*/
 border-radius: 50%;
 transform: rotate(-25deg);
 opacity: 0.8;
 }

 .recognise-section::after {
 content: "";
 position: absolute;
 width: 150px;
 height: 150px;
 right: -20px;
 bottom: -18px;
 background-image: url('../images/grayfanimage.png');
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
 z-index: 1;
 pointer-events: none;
 }


.recognise-content h2 {
 max-width: 518px;
 margin-bottom: 8px;
 color: #FFFFFF;
 font-size: 50px;
 line-height: 1.15;
 font-weight: 700;
 font-family: 'Plus Jakarta Sans', sans-serif;
}


.recognise-divider {
 width: 1px;
 height: 137px;
 background: rgba(255, 255, 255, 0.25);
}
.sety-faq {text-align: left !important;}
.recognise-awards {
 position: relative;
 z-index: 2;
 display: flex;
 align-items: center;
 justify-content: center;
}

 .recognise-awards img {
 max-width: 100%;
 width: 450px;
 height: auto;
 object-fit: contain;
 }




:root {
 --accent: #4F5BD5;
 --accent-dark: #2B2E86;
 --icon-bg: #EEF0FC;
 --text-muted: #6b7280;
 --card-border: #eceef4;
}

.powerful-hcm-section {
 padding: 80px 0 80px;
}

.hcm-card {
 border: 1px solid var(--card-border);
 border-radius: 14px;
 padding: 24px;
 height: 100%;
 text-align: left;
 background: #fff;
 transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}

 .hcm-card:hover {
 box-shadow: 0 10px 30px rgba(79,91,213,0.12);
 border-color: #60A5FA;
 transform: translateY(-2px);
 }

 .hcm-card.active {
 border-color: var(--accent);
 box-shadow: 0 8px 24px rgba(79,91,213,0.18);
 }

.hcm-icon {
 width: 44px;
 height: 44px;
 border-radius: 10px;
 /* background: var(--icon-bg);*/
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 1.2rem;
 color: var(--accent);
 margin-bottom: 16px;
}

.hcm-card h5 {
 font-size: 20px;
 font-weight: 600;
 font-family: 'Plus Jakarta Sans', sans-serif;
 color: #343A40;
 line-height: 24px;
 margin-bottom: 8px;
}

.hcm-card p {
 font-size: 16px;
 color: #364969;
 margin-bottom: 0;
 font-weight: 400;
 font-family: 'Inter', sans-serif;
 line-height: 24px;
}


/*--------- benifits section --------*/
.benifitssection {
 padding: 64px 0;
 background: #F7F9FD;
}

.benifitssection__heading {
 font-weight: 800;
 font-size: 2.5rem;
 color: #1c1d21;
}

.benifitssection__heading-accent {
 color: #2b3ff5;
}

.benifitssection__subtext {
 color: #656971;
 font-size: 20px;
 margin: 16px auto 0;
 font-family: 'Plus Jakarta Sans', sans-serif;
 line-height: 26px;
}

.benifitssection__card {
 background-color: #ffffff;
 border-radius: 24px;
 padding: 24px;
 height: 100%;
 box-shadow: 0 2px 10px rgba(20, 20, 43, 0.04);
}

/*.benifitssection__card-title {
 font-weight: 600;
 font-size: 20px;
 color: #090909;
 display: inline-block;
 padding-bottom: 10px;
 border-bottom: 3px solid #D08577;
 margin-bottom: 14px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 line-height: 24px;
}

.benifitssection__card-title--blue {
 border-bottom-color: #223CC4;
}

.benifitssection__card-title--green {
 border-bottom-color: #4B8783;
}

.benifitssection__card-title--purple {
 border-bottom-color: #A077F4;
}

.benifitssection__card-title--yellow {
 border-bottom-color: #E5BE40;
}*/

.benifitssection__card-title {
 font-weight: 600;
 font-size: 20px;
 color: #090909;
 display: inline-block;
 padding-bottom: 10px;
 margin-bottom: 14px;
 font-family: 'Plus Jakarta Sans', sans-serif;
 line-height: 24px;
 position: relative;
}

 .benifitssection__card-title::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 25%;
 height: 3px;
 background-color: #D08577;
 }

.benifitssection__card-title--blue::after {
 background-color: #223CC4;
}

.benifitssection__card-title--green::after {
 background-color: #4B8783;
}

.benifitssection__card-title--purple::after {
 background-color: #A077F4;
}

.benifitssection__card-title--yellow::after {
 background-color: #E5BE40;
}

.benifitssection__card-text {
 color: #343A40;
 font-size: 16px;
 line-height: 24px;
 margin-bottom: 0;
 font-weight: 400;
 font-family: 'Inter', sans-serif;
}

.featureIcon img {
 width: 70px;
 height: auto;
}
.company-btns.justify-content-center {
 justify-content: center !important;
}

/* Product hero refinements for audited inner pages */
.hero-content > .product-hero-badge,
.hero-content > .product-hero-badge span {
 letter-spacing: .02em !important;
 text-transform: none !important;
}

.hero-section .hero-content .hero-title .hero-emphasis {
 color: #B8D6FF !important;
 display: block;
 font-weight: 700;
 margin-top: 8px;
}

@media only screen and (max-width: 575px) {
 .hero-content > .product-hero-badge {
 max-width: calc(100vw - 24px);
 padding: 9px 16px;
 font-size: 11px;
 line-height: 18px;
 }
}

/* Production polish for legacy inner pages */
.gherosection .hero-section {
 min-height: 720px;
 height: auto;
}

.gherosection .hero-section .hero-content {
 max-width: 980px;
 min-height: 520px;
 height: auto;
 margin: 0 auto;
 padding: 130px 0 88px;
 row-gap: 28px;
}

.gherosection .hero-section .hero-content .hero-title {
 max-width: 920px;
 margin-left: auto !important;
 margin-right: auto !important;
 font-family: 'Plus Jakarta Sans', sans-serif !important;
 letter-spacing: 0;
}

.gherosection .hero-section .hero-list {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
 gap: 12px;
 max-width: 900px;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}

.gherosection .hero-section .hero-list .hero-para {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 38px;
 margin: 0;
 padding: 8px 16px;
 border: 1px solid rgba(255, 255, 255, .22);
 border-radius: 999px;
 background: rgba(255, 255, 255, .08);
 color: rgba(255, 255, 255, .92);
 font-weight: 600;
 text-align: center !important;
 backdrop-filter: blur(10px);
}

.gherosection .hero-section .hero-btn-wrapper {
 display: flex;
 justify-content: center;
 gap: 14px;
 flex-wrap: wrap;
}

.gherosection .hero-section .hero-btn-wrapper .btn {
 min-height: 46px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
}

.featureList {
 align-items: stretch;
}

.featureItem {
 border-radius: 12px;
 transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.featureItem:hover,
.featureItem:focus {
 border-color: #9fc7ff;
 box-shadow: 0 12px 28px rgba(15, 79, 147, .10);
 transform: translateY(-2px);
}

.featureListView {
 padding-left: 18px;
 list-style: disc;
}

.featureListView li {
 margin-bottom: 8px;
 text-align: left;
}

.gpages {
 background: linear-gradient(180deg, #fff 0%, #f5f9ff 100%) !important;
}

.gpages .container {
 max-width: 980px;
}

.gpages h2,
.gpages h3,
.gpages h4,
.gpages h5 {
 color: #0F4F93;
 letter-spacing: 0;
}

.gpages p,
.gpages li,
.gpages li a {
 color: #253247;
 line-height: 1.75;
}

.sitemapbox {
 background: #fff !important;
 border: 1px solid #DDEAF7;
 box-shadow: 0 14px 34px rgba(15, 79, 147, .08);
}

.sitemapbox:after {
 display: none;
}

#modalCookies {
 position: fixed;
 right: 18px;
 bottom: 18px;
 left: auto;
 width: min(560px, calc(100vw - 36px));
 z-index: 999;
}

#modalCookies .cookieflex {
 gap: 16px;
 align-items: center;
 justify-content: space-between;
 padding: 16px 18px;
 border: 1px solid rgba(15, 79, 147, .16);
 border-radius: 14px !important;
 background: rgba(255, 255, 255, .96);
 box-shadow: 0 18px 45px rgba(15, 35, 80, .16);
 backdrop-filter: blur(14px);
}

#modalCookies .cookieflex:after {
 display: none;
}

#modalCookies .cookieflex > div {
 flex: 1 1 340px;
}

#modalCookies h3 {
 margin-bottom: 6px;
 font-size: 16px;
 line-height: 22px;
}

#modalCookies p {
 margin-bottom: 0;
 color: #344054;
 font-size: 12px;
 line-height: 18px;
}

#modalCookies button {
 min-height: 40px;
 border: 0;
 background: #0F4F93 !important;
 color: #fff;
}

@media only screen and (max-width: 767px) {
 .gherosection .hero-section {
 min-height: auto;
 padding: 54px 0 0;
 }

 .gherosection .hero-section .hero-content,
 .hero-section .hero-content {
 min-height: auto;
 height: auto !important;
 padding: 76px 0 56px;
 row-gap: 22px;
 }

 .gherosection .hero-section .hero-content .hero-title,
 .hero-section .hero-content .hero-title {
 max-width: 360px;
 font: normal 700 clamp(30px, 8.2vw, 38px)/1.24 'Plus Jakarta Sans', sans-serif !important;
 letter-spacing: 0;
 }

 .gherosection .hero-section .hero-badge {
 margin-bottom: 0;
 }

 .gherosection .hero-section .hero-list {
 gap: 8px;
 padding: 0 12px;
 }

 .gherosection .hero-section .hero-list .hero-para {
 min-height: 34px;
 padding: 7px 12px;
 font-size: 13px;
 line-height: 18px;
 }

 .brand-section {
 padding: 18px 0 12px;
 }

 .featureItem {
 width: 100%;
 border-radius: 12px;
 }

 #modalCookies {
 right: 12px;
 bottom: 12px;
 width: calc(100vw - 24px);
 }

 #modalCookies .cookieflex {
 padding: 14px;
 }

 #modalCookies button {
 width: 100%;
 }
}

/* Corrective pass after visual QA: keep legacy heroes stacked and readable */
.gherosection .hero-section .hero-content {
 display: flex !important;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}

.gherosection .hero-section .hero-content .hero-badge,
.gherosection .hero-section .hero-content .hero-title,
.gherosection .hero-section .hero-content .hero-list,
.gherosection .hero-section .hero-content .hero-btn-wrapper {
 position: relative;
 z-index: 2;
}

.gherosection .hero-section .hero-content .hero-badge {
 order: 1;
 transform: none !important;
}

.gherosection .hero-section .hero-content .hero-title {
 order: 2;
 transform: none !important;
 margin: 0 auto !important;
}

.gherosection .hero-section .hero-content .hero-list {
 order: 3;
 transform: none !important;
}

.gherosection .hero-section .hero-content .hero-btn-wrapper {
 order: 4;
 transform: none !important;
}

.gherosection .hero-section .hero-content .hero-title .yellow-text {
 color: #B8D6FF !important;
}

@media only screen and (max-width: 767px) {
 .gherosection .hero-section {
 padding-top: 0;
 }

 .gherosection .hero-section .hero-content,
 .hero-section .hero-content {
 padding: 42px 0 46px;
 row-gap: 18px;
 }

 .gherosection .hero-section .hero-content .hero-title,
 .hero-section .hero-content .hero-title {
 max-width: 360px;
 font: normal 700 clamp(28px, 7.4vw, 34px)/1.25 'Plus Jakarta Sans', sans-serif !important;
 }

 .gherosection .hero-section .hero-content .hero-badge {
 max-width: calc(100vw - 24px);
 }

 .gherosection .hero-section .hero-content .hero-badge {
 display: none !important;
 }

 .gherosection .hero-section .hero-content .hero-list {
 width: 100% !important;
 margin: 10px auto 0 !important;
 }

 .gherosection .hero-section .hero-content .hero-list .hero-para {
 max-width: calc(100vw - 48px) !important;
 white-space: normal !important;
 }

 .gherosection .hero-section .hero-content .hero-btn-wrapper {
 width: 100% !important;
 margin-top: 12px !important;
 left: auto !important;
 right: auto !important;
 bottom: auto !important;
 }
}

/* Final legacy hero stability override */
.gherosection .hero-section .hero-content > .hero-badge {
 display: none !important;
}

.gherosection .hero-section .hero-content > .hero-list {
 position: static !important;
 z-index: auto !important;
 transform: none !important;
 margin: 14px auto 0 !important;
}

.gherosection .hero-section .hero-content > .hero-btn-wrapper {
 position: static !important;
 z-index: auto !important;
 transform: none !important;
 margin: 22px auto 0 !important;
 left: auto !important;
 right: auto !important;
 bottom: auto !important;
}

.feature-card .feature-badge {
 background: #EAF3FF;
 border: 1px solid #B9D7FF;
 border-radius: 999px;
 color: #18518D !important;
 display: inline-flex;
 font-size: 11px;
 font-weight: 700;
 line-height: 18px;
 margin-left: 6px;
 padding: 1px 8px;
 vertical-align: middle;
}

/* Production QA proportion fixes: shared inner-page layout */
.setu-herosection .setu-hero-title {
 text-align: center !important;
}

.setu-herosection .setu-hero-title .wrapper {
 display: block !important;
 width: 100% !important;
 min-width: 0 !important;
 height: auto !important;
 margin: 0 auto !important;
 text-align: center !important;
}

.setu-herosection .setu-hero-title .words {
 display: inline-flex !important;
 min-width: 220px !important;
 justify-content: center !important;
 text-align: center !important;
}

.setu-herosection .setu-hero-title .words span {
 min-width: 0 !important;
 width: 100% !important;
 text-align: center !important;
}

.explore-core-hr {
 overflow: hidden;
}

.explore-core-hr .container {
 max-width: 1180px;
}

.explore-core-hr .row {
 row-gap: 32px;
}

.explore-core-hr .row.mt-96 {
 margin-top: 64px !important;
}

.explore-core-hr .section-header {
 max-width: 980px;
 margin: 0 auto 38px;
}

.explore-core-hr .section-main-title {
 font-size: clamp(34px, 3.2vw, 48px) !important;
 line-height: 1.18 !important;
 letter-spacing: 0 !important;
}

.explore-core-hr .section-light-title {
 max-width: 760px;
 margin: 14px auto 0;
 font-size: clamp(17px, 1.15vw, 20px) !important;
 line-height: 1.55 !important;
}

.explore-core-hr .heading-2 {
 font-size: clamp(28px, 2.2vw, 38px) !important;
 line-height: 1.22 !important;
 letter-spacing: 0 !important;
 margin-bottom: 18px !important;
}

.explore-core-hr .explore-content {
 max-width: 560px;
 margin: 0 auto;
 row-gap: 18px;
}

.explore-core-hr .explore-content p,
.explore-core-hr .checkmark-lists li span {
 font-size: 16px !important;
 line-height: 1.72 !important;
 color: #243247;
}

.explore-core-hr .checkmark-lists {
 row-gap: 14px;
}

.explore-core-hr .checkmark-lists li i {
 flex: 0 0 22px;
 margin-top: 3px;
}

.explore-core-hr .col-sm-12.col-md-6 > img.w-100,
.explore-core-hr .col-sm-12.col-lg-6 > img.w-100 {
 display: block;
 width: auto !important;
 max-width: min(100%, 560px);
 max-height: 520px;
 margin: 0 auto;
 object-fit: contain;
}

.explore-core-hr .col-sm-12.col-md-6 > img[src*="ess-portal"],
.explore-core-hr .col-sm-12.col-md-6 > img[src*="mobileapplication"] {
 max-height: 430px;
}

.explore-core-hr .col-sm-12.col-md-6 > img[src*="why_timelabs"] {
 max-height: 420px;
}

.explore-core-hr .whyTimelabs {
 display: flex;
 align-items: center;
}

.explore-core-hr .whyTimelabs .explore-content {
 margin-left: 0;
}

.explore-core-hr .d-flex {
 display: grid !important;
 grid-template-columns: repeat(5, minmax(0, 1fr));
 gap: 28px;
 align-items: start;
}

.explore-core-hr .d-flex .explore-content {
 width: auto !important;
 max-width: none;
 margin: 0;
 align-items: flex-start;
}

.explore-core-hr .explore-content-img,
.explore-core-hr .explore-img-data {
 width: 118px !important;
 height: 118px !important;
 max-width: 118px !important;
 object-fit: contain;
 margin: 0 auto 18px;
}

.explore-core-hr .d-flex .explore-content h4 {
 min-height: 54px;
 font-size: 17px !important;
 line-height: 1.35 !important;
 text-align: left;
}

.explore-core-hr .d-flex .checkmark-lists li i {
 display: none;
}

.explore-core-hr .d-flex .checkmark-lists li span {
 font-size: 15px !important;
 line-height: 1.58 !important;
 font-weight: 400 !important;
}

.HR-workforce .workforce-title,
.HR-workforce h3 {
 max-width: 980px;
 font-size: 18px !important;
 line-height: 1.55 !important;
}

.gherosection.mobileHero .hero-section,
.gherosection .hero-section {
 min-height: 520px !important;
 height: auto !important;
}

.gherosection.mobileHero .hero-section .hero-content,
.gherosection .hero-section .hero-content {
 min-height: 430px !important;
 padding: 92px 0 72px !important;
}

.gherosection .hero-section .hero-content .hero-title {
 font-size: clamp(34px, 3vw, 50px) !important;
 line-height: 1.18 !important;
}

.gherosection .brand-section {
 margin-top: 0 !important;
}

.solution-offered-section .filters ul {
 gap: 12px;
 row-gap: 14px;
}

.solution-offered-section .feature-item {
 min-height: 0 !important;
 margin-bottom: 24px;
}

.solution-offered-section .feature-card {
 height: 100%;
 min-height: 330px;
 padding: 24px 20px;
 border-radius: 12px;
 row-gap: 14px;
 justify-content: space-between;
}

.solution-offered-section .featureIcon {
 width: 100%;
 height: 88px;
 padding: 0;
}

.solution-offered-section .featureIcon img,
.solution-offered-section .feature-image {
 width: auto !important;
 max-width: 150px !important;
 height: auto !important;
 max-height: 76px !important;
 object-fit: contain;
}

.solution-offered-section .feature-card .feature-title {
 min-height: 46px !important;
 font-size: 18px !important;
 line-height: 1.35 !important;
}

.solution-offered-section p.feature-para {
 min-height: 72px;
 font-size: 15px !important;
 line-height: 1.55 !important;
}

.pricing-sec.industries-sec .row {
 display: flex;
 flex-wrap: wrap;
}

.pricing-sec.industries-sec .col-md-4.col-sm-6 {
 display: flex;
}

.perk-card {
 width: 100%;
 min-height: 300px !important;
 display: flex;
 flex-direction: column;
}

.perk-card p {
 flex: 1;
}

.pricing-sec.industries-sec .perk-card {
 min-height: 292px !important;
 height: 100% !important;
 padding: 28px 32px !important;
 border-radius: 8px !important;
}

.pricing-sec.industries-sec .perk-card > img {
 width: 72px !important;
 height: 72px !important;
 max-width: 72px !important;
 object-fit: contain !important;
 margin-bottom: 22px !important;
}

.pricing-sec.industries-sec .perk-card h4 {
 margin-top: 0 !important;
 font-size: 23px !important;
 line-height: 1.25 !important;
}

.pricing-sec.industries-sec .perk-card h3 {
 margin: 0 0 14px !important;
 font-size: 23px !important;
 line-height: 1.25 !important;
 font-weight: 700 !important;
 color: #111827 !important;
}

.pricing-sec.industries-sec .perk-card p {
 font-size: 16px !important;
 line-height: 1.55 !important;
}

.portfolioFilter a.active,
.portfolioFilter a.current {
 color: #003f8a !important;
 border-color: #003f8a !important;
}

.machine-section {
 padding-top: 56px !important;
}

.machine-section .section-header {
 margin-bottom: 42px;
}

.machine-section .section-main-title {
 font-size: clamp(38px, 3vw, 54px) !important;
 line-height: 1.14 !important;
}

.machine-section .device-sidebar {
 position: sticky;
 top: 100px;
}

.machine-section .device-sidebar ul.device-category-list {
 display: block !important;
 border: 1px solid #D7E5F5;
 border-top: 0;
 border-radius: 0 0 10px 10px;
 padding: 8px !important;
 background: #fff;
}

.machine-section .device-sidebar ul.device-category-list li a {
 display: flex !important;
 align-items: center;
 gap: 10px;
 margin-bottom: 6px;
 padding: 11px 12px !important;
 border-radius: 8px !important;
 line-height: 1.3 !important;
}

.machine-section .device-sidebar ul.device-category-list li a i {
 position: static !important;
 display: inline-flex !important;
 width: 18px;
 height: 18px;
 flex: 0 0 18px;
}

.machine-section .device-sidebar ul.device-category-list li a i img {
 width: 18px;
 height: 18px;
 object-fit: contain;
}

.machine-section .device-card {
 min-height: 390px;
 border-radius: 8px;
 overflow: hidden;
}

.machine-section .device-card a .device-img {
 min-height: 142px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.machine-section .device-card a .device-img img {
 max-width: 170px;
 max-height: 110px;
 object-fit: contain;
}

.machine-section .device-card h3.device-name {
 color: #4b5563 !important;
 font-weight: 700 !important;
}

@media only screen and (max-width: 1199px) {
 .explore-core-hr .d-flex {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 }
}

@media only screen and (max-width: 991px) {
 .explore-core-hr .col-sm-12.col-md-6 {
 width: 100%;
 }

 .explore-core-hr .whyTimelabs .explore-content {
 margin: 0 auto;
 }

 .gherosection.mobileHero .hero-section,
 .gherosection .hero-section {
 min-height: 420px !important;
 }

 .machine-section .device-sidebar {
 position: static;
 }
}

@media only screen and (max-width: 767px) {
 .explore-core-hr .d-flex {
 grid-template-columns: 1fr;
 }

 .explore-core-hr .section-main-title {
 font-size: 30px !important;
 }

 .explore-core-hr .row.mt-96 {
 margin-top: 42px !important;
 }

 .explore-core-hr .col-sm-12.col-md-6 > img.w-100,
 .explore-core-hr .col-sm-12.col-lg-6 > img.w-100 {
 max-height: 360px;
 }

 .gherosection.mobileHero .hero-section .hero-content,
 .gherosection .hero-section .hero-content {
 min-height: 330px !important;
 padding: 54px 0 46px !important;
 }

 .gherosection .hero-section .hero-content .hero-title {
 font-size: 30px !important;
 line-height: 1.25 !important;
 }
}

/* Final production QA pass: compact heroes and stable homepage rotating word */
.setu-herosection .setu-hero-title .wrapper {
 display: block !important;
 width: 100% !important;
 height: 1.2em !important;
 margin-top: 12px !important;
 text-align: center !important;
}

.setu-herosection .setu-hero-title .words {
 position: relative !important;
 display: inline-flex !important;
 justify-content: center !important;
 min-width: 260px !important;
 height: 1.2em !important;
 overflow: hidden !important;
 vertical-align: top !important;
}

.setu-herosection .setu-hero-title .words span {
 width: 100% !important;
 height: 1.2em !important;
 line-height: 1.2 !important;
 text-align: center !important;
}

.gherosection.mobileHero .hero-section,
.gherosection .hero-section {
 min-height: 430px !important;
}

.gherosection.mobileHero .hero-section .hero-content,
.gherosection .hero-section .hero-content {
 min-height: 350px !important;
 padding: 64px 0 54px !important;
}

.gherosection .hero-section .hero-content .hero-title {
 max-width: 860px !important;
 font-size: clamp(36px, 2.65vw, 48px) !important;
 line-height: 1.16 !important;
}

.gherosection .hero-section .hero-list {
 gap: 10px !important;
 max-width: 820px !important;
}

.gherosection .hero-section .hero-list .hero-para {
 min-height: 34px !important;
 padding: 7px 14px !important;
 font-size: 15px !important;
 line-height: 1.35 !important;
}

.gherosection .hero-section .hero-btn-wrapper {
 margin-top: 14px !important;
}

.device-catalog-heading {
 margin-bottom: 34px !important;
}

.device-catalog-heading .section-light-title {
 font-size: clamp(26px, 2vw, 36px) !important;
 line-height: 1.25 !important;
}

@media only screen and (max-width: 767px) {
 .setu-herosection .setu-hero-title .words {
 min-width: 180px !important;
 }

 .gherosection.mobileHero .hero-section,
 .gherosection .hero-section {
 min-height: 340px !important;
 }

 .gherosection.mobileHero .hero-section .hero-content,
 .gherosection .hero-section .hero-content {
 min-height: 280px !important;
 padding: 44px 0 40px !important;
 }
}

/* Final module hero offset: legacy pages share this blue-grid hero and several
   older rules reset .hero-content with !important. Keep titles clear of nav. */
body .gherosection.mobileHero .hero-section,
body .gherosection .hero-section {
 position: relative !important;
 height: auto !important;
 min-height: 500px !important;
 padding-top: 0 !important;
 overflow: hidden !important;
}

body .gherosection.mobileHero,
body .gherosection {
 height: auto !important;
 min-height: 0 !important;
}

body .gherosection.mobileHero .hero-section .hero-content,
body .gherosection .hero-section .hero-content {
 display: flex !important;
 flex-direction: column !important;
 align-items: center !important;
 justify-content: flex-start !important;
 gap: 16px !important;
 width: 100% !important;
 height: auto !important;
 min-height: 430px !important;
 margin: 0 auto !important;
 padding: 116px 0 48px !important;
}

body .gherosection.mobileHero .hero-section .hero-content > .hero-title,
body .gherosection .hero-section .hero-content > .hero-title {
 position: relative !important;
 z-index: 2 !important;
 max-width: 920px !important;
 margin: 0 auto !important;
 transform: none !important;
 font-size: clamp(38px, 2.75vw, 50px) !important;
 line-height: 1.16 !important;
 letter-spacing: 0 !important;
}

body .gherosection.mobileHero .hero-section .hero-content > .hero-list,
body .gherosection .hero-section .hero-content > .hero-list {
 position: static !important;
 z-index: auto !important;
 max-width: 900px !important;
 margin: 10px auto 0 !important;
 transform: none !important;
}

body .gherosection.mobileHero .hero-section .hero-content > .hero-btn-wrapper,
body .gherosection .hero-section .hero-content > .hero-btn-wrapper {
 position: static !important;
 z-index: auto !important;
 width: auto !important;
 margin: 14px auto 0 !important;
 transform: none !important;
 left: auto !important;
 right: auto !important;
 bottom: auto !important;
}

body .gherosection.mobileHero .hero-section svg,
body .gherosection .hero-section svg {
 position: absolute !important;
 left: 0 !important;
 right: 0 !important;
 top: auto !important;
 bottom: 0 !important;
 width: 100% !important;
 height: 190px !important;
 max-height: 190px !important;
 opacity: .72 !important;
 pointer-events: none !important;
}

body .gherosection.mobileHero .brand-section,
body .gherosection .brand-section {
 position: relative !important;
 z-index: 4 !important;
 padding: 22px 0 !important;
 background: #fff !important;
}

body .gherosection + section,
body .gherosection + .explore-core-hr,
body .gherosection + .pricing-sec,
body .gherosection + .solution-offered-section {
 padding-top: 58px !important;
}

@media only screen and (max-width: 767px) {
 body .gherosection.mobileHero .hero-section,
 body .gherosection .hero-section {
 min-height: 360px !important;
 }

 body .gherosection.mobileHero .hero-section .hero-content,
 body .gherosection .hero-section .hero-content {
 min-height: 310px !important;
 padding: 72px 0 34px !important;
 }

 body .gherosection.mobileHero .hero-section .hero-content > .hero-title,
 body .gherosection .hero-section .hero-content > .hero-title {
 max-width: calc(100vw - 40px) !important;
 font-size: clamp(29px, 8vw, 36px) !important;
 line-height: 1.2 !important;
 }

 body .gherosection.mobileHero .hero-section svg,
 body .gherosection .hero-section svg {
 height: 104px !important;
 max-height: 104px !important;
 }

 body .gherosection.mobileHero .brand-section,
 body .gherosection .brand-section {
 padding: 14px 0 !important;
 overflow: hidden !important;
 }

 body .brand-section .brand-slider,
 body .brand-section .owl-stage {
 display: flex !important;
 align-items: center !important;
 }

 body .brand-section .owl-stage-outer {
 padding-left: 18px !important;
 overflow: hidden !important;
 }

 body .brand-section .owl-stage {
 transform: none !important;
 width: max-content !important;
 }

 body .brand-section .owl-item {
 width: 126px !important;
 flex: 0 0 126px !important;
 }

 body .brand-section .brand-item {
 min-height: 34px !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 padding: 0 6px !important;
 }

 body .brand-section .brand-item img {
 width: auto !important;
 max-width: 132px !important;
 max-height: 30px !important;
 object-fit: contain !important;
 }

 body .gherosection + section,
 body .gherosection + .explore-core-hr,
 body .gherosection + .pricing-sec,
 body .gherosection + .solution-offered-section {
 padding-top: 42px !important;
 }

 body .gherosection.mobileHero .hero-section .hero-content > .hero-list,
 body .gherosection .hero-section .hero-content > .hero-list {
 display: flex !important;
 flex-wrap: wrap !important;
 justify-content: center !important;
 gap: 8px !important;
 padding: 0 16px !important;
 }

 body .gherosection.mobileHero .hero-section .hero-content > .hero-list .hero-para,
 body .gherosection .hero-section .hero-content > .hero-list .hero-para {
 width: auto !important;
 max-width: calc(100vw - 40px) !important;
 margin: 0 !important;
 padding: 7px 13px !important;
 font-size: 12px !important;
 line-height: 1.35 !important;
 }

 .details-section,
 .devicedetails-section {
 padding-top: 42px !important;
 }

 .details-section .device-viewer .device-image,
 .product-viewer .product-img-container {
 min-height: 0 !important;
 height: auto !important;
 padding: 14px !important;
 }

 .details-section .device-viewer .device-image img,
 .product-viewer .product-img-container img {
 max-height: 260px !important;
 object-fit: contain !important;
 }

 .details-section .device-details .device-header h3 {
 font-size: 24px !important;
 line-height: 1.22 !important;
 }

 .details-section .device-details p.device-des,
 .details-section .device-details p,
 .details-wrapper table tr td {
 font-size: 14px !important;
 line-height: 1.55 !important;
 }
}

/* Product detail polish */
body .details-section.grey-bg {
 background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%) !important;
 padding: 54px 0 !important;
}

body .details-section .product-viewer {
 background: #ffffff !important;
 border: 1px solid #d9e7f7 !important;
 border-radius: 10px !important;
 padding: 22px !important;
 box-shadow: 0 16px 36px rgba(15, 79, 147, .08) !important;
}

body .details-section .product-viewer .product-img-container {
 height: 320px !important;
 border: 0 !important;
 background: #ffffff !important;
}

body .details-section .product-viewer .product-img-container img {
 max-width: 92% !important;
 max-height: 280px !important;
 object-fit: contain !important;
}

body .details-section .thumbnail-gallery {
 margin-top: 18px !important;
 gap: 10px !important;
}

body .details-section .topheader-para {
 margin: 0 0 14px !important;
 color: #475467 !important;
 font: 500 13px/20px 'Plus Jakarta Sans', sans-serif !important;
 text-transform: uppercase !important;
 letter-spacing: .02em !important;
}

body .details-section .device-details .device-header {
 display: flex !important;
 align-items: flex-start !important;
 justify-content: space-between !important;
 gap: 18px !important;
 margin-bottom: 14px !important;
}

body .details-section .device-details .device-header h1 {
 max-width: 760px !important;
 font: 700 34px/1.18 'Plus Jakarta Sans', sans-serif !important;
 color: #202939 !important;
 letter-spacing: 0 !important;
}

body .details-section .device-details p.device-des {
 max-width: 760px !important;
 margin: 0 0 18px !important;
 color: #344054 !important;
 font: 400 16px/1.72 'Plus Jakarta Sans', sans-serif !important;
 text-align: left !important;
}

body .details-section .device-details .light-blue-btn {
 white-space: nowrap !important;
}

body .details-section .device-action-row {
 display: flex !important;
 align-items: center !important;
 justify-content: flex-end !important;
 flex-wrap: wrap !important;
 gap: 10px !important;
}

body .details-section .details-wrapper {
 overflow: hidden !important;
 border: 1px solid #bfd5ee !important;
 border-radius: 10px !important;
 background: #ffffff !important;
 box-shadow: 0 12px 28px rgba(15, 79, 147, .06) !important;
}

body .details-section .details-wrapper h2 {
 padding: 12px 16px !important;
 font: 700 16px/24px 'Plus Jakarta Sans', sans-serif !important;
}

body .details-section .details-wrapper table {
 margin: 0 !important;
}

body .details-section .details-wrapper table tr td {
 padding: 12px 16px !important;
 color: #344054 !important;
 font: 400 14px/1.55 'Plus Jakarta Sans', sans-serif !important;
}

body .details-section .details-wrapper table tr td strong {
 color: #111827 !important;
}

@media only screen and (max-width: 767px) {
 body .details-section.grey-bg {
 padding: 34px 0 !important;
 }

 body .details-section .product-viewer {
 padding: 14px !important;
 border-radius: 8px !important;
 }

 body .details-section .product-viewer .product-img-container {
 height: auto !important;
 min-height: 210px !important;
 }

 body .details-section .device-details .device-header {
 display: block !important;
 }

 body .details-section .device-action-row {
 justify-content: flex-start !important;
 margin: 14px 0 20px !important;
 }

 body .details-section .device-action-row .light-blue-btn {
 width: 100% !important;
 margin-top: 0 !important;
 }

 body .details-section .device-details .device-header h1 {
 font-size: 25px !important;
 line-height: 1.22 !important;
 }

 body .details-section .device-details p.device-des {
 font-size: 14px !important;
 line-height: 1.62 !important;
 }

 body .details-section .details-wrapper {
 overflow-x: auto !important;
 }
}

/* v2 alignment: legacy secondary "Know More" button was still orange; match the v2 blue outline style */.yellow-border-btn{border-color:#1E40AF !important;color:#1E40AF !important;}.orange-btn:hover,.yellow-border-btn:hover{background:#1E40AF !important;border-color:#1E40AF !important;color:#fff !important;}