ul,
ul li { list-style: none; }
.animated { animation-duration: 1s; animation-fill-mode: both; }
.fadeInUp { animation-name: fadeInUp; }
.fadeIn { animation-name: fadeIn; }
.fadeInRight { animation-name: fadeInRight; }
.fadeInLeft { animation-name: fadeInLeft; }
a,
a:hover { text-decoration: none; }
::after,
::before { box-sizing: border-box; }
html { text-size-adjust: 100%; }
a,
body,
div,
form,
h1,
h2,
h3,
html,
img,
li,
p,
span,
ul { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: 0px 0px; }
img { vertical-align: middle; }
h1,
h2,
h3 { font-weight: 400; color: rgb(51, 51, 51); }
h3 { font-size: 24px; line-height: 28px; margin-bottom: 20px; }
.mainrow h2,
.section-head,
h1,
h2 { line-height: 38px; text-align: center; font-size: 42px; color: rgb(51, 51, 51); font-weight: 300; margin-top: 0px; margin-bottom: 15px; }
.subhead { font-size: 18px; color: rgb(51, 51, 51); font-weight: 400; padding-top: 10px; display: block; }
h1,
h2 { font-weight: 300; margin-bottom: 30px; }
input,
p { font-family: inherit; font-weight: 400; }
.automated-feature-desc ul li:last-child span { margin-bottom: 0px; }
input { font-style: normal; line-height: 22px; color: inherit; font-size: inherit; border: 1px solid rgb(238, 238, 238); padding: 5px 1%; max-width: 98%; }
input[type="email"]:focus,
input[type="text"]:focus { color: rgb(144, 144, 144); border: 1px solid rgb(208, 208, 208); }
.clear,
.clr { visibility: hidden; display: block; font-size: 0px; content: ""; clear: both; height: 0px; }
p { line-height: 20px; text-align: justify; margin: 0px 0px 8px; font-size: 15px; }
#clientele,
.button,
.centeralign,
.landing_home #clientele .moduletable .subhead,
.landing_home #clientele .moduletable h2,
.landing_home #hrmsformbottomul { text-align: center; }
ul { margin: 0px 0px 20px; list-style-position: inside; }
.button { outline: 0px; cursor: pointer; display: inline-block; border-radius: 50px; border: 2px solid rgb(24, 141, 232); color: rgb(255, 255, 255); padding: 10px 25px; overflow: hidden; line-height: 17px; font-weight: 500; font-size: 14px; background: rgb(24, 141, 232); }
.button:hover { background: 0px 0px; color: rgb(24, 141, 232); }
.button:hover::before { width: 60px; }
a { color: rgb(24, 141, 232); }
a { transition: 0.2s ease-in; }
:focus { outline: 0px; }
#built-to-win,
#clientele { background-repeat: no-repeat; }
.span10 { width: 100%; }
.automated-feature-click.active .automated-feature-click-name,
.bold { font-weight: 600; }
.font-weight-500 { font-weight: 500; }
.divinner { max-width: 1200px; margin: 0px auto; }
.pull-left { float: left; }
img { max-width: 100%; height: auto; border: 0px; }
body { color: rgb(85, 85, 85); font-size: 13px; font-weight: 400; line-height: 22px; margin: 0px; background: rgb(255, 255, 255); font-family: Rubik, sans-serif; }
.Clientele-section-container,
.banner-columns,
.banner-headline-wrap,
.customappformdiv { position: relative; }
.iti--separate-dial-code .iti__selected-flag { background: 0px 0px !important; }
.clientele-see-more-btn-container { padding-top: 0px; }
#hrmsformbottomul { text-align: center; margin-bottom: 40px; }
#hrmsformbottomul li,
#landingbanner ul.hrms li { display: block; position: relative; }
#landingbanner ul.hrms li { display: inline-block; vertical-align: middle; }
#hrmsformbottomul li.fullwidth,
#landingbanner ul.hrms li.fullwidth { display: block; margin: 20px 0px 30px; }
#hrmsformbottomul li.fullwidth .button,
#landingbanner ul.hrms li.fullwidth .button { padding: 10px 50px; text-transform: uppercase; }
#hrmsformbottomul input.inputbox { border: 1px solid rgb(204, 204, 204); margin: 10px; color: rgb(51, 51, 51); font-weight: 300; max-width: 200px; }
.customappformdiv { margin: 20px auto; max-width: 700px; }
.Clientele-section-container { padding-bottom: 0px; }
#landingbanner #hrmsformbottomul input.inputbox,
.automated-feature-click,
.automated-feature-click-container,
.automated-feature-desc ul li span,
.automated-features-container,
.hrms-content-wrapper *,
.hrms-content-wrapper ::after,
.hrms-content-wrapper ::before,
li.client-list { box-sizing: border-box; }
div#ajaxmsg { border-left: 2px solid rgb(206, 224, 240); border-right: 2px solid rgb(206, 224, 240); }
@media screen and (max-width: 1140px) {
  .divinner { margin: 0px 20px; }
}
@media screen and (max-width: 768px) {
  #landingbanner h1 { font-size: 26px; line-height: 30px; }
  .customappformdiv { padding: 10px; }
  #hrmsformbottomul,
#hrmsformbottomul li,
#landingbanner h1,
#landingbanner ul.hrms li { margin-bottom: 10px; }
}
@media screen and (max-width: 600px) {
  #landingbanner h1 { font-size: 26px; line-height: 30px; }
  #hrmsformbottomul,
#landingbanner h1 { margin-bottom: 10px; }
}
@media screen and (max-width: 480px) {
  .divinner { margin: 0px 10px; }
  #landingbanner h1 { font-size: 20px; line-height: 30px; font-weight: 300; }
  #hrmsformbottomul { margin-bottom: 20px; }
  #hrmsformbottomul input.inputbox { margin: 5px; padding: 3px 9px; }
  #hrmsformbottomul li,
#landingbanner ul.hrms li { margin-bottom: 10px; }
  .mainrow h2 { font-size: 26px; font-weight: 300; line-height: 30px; }
  body.landing_home .customappformdiv ul#hrmsformbottomul { max-width: 90%; margin: 0px auto; }
}
.nopadding { padding: 0px !important; }
.mainrow .row { padding: 60px 0px; }
.bluebackground { background: rgb(229, 242, 253); }
#clintele-section { margin-top: 45px; }
@media (max-width: 768px) {
  #clientele .row { padding: 0px 0px 40px; }
}
#hrmsformbottomul input.inputbox { border-color: rgb(95, 130, 157); border-width: 2px; border-radius: 50px; padding: 7px 10px 7px 20px; background: 0px 0px; }
@media screen and (max-width: 768px) {
  .mainrow .row { padding: 40px 0px; }
  #landingbanner { padding-bottom: 0px; }
}
.automated-feature-click .auto-downarrow { display: none; }
.landing_home #hrmsformbottomul li.fullwidth,
.landing_home #landingbanner ul.hrms li.fullwidth { margin: 0px 0px 5px; }
#landingbanner #hrmsformbottomul input.inputbox::placeholder { color: rgb(255, 255, 255); }
#landingbanner #hrmsformbottomul input.inputbox { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); width: 100%; max-width: 100%; margin: 25px 0px 0px; }
.landing_home #hrmsformbottomul li .button { background: rgb(27, 203, 131); margin-bottom: -32px; border-color: rgb(27, 203, 131); }
.landing_home #hrmsformbottomul li .button:hover { background: rgb(255, 255, 255); color: rgb(8, 77, 129); border-color: rgb(27, 203, 131); }
.landing_home #clientele .moduletable h2 { line-height: 38px; text-align: center; font-size: 42px; color: rgb(51, 51, 51); font-weight: 400; margin-top: 0px; margin-bottom: 15px; }
@media screen and (max-width: 520px) {
  #landingbanner h1,
.landing_home #clientele .moduletable h2,
.mainrow h2,
.section-head,
h1 { font-size: 26px; line-height: 34px; max-width: 300px; margin: 0px auto; }
  #landingbanner h1 { font-size: 30px; line-height: 40px; }
  .subhead { font-size: 15px; }
}
.clientele-see-more-btn-container { padding-top: 15px; }
.automated-features-container.active,
.make-flex { display: flex; }
.hrms-gradient { background-image: linear-gradient(90deg, rgb(71, 165, 237) 20%, rgb(4, 96, 166) 40%, rgb(71, 165, 237) 100%); background-size: 200% auto; background-clip: text; -webkit-text-fill-color: rgba(255, 255, 255, 0); animation: 3s linear 0s infinite normal none running gradientMove; font-weight: 600; }
.fade-on-scroll { opacity: 0; transform: translateX(-100%); transition: opacity 1.5s, transform 1s; }
.fade-on-scroll.faded-in { opacity: 1; transform: translateX(0px); }
.fade-on-zoom-in { animation: 1s ease 0s 1 normal forwards running zoomIn; transform-origin: center center; opacity: 0; }
#elmsContent .auto-two-graphic-img img,
#projectContent .auto-two-graphic-img img,
.uva-agent { animation: 1.5s ease-out 0.5s 1 normal both running fadeIn; opacity: 0; }
.automated-feature-img.fade-on-zoom-in { animation: 1s ease 0s 1 normal forwards running fadeIn; transform-origin: center center; opacity: 0; }
.nomargin { margin: 0px !important; }
.flex-column { flex-direction: column; }
.color-navy-blue { color: rgb(4, 51, 86); }
.color-blue,
.modules-header-section .section-head.color-blue { color: rgb(15, 138, 231); }
.centeralign { text-align: center !important; }
.clientele-see-more-btn-container { justify-content: center; }
.client-info-container .client-content { gap: 25px; }
.automated-features-container { position: relative; overflow: hidden; }
.automated-features-container { padding: 18px; width: 100%; display: none; }
.automated-feature-click.active { background-color: rgb(244, 249, 255); color: rgb(24, 141, 232); border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor rgb(24, 141, 232); border-image: none; border-radius: 0px; }
.automated-feature-click-name { width: 100%; text-align: center; vertical-align: middle; margin: 3px 0px; font-size: 14px; transition: background-color 1s; }
#manageworkforce .row.clients { padding: 50px 0px 0px; }
.automated-feature-desc .auto-bull-ptns { border-radius: 10px; position: absolute; background: rgb(255, 255, 255); padding: 15px 12px; top: 19%; box-shadow: rgba(18, 53, 159, 0.15) 0px 5px 15px 0px; z-index: 10; }
.auto-bull-pts-blue-bg { position: absolute; top: 17%; width: 250px; height: 358px; background: rgb(222, 238, 252); left: 5px; border-radius: 20px; z-index: 2; }
.auto-two-graphic-img { position: absolute; width: 300px; height: 200px; top: 65%; right: 0px; transform: translateY(-50%); z-index: 10; }
#managementContent .auto-two-graphic-img,
#recruitmentContent .auto-two-graphic-img,
#uknowvaiContent .auto-two-graphic-img { width: 400px; height: 280px; }
#coreHrContent .auto-two-graphic-img { width: 480px; height: 300px; }
#coreHrContent .auto-two-graphic-img img,
#managementContent .auto-two-graphic-img img,
#recruitmentContent .auto-two-graphic-img img,
#uknowvaiContent .auto-two-graphic-img img { width: auto; height: 100%; object-fit: initial; }
#projectContent .auto-two-graphic-img { top: 50%; right: 30px; height: 230px; }
.uva-agent { position: absolute; right: 10%; top: 0px; max-width: 150px; z-index: 99; }
#managementContent .auto-two-graphic-img,
#recruitmentContent .auto-two-graphic-img { top: 50%; }
.automated-feature-desc .yellow-cir { position: absolute; top: 9%; left: 13%; z-index: 1; width: 82px; }
.auto-two-graphic-img img { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; object-fit: contain; opacity: 0; animation: 6s ease 0s infinite normal none running fadeSlideLoop; }
.auto-two-graphic-img img:first-child { animation-delay: 0s; }
#coreHrContent .auto-two-graphic-img img:nth-child(2),
#leaveContent .auto-two-graphic-img img:nth-child(2),
.auto-two-graphic-img img:nth-child(2) { animation-delay: 3s; }
#coreHrContent .auto-two-graphic-img img { animation: 6s ease-in-out 0s infinite normal none running fadeInLoop; }
#leaveContent .auto-two-graphic-img img { animation: 6s ease-in-out 0s infinite normal none running fadeInLoopPhone; }
#automated-experiences-container .bluebackground:has(.automated-features-container.active) { border-top: 1px solid rgb(228, 236, 245); }
#performanceContent .auto-two-graphic-img img,
div#payrollContent .auto-two-graphic-img img { opacity: 0; top: 30px; object-fit: fill; height: auto; width: 175px; animation: 1s ease 0s 1 normal forwards running fadeIn; }
#performanceContent .auto-two-graphic-img img:first-child,
div#payrollContent .auto-two-graphic-img img:first-child { animation-delay: 0.5s; }
div#payrollContent .auto-two-graphic-img img:nth-child(2) { top: 165px; animation-delay: 1s; }
div#payrollContent .auto-two-graphic-img img:nth-child(3) { top: 300px; animation-delay: 1.5s; }
#performanceContent .auto-two-graphic-img,
div#payrollContent .auto-two-graphic-img { width: 200px; top: 0px; transform: none; right: 100px; }
#performanceContent .auto-two-graphic-img,
#performanceContent .auto-two-graphic-img img { width: 200px; top: 30px; }
#performanceContent .auto-two-graphic-img img:nth-child(2) { top: 130px; animation-delay: 1s; }
#performanceContent .auto-two-graphic-img img:nth-child(3) { top: 230px; animation-delay: 1.5s; }
#leaveContent .auto-two-graphic-img { height: 450px; top: 50%; }
.automated-feature-desc ul li span { width: 100%; background-color: rgb(246, 246, 246); }
.automated-feature-img { display: flex; align-items: center; justify-content: center; position: relative; z-index: 3; }
.automated-feature-img img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; width: 70%; z-index: 2; }
.automated-feature-points { margin-bottom: 10px; gap: 6px; font-size: 12px; background: red; padding: 3px 10px; border-radius: 52px; font-weight: 400; border: 1px solid rgba(255, 255, 255, 0); transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-color 0.1s ease-in-out; color: rgb(51, 51, 51); }
.automated-feature-points:hover { transform: scale(1.02); box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 1em; }
.automated-feature-click { align-items: center; justify-content: center; width: 14%; border: 1px solid rgb(204, 233, 255); border-radius: 30px; padding: 0px 5px; gap: 0px; cursor: pointer; background-color: rgb(255, 255, 255); }
.automated-feature-click-container { width: 100%; background-color: rgb(255, 255, 255); border-radius: 10px; }
.btn-arrow-container,
.customappformdiv #hrmsformbottomul .main-book-a-demo-btn-contianer .btn-arrow-container { padding: 10px 15px 10px 25px; }
.btn-arrow-container { display: flex; align-items: center; gap: 2px; }
.btn-arrow { content: ""; }
.btn-arrow-container:hover .btn-arrow { background-image: url("../assets/templates/ukv_home/images/btn-arrow-right-blue.png"); background-position: 10px center; }
.customappformdiv #hrmsformbottomul .main-book-a-demo-btn-contianer { display: flex; justify-content: center; }
div#ajaxmsg { text-align: center; padding: 10px; background: rgb(255, 255, 255); color: red; max-width: 700px; margin: 0px auto 10px; border: 1px solid red; }
.landing_home ul#hrmsformbottomul { background-color: rgb(255, 255, 255); border-radius: 25px; max-width: 585px; margin: 0px auto; box-shadow: rgba(255, 255, 255, 0.28) 0px 1px 10px; border: 1px solid rgb(24, 141, 232); }
.landing_home #landingbanner ul#hrmsformbottomul li { width: auto; vertical-align: middle; margin: 0px 3px; }
.landing_home #hrmsformbottomul li,
.landing_home #landingbanner ul#hrmsformbottomul li { display: inline-block; position: relative; min-width: 235px; margin: 0px; }
.landing_home #hrmsformbottomul li .iti { width: 100%; margin-left: -8px; }
.landing_home #hrmsformbottomul li:first-child::after { position: absolute; content: ""; width: 0.5px; height: 25px; right: 0px; top: 7px; background: rgb(153, 153, 153); }
.landing_home #landingbanner .customappformdiv ul#hrmsformbottomul .landing-btn.main-book-a-demo-btn-contianer { position: absolute; top: 0px; margin-left: 25px; min-width: 180px; }
.landing_home .customappformdiv ul#hrmsformbottomul { margin-right: 225px; position: relative; }
.landing_home #landingbanner ul#hrmsformbottomul li input.inputbox { max-width: 240px; }
.landing_home #landingbanner ul#hrmsformbottomul li input.inputbox#emailid { background-color: rgba(255, 255, 255, 0); border: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.landing_home #landingbanner ul#hrmsformbottomul li input.inputbox { max-width: 200px; border-radius: 20px; width: 300px; padding: 10px; margin: 0px auto; }
.landing_home #landingbanner #hrmsformbottomul input.inputbox { padding: 7px 10px; background: rgb(255, 255, 255); border: 1px solid rgb(24, 141, 232); margin: 10px auto; color: rgb(17, 17, 17); box-sizing: border-box; max-width: 100%; }
.landing_home #landingbanner ul#hrmsformbottomul li input.inputbox#contactnos { border-width: 0px; border-style: none; border-color: currentcolor; background-color: rgba(255, 255, 255, 0); margin-left: -11px; }
.landing_home #landingbanner #hrmsformbottomul input#websecure { opacity: 0; height: 1px; margin: 0px; padding: 0px; width: 0px; }
.landing_home #landingbanner ul#hrmsformbottomul .button { background: rgb(24, 141, 232); position: relative; line-height: 19px; border-radius: 20px; border: 2px solid rgb(24, 141, 232); margin-bottom: -6px; white-space: nowrap; padding: 0px 28px; height: 44px; text-transform: capitalize; }
.landing_home #landingbanner ul#hrmsformbottomul .button:hover { background: rgb(255, 255, 255); border: 2px solid rgb(24, 141, 232); color: rgb(24, 141, 232); }
.landing_home .customappformdiv { max-width: unset; }
.landing_home #landingbanner ul#hrmsformbottomul li input.inputbox::placeholder { color: rgb(153, 153, 153); font-weight: 400; opacity: 1; }
.banner-desc { font-size: 17px; font-weight: 400; line-height: 24px; color: rgb(81, 79, 110); }
@media screen and (max-width: 768px) {
  .banner-desc,
.landing_home #clientele .moduletable .subhead,
.landing_home #clientele .moduletable h2 { text-align: center; }
  .landing_home #landingbanner ul#hrmsformbottomul li { width: 100%; }
  .landing_home #landingbanner ul#hrmsformbottomul li input.inputbox#emailid,
body.landing_home #landingbanner ul#hrmsformbottomul li input.inputbox#contactnos { background-color: rgba(255, 255, 255, 0); margin: 10px 0px; border: 1px solid rgb(211, 211, 211); border-radius: 10px; max-width: 100%; }
  .landing_home #landingbanner ul#hrmsformbottomul .button { height: auto; line-height: 20px; padding: 8px 30px; width: auto; margin-top: -15px; margin-bottom: 5px; }
  .uknowva_slider { padding-top: 50px; }
  .landing_home .customappformdiv { margin: 0px; padding: 0px 10px; }
  .landing_home ul#hrmsformbottomul { margin-bottom: 25px; padding: 0px; box-shadow: none; }
  #clientele .moduletable .Clientele-section-container .subhead { margin: 0px 10px; }
  .mob-flex-wrap { flex-wrap: wrap; }
  #landingbanner .uknowva_slider { background: rgb(229, 242, 253); padding-top: 25px; margin-top: 50px; padding-bottom: 0px; }
  .automated-feature-click-container { width: 100%; gap: 22px; }
  #landingbanner { margin-top: 0px; }
  .divinner { margin: 0px 22px; }
  .automated-features-container { width: 100%; margin-top: -25px; }
  .automated-feature-desc { width: 100%; padding: 0px; gap: 0px; }
  #automated-experiences-container .automated-features-container { transform: none; }
  #automated-experiences-container .automated-features-container.active { padding: 10px; margin-top: -8px; margin-bottom: 10px; box-shadow: rgba(0, 82, 212, 0.15) 0px 8px 24px 0px; border: 1px solid rgb(191, 221, 255); border-radius: 0px 0px 10px 10px; }
  .automated-feature-click-name { font-weight: 500; }
  .automated-features-container { display: block; max-height: 0px; overflow: hidden; padding: 0px 20px; transition: max-height 0.4s linear, padding 0.3s linear; }
  .automated-features-container.active { max-height: 100%; padding: 20px; transition: max-height 0.7s linear, padding 0.1s linear; }
  .clientele-see-more-btn-container { padding-top: 10px; }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
  .landing_home .customappformdiv { padding: 0px; }
}
@media screen and (min-width: 769px) and (max-width: 820px) {
  .divinner { padding: 0px 15px; }
}
h2 { margin-bottom: 25px; }
.client-ul { padding: 20px 0px; background: rgb(255, 255, 255); border-radius: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; }
li.client-list img { max-height: 66px; width: auto; margin: 5px auto; }
li.client-list { height: 75px; margin: 0px 0px 25px; width: 15%; display: inline-block; border: 1px solid rgb(229, 231, 235); border-radius: 5px; }
.Clientele-section-container::after,
.Clientele-section-container::before { content: ""; position: absolute; background: url("../assets/templates/ukv_home/images/dots.webp"); height: 145px; width: 128px; }
.Clientele-section-container::before { right: 0px; top: -5px; }
.Clientele-section-container::after { left: 0px; bottom: 0px; }
.round-button:hover { background: rgb(255, 255, 255); color: rgb(24, 141, 232); }
#landingbanner,
.mainhome.landing_home .bluebackground { background: rgb(237, 247, 255); }
#built-to-win { background-image: url("../assets/templates/ukv_home/images/uknowva-revamp-2026/ellipse-built-to-win.webp"); background-size: 115px auto; background-position: left 35px; }
.client-info-container-img img { height: 66px; width: auto; }
.client-info-container .card-heading { font-weight: 500; font-size: 38px; margin: 0px; text-align: left; width: 125px; height: 50px; line-height: 49.77px; }
.client-info-container .card-heading.client-165 { background: linear-gradient(90deg, rgb(204, 43, 94), rgb(117, 58, 136)) text; -webkit-text-fill-color: rgba(255, 255, 255, 0); }
.client-info-container .card-heading.user-500 { background: linear-gradient(90deg, rgb(49, 71, 85), rgb(38, 160, 218)) text; -webkit-text-fill-color: rgba(255, 255, 255, 0); }
.client-info-container .card-heading.countries-8 { background: linear-gradient(90deg, rgb(67, 206, 162), rgb(24, 90, 157)) text; -webkit-text-fill-color: rgba(255, 255, 255, 0); }
.client-info-container .card-text { font-size: 18px; font-weight: 400; color: rgb(46, 46, 46); text-align: left; }
.client-info-container { justify-content: center; gap: 60px; }
#clientele { background-image: url("../assets/templates/ukv_home/images/uknowva-revamp-2026/ellipse.webp"); background-size: 160px auto; background-position: left top; }
.automated-feature-click { border: 1px solid rgba(255, 255, 255, 0); box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px; transition: box-shadow 0.45s, background-color 0.5s; }
.modules-header-section { gap: 5px; align-items: center; justify-content: center; }
.landing_home #clientele .modules-header-section .section-head,
.modules-header-section .section-head { font-weight: 500; font-size: 38px; color: rgb(46, 46, 46); text-align: center; }
.modules-header-section .subhead { color: rgb(46, 46, 46); font-size: 18px; font-weight: 400; text-align: center; margin-bottom: 45px; margin-top: 20px; }
@media screen and (max-width: 500px) {
  .modules-header-section { gap: 10px; align-items: center; text-align: center; }
  .landing_home #clientele .modules-header-section .section-head,
.landing_home #clientele .moduletable h2,
.modules-header-section .section-head { font-size: 21px; line-height: 26px; max-width: max-content; margin: 0px auto; text-align: center; }
  .Clientele-section-container .modules-header-section { margin: 0px 22px; }
  .modules-header-section .subhead { font-size: 15px; line-height: 20px; max-width: 100%; margin-bottom: 35px; }
  .automated-feature-points { margin-bottom: 8px; gap: 6px; font-size: 14px; }
  #clientele { background-size: 70px auto; background-position: left -45px; }
  .clientele-see-more-btn-container { padding-top: 0px; }
}
@media screen and (max-width: 700px) {
  .Clientele-section-container::after,
.Clientele-section-container::before { height: 75px; width: 75px; }
  .client-ul { padding: 0px; justify-content: center; gap: 15px; }
  li.client-list { margin: 0px; width: calc(50% - 10px); }
  #clintele-section { margin-top: 20px; }
  .client-list img { max-width: 120px; }
  .Clientele-section-container h2::after,
.Clientele-section-container h2::before { zoom: 0.7; }
  .Clientele-section-container h2::before { left: 75px; bottom: 0px; top: 90px; }
  .Clientele-section-container h2::after { right: 30px; top: 20px; }
}
@media screen and (min-width: 701px) and (max-width: 820px) {
  .Clientele-section-container h2::after,
.Clientele-section-container h2::before { zoom: 0.7; }
  .Clientele-section-container h2::before { left: 270px; bottom: 0px; top: 105px; }
  .Clientele-section-container h2::after { right: 275px; top: 70px; }
  li.client-list { margin: 10px 0px; width: calc(25% - 20px); }
  .client-list img { max-width: 120px; }
  .client-ul { justify-content: space-around; }
}
@media screen and (min-width: 820px) and (max-width: 850px) {
  .Clientele-section-container h2::before { left: 290px; bottom: 0px; top: 40px; }
  .Clientele-section-container h2::after { right: 275px; top: 0px; }
  .client-ul { justify-content: space-around; }
}
@media screen and (max-width: 767px) {
  .banner-desc { font-size: 15px; text-align: center; }
  .Clientele-section-container { padding: 40px 0px; }
  .automated-feature-click-points-Ycontainer { padding-bottom: 40px; }
}
@media (max-width: 1024px) {
  .landing_home #clientele .modules-header-section .section-head,
.modules-header-section .section-head { font-size: 21px; line-height: 30px; max-width: max-content; margin: 0px auto; text-align: center; }
  .modules-header-section .subhead { font-size: 15px; margin-top: 15px; }
  .client-info-container { gap: 20px; flex-wrap: wrap; margin: 20px 22px 0px; }
  .client-info-container .client-content { gap: 10px; justify-content: center; }
  .client-info-container-img img { height: 30px; }
  .client-info-container .card-heading { font-size: 24px; width: auto; height: auto; line-height: 1.2; }
  .client-info-container .card-text { font-size: 14px; }
  .automated-feature-click,
.automated-feature-img img { width: 100%; }
  #landingbanner .uknowva_slider { padding-bottom: 0px; }
  .automated-feature-click.active { color: rgb(255, 255, 255); background: rgb(24, 141, 232); border-radius: 5px; }
  .automated-feature-click { align-items: center; flex-direction: row; border: 1px solid rgb(204, 233, 255); border-radius: 5px; padding: 10px; box-sizing: border-box; gap: 8px; cursor: pointer; background-color: rgb(255, 255, 255); transition: background-color 1s, color 0.5s ease-in-out; }
  .auto-bull-pts-blue-bg,
.auto-two-graphic-img,
.automated-feature-desc .yellow-cir,
.uva-agent { display: none; }
  .automated-feature-click-container { width: 100%; flex-wrap: wrap; gap: 7px; }
  .automated-features-container { width: 100%; margin-top: -12px; border-radius: 0px; }
  #elmsContent { margin-top: 0px; }
  .automated-feature-click .auto-downarrow { display: block; transform: rotate(180deg); filter: brightness(0.4); width: 15px; }
  .automated-feature-click.active .auto-downarrow { transform: none; filter: none; }
  .automated-feature-click-points-Ycontainer { padding: 0px 20px; }
  .automated-feature-desc .auto-bull-ptns { position: relative; box-shadow: none; top: 0px; padding: 0px; }
  .automated-feature-click-name { font-weight: 500; text-align: left; margin: 0px; }
  .automated-features-container { display: block; max-height: 0px; overflow: hidden; padding: 0px 20px; opacity: 0; transition: padding 0.4s, max-height 0.4s; }
  .automated-features-container.active { max-height: 1000px; opacity: 1; transform: translateY(0px); padding: 0px; display: flex; margin: 0px; }
}
.round-button { outline: 0px; cursor: pointer; display: inline-block; color: rgb(255, 255, 255); overflow: hidden; line-height: 17px; font-weight: 500; font-size: 14px; }
h2 { font-size: 28px; line-height: 32px; font-weight: 400; }
.btn-arrow { content: ""; background-image: url("../assets/templates/ukv_home/images/btn-arrow-right.webp"); width: 30px; height: 24px; background-repeat: no-repeat; background-size: 20px auto; background-position: center center; transition: background-image 0.3s, background-position 0.3s; }
#landingbanner { position: relative; z-index: 10; margin-top: 80px; }
.hrms-content-wrapper *,
.hrms-content-wrapper ::after,
.hrms-content-wrapper ::before { margin: 0px; padding: 0px; }
.hrms-content-wrapper { position: relative; width: 100%; overflow: hidden; display: flex; flex-direction: column; gap: 25px; padding-top: 50px; }
.banner-deco-arcs,
.banner-deco-circle { position: absolute; height: auto; pointer-events: none; }
.banner-deco-circle { top: -1%; left: -2%; width: 32px; z-index: 12; }
.banner-deco-arcs { top: -9%; right: 17%; width: 60%; z-index: 0; }
.banner-headline-wrap { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 40px; z-index: 10; }
.banner-page-heading { display: flex; flex-direction: column; gap: 15px; }
.banner-description-text { max-width: 750px; margin: 0px auto; }
.banner-page-heading h1 { line-height: 1.2; font-size: 42px; color: rgb(46, 46, 46); font-weight: 500; }
.banner-columns { display: flex; flex-direction: row; gap: 40px; align-items: flex-end; justify-content: center; min-height: 400px; max-height: 450px; margin: 0px auto; }
.rotating-banner-column { position: relative; display: flex; flex-direction: column; justify-content: flex-end; flex: 1 1 42%; min-width: 0px; height: 400px; gap: 20px; padding-bottom: 20px; overflow: visible; }
.banner-video-card { transform: scale(1.1); }
.rotating-banner-awards-list { display: flex; gap: 15px; align-items: center; padding-bottom: 100px; margin-left: 20px; }
.rotating-banner-awards-list img { height: 80px; width: auto; object-fit: contain; }
.banner-video-column { position: relative; flex: 1 1 60%; min-height: 420px; border-radius: 20px; overflow: visible; }
.banner-video-card { position: relative; z-index: 2; border-radius: 18px; overflow: hidden; width: 100%; max-width: 650px; background: rgba(255, 255, 255, 0); cursor: pointer; }
.round-button { border-radius: 30px; background: rgb(24, 141, 232); border: 2px solid rgb(24, 141, 232); padding: 12px 28px; white-space: nowrap; }
.built-to-win-trust-badges { display: flex; justify-content: center; gap: 30px; background: rgb(255, 255, 255); margin: 0px 0px 45px; }
.trust-badge { display: flex; gap: 10px; align-items: center; }
.trust-badge .trust-badge-text { font-size: 15px; text-align: center; }
.trust-badge img { width: 32px; height: 32px; background: rgba(24, 141, 232, 0.1); border-radius: 50%; }
.trust-badge-divider { width: 1px; background: rgb(153, 153, 153); align-self: center; transform: translateZ(0px); will-change: transform; }
@media screen and (max-width: 1024px) {
  .banner-columns { gap: 24px; padding: 0px 30px; min-height: 400px; max-height: unset; }
  .rotating-banner-column { flex: 0 0 42%; margin-left: 0px; }
  .rotating-banner-awards-list { padding-bottom: 20px; gap: 10px; }
  .rotating-banner-awards-list img { height: 52px; }
  .banner-video-card { max-width: 100%; }
  .automated-feature-click-container { width: 100%; flex-wrap: wrap; background-color: rgba(255, 255, 255, 0); padding: 0px; margin: 0px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .hrms-content-wrapper { padding: 60px 0px 0px; gap: 16px; }
  .banner-columns { flex-direction: row; align-items: flex-end; max-height: 320px; min-height: unset; }
  .rotating-banner-column { flex: 0 0 40%; min-height: unset; max-height: 300px; }
  .banner-video-column { flex: 1 1 auto; align-self: center; min-height: unset; }
  .banner-deco-arcs { width: 75%; }
  .banner-video-card img { border: 5px solid rgba(255, 255, 255, 0); }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #landingbanner { margin-top: 55px; }
  .rotating-banner-awards-list { justify-content: center; }
}
@media (max-width: 768px) {
  #landingbanner { margin-top: 55px; }
  #landingbanner .uknowva_slider { margin-top: 0px; padding-top: 0px; }
}
@media screen and (max-width: 767px) {
  .hrms-content-wrapper { padding: 40px 15px; gap: 16px; box-sizing: border-box; }
  .banner-columns { flex-direction: column; align-items: stretch; padding: 0px; gap: 20px; min-height: unset; max-height: unset; height: auto; }
  .rotating-banner-column { order: 1; flex: 0 0 auto; justify-content: center; width: 100%; max-width: 100%; height: 300px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; }
  .rotating-banner-awards-list { order: 2; padding-bottom: 0px; margin-left: 0px; justify-content: center; flex-wrap: wrap; gap: 10px; }
  .rotating-banner-awards-list img { height: 80px; }
  .banner-video-column { order: 3; flex: 0 0 auto; width: 95%; margin: 0px auto; min-height: unset; padding: 0px; }
  .banner-video-card { width: 100%; max-width: 100%; min-height: unset; background: rgba(255, 255, 255, 0); box-shadow: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
  .banner-deco-arcs { opacity: 0.5; width: 100%; inset: 50% 0px 0px; }
  .banner-deco-circle { display: none; }
  #clientele .moduletable .Clientele-section-container .subhead { margin: 10px 10px 0px; }
}
@media screen and (max-width: 500px) {
  #landingbanner .hrms-content-wrapper .banner-headline-wrap .banner-page-heading h1 { font-size: 30px; font-weight: 500; margin-top: 10px; line-height: 40px; }
  .banner-headline-wrap { gap: 10px; }
  .banner-page-heading span { display: inline-block; }
  .trust-badge-divider { display: none; }
  .rotating-banner-column { min-height: unset; height: 240px; }
  .banner-video-column { height: 180px; margin-bottom: 5px; }
  .banner-video-card { min-height: unset; background: rgba(255, 255, 255, 0); box-shadow: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin-bottom: 30px; }
  .banner-video-card img { border: 5px solid rgba(255, 255, 255, 0); }
  #automated-experiences .modules-header-section,
.built-to-win.modules-header-section { gap: 0px; }
  #automated-experiences .subhead,
.built-to-win.modules-header-section .subhead { margin-top: 25px; }
  .banner-columns { height: 500px; }
  .rotating-banner-awards-list { gap: 15px; }
  .rotating-banner-awards-list img { height: 60px; }
  .built-to-win-trust-badges { gap: 20px; margin: 0px 0px 35px; }
  .trust-badge { width: calc(50% - 10px); justify-content: center; gap: 7px; flex-direction: column; }
}
@media screen and (max-width: 400px) {
  .banner-page-heading h1 { font-size: 22px; margin: 10px; }
  .rotating-banner-awards-list img { height: 50px; }
  .banner-columns { height: unset; }
}
@media (max-width: 768px) {
  .landing_home .customappformdiv ul#hrmsformbottomul { border: 0px; margin: 0px; }
  .landing_home #landingbanner .customappformdiv ul#hrmsformbottomul .landing-btn.main-book-a-demo-btn-contianer { position: relative; margin-top: 0px; margin-left: 0px; }
  .landing_home .customappformdiv ul#hrmsformbottomul { margin-right: 0px; background: transparent; }
  .landing_home #landingbanner .customappformdiv ul#hrmsformbottomul .landing-btn.main-book-a-demo-btn-contianer { position: static; margin-left: 0px; }
  .landing_home #landingbanner ul#hrmsformbottomul li input.inputbox#emailid,
body.landing_home #landingbanner ul#hrmsformbottomul li input.inputbox#contactnos { background: rgb(255, 255, 255); border: 1px solid rgb(24, 141, 232); border-radius: 30px; }
  .landing_home #hrmsformbottomul li .iti { margin: 10px 0px; }
  .landing_home #landingbanner ul#hrmsformbottomul li input.inputbox#emailid,
body.landing_home #landingbanner ul#hrmsformbottomul li input.inputbox#contactnos { margin: 0px; }
  .landing_home #landingbanner ul#hrmsformbottomul li input.inputbox#emailid { padding-left: 20px; width: 100%; }
  body.landing_home #landingbanner ul#hrmsformbottomul li input.inputbox#contactnos { width: 100%; }
  .landing_home #landingbanner ul#hrmsformbottomul .button { justify-content: center; }
  .landing_home #hrmsformbottomul li:first-child::after { content: none; }
  .landing_home #hrmsformbottomul li,
.landing_home #landingbanner ul#hrmsformbottomul li { margin: 0px; }
  #hrmsformbottomul input.inputbox { margin: 10px 5px; max-width: 190px; }
}
.built-to-win-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; box-sizing: border-box; }
.built-to-win-card { display: flex; align-items: center; background: rgb(255, 255, 255); border-radius: 10px; border: 1px solid rgb(232, 238, 243); box-shadow: none; overflow: hidden; min-height: 72px; box-sizing: border-box; }
.built-to-win-card .card-icon { flex-shrink: 0; width: 60px; align-self: stretch; display: flex; align-items: center; justify-content: center; background: rgb(238, 242, 255); }
.built-to-win-card .card-icon img { width: 24px; height: 24px; object-fit: contain; display: block; }
.built-to-win-card .card-text { margin: 0px; flex: 1 1 0%; font-size: 15px; font-weight: 500; color: rgb(21, 27, 38); line-height: 20px; text-align: left; padding: 12px 18px 12px 16px; display: flex; align-items: center; }
.built-to-win-card:nth-child(1) .card-icon { background: rgb(231, 242, 253); }
.built-to-win-card:nth-child(2) .card-icon { background: rgb(227, 246, 239); }
.built-to-win-card:nth-child(3) .card-icon { background: rgb(253, 243, 226); }
.built-to-win-card:nth-child(4) .card-icon { background: rgb(253, 238, 235); }
.built-to-win-card:nth-child(5) .card-icon { background: rgb(239, 236, 254); }
.built-to-win-card:nth-child(6) .card-icon { background: rgb(226, 245, 248); }
.built-to-win-card:nth-child(7) .card-icon { background: rgb(253, 234, 242); }
.built-to-win-card:nth-child(8) .card-icon { background: rgb(234, 237, 251); }
.built-to-win-card:nth-child(9) .card-icon { background: rgb(239, 247, 227); }
@media screen and (max-width: 767px) {
  .built-to-win-grid { grid-template-columns: 1fr; }
}
#hrmsformbottomul input#websecure { opacity: 0; height: 1px; margin: 0px; padding: 0px; width: 0px; }
@-webkit-keyframes fadeInUp {0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }}
@keyframes fadeInUp {
0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes fadeIn {0% { opacity: 0; }
  100% { opacity: 1; }}
@-webkit-keyframes fadeInRight {0% { opacity: 0; transform: translateX(20px); }
  100% { opacity: 1; transform: translateX(0px); }}
@keyframes fadeInRight {
0% { opacity: 0; transform: translateX(20px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@-webkit-keyframes fadeInLeft {0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0px); }}
@keyframes fadeInLeft {
0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@-webkit-keyframes zoomIn {0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }}
@keyframes zoomIn {
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@keyframes gradientMove {
0% { background-position: 200% center; }
}
@keyframes zoomIn {
0% { transform: scale(0.2); opacity: 0; }
  70% { transform: scale(1.1); opacity: 0.7; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
  100% { opacity: 1; }
  0% { opacity: 0; transform: translateY(15px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeSlideLoop {
0%, 100%, 50.1% { opacity: 0; transform: translateX(50px); }
  15%, 45% { opacity: 1; transform: translateX(0px); }
  50% { opacity: 0; transform: translateX(0px); }
}
@keyframes fadeInLoop {
0%, 100%, 50% { opacity: 0; }
  42%, 8% { opacity: 1; }
}
@keyframes fadeInLoopPhone {
0%, 100% { opacity: 0; }
  20%, 80% { opacity: 1; }
}
.trust-badge .trust-badge-text { color: #060607; }
.trust-badge .trust-badge-text .bold { color: #1f2937; }
.au-landing::after { content: ""; display: table; clear: both; }
.automated-feature-click:focus-visible { outline: 2px solid #188de8; outline-offset: 3px; }
#header { z-index:9999; }
#header { position:fixed; }
#headerleft { float:left; }
#topmenu { float:right; }
#header { padding:0; left:0; -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; top:0; background:#f8f8f9; }
body #header { padding:10px 0; background:#ddeefe; }
body.landing_home #header { background:#fff; }
body #header.fixed { box-shadow:-1px 1px 5px #00000040; background:#fff!important; top:0; }
#headerright { margin-left:150px; text-align:right; }
#logo { float:left; width:180px; }
#logo img,
#mobnav-btn a { display:block; }
#topmenu ul { margin:5px 0 0; }
#topmenu li { float:left; margin-left:1px; text-align:left; background:0 0; position:relative; }
#topmenu ul li a { color:#333; display:block; line-height:21px; padding:5px 15px; font-size:16px; font-weight:400; margin:12px 10px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; border:1px solid #fff0; }
body.landing_home #header { background:0 0; }
#mobnav-btn { display:none; float:right; cursor:pointer; }
#mobnav-btn a { padding:15px; cursor:pointer; margin-top:5px; }
#mobnav-btn a:after { font-family:FontAwesome; content:"\f0c9"; }
.hide-left-bar { -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; }
@media screen and (max-width:768px) {
  #header { padding:0; }
  #logo { padding:5px 0; width:auto; }
  #logo img { max-height:35px; }
  #topmenu ul li a { margin:5px 10px; padding:3px 10px; font-size:13px; font-weight:500; }
  #header { width:100%; }
}
@media screen and (max-width:600px) {
  #topmenu ul li a:hover { background:#00000026; }
  #logo { padding:10px; }
  #logo img { max-height:30px; }
  #mobnav-btn,
#mobnav-btn a { display:block; color:#333; }
  body #header,
body.mainhome #header { padding:0; }
  #headerleft { width:100%; position:fixed; z-index:9; left:0; background:#f8f8f9; }
  #topmenu { float:right; margin-top:50px; width:100%; }
  .hide-left-bar { margin-right:0!important; }
  #headerright #topmenu ul li a { padding:12px 15px; margin:0; }
  #headerright { width:210px; margin:0 -240px 0 0; position:fixed; right:0; background:#dcedfd; height:100%; z-index:8; overflow-y:auto; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; box-shadow:0 0 15px #333; }
  #topmenu ul>li a { line-height:25px; font-size:14px; margin:5px 15px; font-weight:500; }
  #topmenu ul li { float:none; width:100%; margin:0; list-style:square; color:#fff; border-bottom:1px solid #888; }
  #topmenu ul li a { margin:0; padding:10px; float:none; border:0; }
  #topmenu ul li a:hover { -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; -ms-transition:.3s; transition:.3s; }
}
@media screen and (max-width:480px) {
  #headerright { margin-left:100px; }
}
@media screen and (max-width:900px) {
  #logo img { max-height:53px; max-width:135px; }
  #topmenu ul li a { padding:5px; margin:12px 0; }
  #topmenu ul { margin:-5px 0 0; }
  #headerright { margin-left:100px; text-align:right; }
}
@media screen and (max-width:1024px) {
  #topmenu ul li a { padding:5px 10px; margin:12px 0; font-size:14px; }
}
@media screen and (max-width:768px) {
  #topmenu ul li a { padding:5px; margin:12px 0; }
}
@media screen and (min-width:320px) and (max-width:400px) {
  #logo img { max-width:85px; }
  #mobnav-btn a { padding:15px 10px; }
}
@media screen and (min-width:340px) and (max-width:600px) {
  #topmenu ul { margin:10px 0 0; }
}
.landing_home #header { box-shadow:0 12px 28px 0 #0000001a; }
@media screen and (max-width:768px) {
  #mobnav-btn a { margin-right:5px; }
  #logo { margin-left:5px; }
}
@media (max-width:1024px) {
  #topmenu .ukv-mega .ukv-mega-grid .ukv-mega-item .ukv-mega-card { display:flex; gap:5px; }
  #topmenu .ukv-menu-item.has-mega .ukv-mega-grid { display:none; }
  #topmenu .ukv-menu-item.has-mega.active .ukv-mega-grid { display:block; }
  #topmenu .ukv-menu-item.has-mega.active .ukv-mega-grid a { background:#fff; border-bottom:1px solid #ddd; }
  #topmenu .ukv-mega-grid .ukv-mega-icon img { width:20px; margin-right:7px; }
  #mobnav-btn,
#mobnav-btn a { display:block; color:#333; }
  body #header,
body.mainhome #header { padding:0; }
  #headerleft { width:100%; position:fixed; z-index:9; left:0; background:#f8f8f9; }
  #topmenu { float:right; margin-top:50px; width:100%; }
  .hide-left-bar { margin-right:0!important; }
  #headerright #topmenu ul li a { padding:12px 15px; margin:0; }
  #headerright { width:210px; margin:0 -240px 0 0; position:fixed; right:0; background:#dcedfd; height:100%; z-index:8; overflow-y:auto; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; box-shadow:0 0 15px #333; }
  #topmenu ul>li a { line-height:25px; font-size:14px; margin:5px 15px; font-weight:500; }
  #topmenu ul li { float:none; width:100%; margin:0; list-style:square; color:#fff; border-bottom:1px solid #888; }
  #topmenu ul li a { margin:0; padding:10px; float:none; border:0; }
  #topmenu ul li a:hover { -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; -ms-transition:.3s; transition:.3s; }
}
.overlay { height:100%; top:0; left:0; width:100%; background-color:#0007; right:0; bottom:0; position:fixed; z-index:99; }
#topmenu img { max-width:100%; height:auto; }
#topmenu .ukv-mega-icon { width:20px; flex-shrink:0; }
#topmenu .ukv-mega-icon img { width:20px; }
#topmenu .ukv-mega { display:none; }
#topmenu .ukv-menu-item.has-mega.active > .ukv-mega { display:block; }
#topmenu .appstore-image a { padding: 0px; }
@media (min-width: 1025px) {
  #topmenu .ukv-main-nav { position:relative; }
  #topmenu .ukv-menu { display:flex; gap:22px; align-items:center; }
  #topmenu .ukv-menu-item { position:static; }
  #topmenu .ukv-menu-link { font-size:16px; color:#2E2E2E; display:inline-flex; align-items:center; gap:4px; text-decoration:none; padding:0; margin:0; }
  #topmenu .ukv-mega { position: absolute; top: 100%; left: 0; opacity: 0; transform: translateY(30px); max-width:1000px; background: #fff; border-radius: 7px; box-shadow: 0 7px 29px 0 #64646F33; padding: 16px; opacity: 0; visibility: hidden; transition: opacity .3s ease, transform .2s ease; z-index: 9999; }
  #topmenu .ukv-menu-item.has-mega.active .ukv-mega { opacity: 1; visibility: visible; transform: translateY(0); }
  #topmenu .ukv-menu-item.has-mega .ukv-mega { opacity:0; visibility:hidden; }
  #topmenu .ukv-mega-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
  #topmenu .ukv-mega-grid a { margin:0; }
  #topmenu .ukv-mega-card { display:flex; gap:10px; padding:10px; border-radius:14px; background:#fff; text-decoration:none; transition:all .25s ease; }
  #topmenu .ukv-mega-card:hover { background:#188DE80D; border:1px solid #188DE826; border-radius:10px; transform:translateY(-2px); }
  #topmenu .ukv-mega-content { width: calc(100% - 20px); }
  #topmenu .ukv-mega-content .menu-title { display:block; width:100%; font-size:14px; font-weight:500; color:#0f172a; white-space:nowrap; }
  #topmenu .ukv-menu-item.menu-ai-hub .ukv-mega-grid { grid-template-columns:repeat(1,1fr); }
  #topmenu .ukv-main-nav { position: relative; overflow: visible; }
  #topmenu .app-store-item { grid-column:4; grid-row:1 / span 5; align-self:start; }
  #topmenu .mega-heading { color: #108AE6; font-size: 14px; font-weight: 500; }
  #topmenu .appstore-title { margin-top: -20px; margin-bottom: 10px; text-align: left; text-transform: uppercase; }
  #topmenu .appstore-image { margin-bottom: 20px; }
  #topmenu .appstore-btn { display:inline-flex; justify-content:center; align-items:center; font-size: 14px; padding:5px 50px; background:#188DE8; color:#fff; border-radius:24px; text-decoration:none; font-weight:500; }
  #topmenu .appstore-btn:hover { background: #fff; border: 2px solid #188de8; color: #188de8; }
  #headerleft { float: none; flex: 0 0 auto; }
  #headerright { float: none; margin-left: 0; flex: 1; display: flex; justify-content: flex-end; align-items: center; }
  #header .divinner { max-width:1200px; margin:0 auto; display:flex; gap:30px; }
}
@media (min-width: 767px) and (max-width: 1025px) {
  #topmenu .mega-heading,
#topmenu .ukv-mega-item.app-store-item { display: none; }
  #topmenu .ukv-menu-item.has-mega .ukv-menu-link .fa.fa-angle-down.menu-arrow { position: absolute; top: 25px; right: 15px; transform: translateY(-50%); }
}
@media (max-width: 767px) {
  #topmenu .mega-heading,
#topmenu .ukv-mega-item.app-store-item { display: none; }
  #topmenu .ukv-menu-item.has-mega .ukv-menu-link .fa.fa-angle-down.menu-arrow { position: absolute; top: 25px; right: 15px; transform: translateY(-50%); }
}
@media (max-width: 1025px) {
  #topmenu .ukv-menu { overflow-x:hidden; width:100%; box-sizing:border-box; }
  #topmenu .ukv-menu-item { max-width:100%; box-sizing:border-box; }
  #topmenu .ukv-mega,
#topmenu .ukv-mega-grid,
#topmenu .ukv-mega-item,
#topmenu .ukv-mega-card,
#topmenu .ukv-mega-content { max-width:100%; width:100%; box-sizing:border-box; overflow:hidden; }
  #topmenu .ukv-mega-content .menu-title { white-space:normal; word-break:break-word; }
}
li.client-list img { object-fit: contain; max-width: 90%; }
@media (min-width: 1025px) {
  #header #topmenu,
#header #topmenu .moduletable,
#topmenu .ukv-main-nav { width: 100%; }
  #topmenu .ukv-menu { width: 100%; margin: 0; gap: 40px; }
  #topmenu .ukv-menu > .menu-why-us { margin-left: auto; }
  #topmenu .ukv-menu > .menu-contact-us { margin-left: auto; }
}
#topmenu .ukv-main-nav .ukv-menu .menu-contact-us .ukv-menu-link { background: #188de8; color: #fff; border: 2px solid #188de8; border-radius: 30px; padding: 6px 22px; font-size: 15px; font-weight: 500; transition: background .2s, color .2s; }
#topmenu .ukv-main-nav .ukv-menu .menu-contact-us .ukv-menu-link:hover { background: #fff; color: #188de8; }
@media (max-width: 1024px) {
  #headerright #topmenu .ukv-menu .menu-contact-us { border-bottom: 0; padding: 15px 10px; }
  #headerright #topmenu .ukv-menu .menu-contact-us .ukv-menu-link { display: block; text-align: center; padding: 8px 10px; }
}
#why-us,
#case-studies,
#contact-us,
#clientele,
#manageworkforce { scroll-margin-top: 90px; }
.white-background { background:#fff; }
.hr-roi-heading span { display:inline-block; }
.font-size-16 { font-size:16px; }
.hr-roi-card-item,
.hr-roi-white-card { box-sizing:border-box; box-sizing:border-box; }
#hr-operations-in-one-platform .modules-header-section .section-head { color:#fff; }
#hr-operations-in-one-platform { padding:50px 0; }
.automated-experiences-botton { margin-top:0; text-align:left; }
.leftalign { text-align:left!important; }
.paperless-pillar-content-desc { justify-content:center; align-items:center; width:44%; padding:20px; border-radius:10px; box-shadow:0 20px 35px 0 #0f8ae726; gap:20px; line-height:normal; }
@media screen and (max-width:768px) {
  .paperless-pillar-content-desc { width:100%; }
}
.round-button:hover { background:#fff; color:#188de8; }
#hr-roi-calculator .paperless-pillar-content-desc { box-shadow:0 8px 24px 0 #0b6AB233; gap:15px; justify-content:flex-start; }
#hr-roi-calculator .hr-roi-calculator-content-img { width:65px; padding:0; }
@media screen and (max-width:500px) {
  .automated-experiences-botton { margin-top:20px; }
}
@media screen and (max-width:767px) {
  #hr-roi-calculator .hr-roi-calculator-content-img { width:45px; }
}
@media (max-width:1024px) {
  #hr-roi-calculator .make-flex { display:flex; flex-wrap:wrap; gap:20px; }
  #hr-roi-calculator .paperless-pillar-content-desc { flex:0 0 calc(50% - 10px); max-width:calc(50% - 10px); box-sizing:border-box; padding:12px; }
  #hr-roi-calculator .paperless-pillar-content-desc p { font-size:14px; }
}
.round-button { outline:0; cursor:pointer; display:inline-block; color:#fff; overflow:hidden; line-height:17px; font-weight:500; font-size:14px; }
.round-button { border-radius:30px; background:#188de8; border:2px solid #188de8; padding:12px 28px; white-space:nowrap; }
#home_cta { background:url(../assets/templates/ukv_home/images/uknowva-revamp-2026/hr-in-one-platform/CTABanner.webp) 0 0/cover no-repeat fixed; display:block; }
#home_cta .row.divinner { padding:0; max-width:100%; }
#home_cta .round-button { color:#188de8; background:#fff; border:2px solid #188de8; }
#home_cta .round-button:hover { color:#fff; background:#fff0; border:2px solid #fff; transition:color .3s,background .3s,border .3s; }
.hr-roi-white-card { background:#fff; border-radius:20px; box-shadow:0 9px 22px 0 #0000001a; padding:45px; display:flex; align-items:center; gap:40px; }
#hr-roi-calculator .paperless-pillar-content-desc { max-width:unset; padding:20px; }
.hr-roi-white-card-left { display:flex; flex-direction:column; gap:20px; flex:0 0 40%; max-width:40%; }
.hr-roi-eyebrow { display:inline-flex; align-items:center; width:fit-content; background:#188de81a; color:#188de8; font-size:12px; font-weight:500; letter-spacing:.5px; padding:6px 14px; border-radius:30px; }
.hr-roi-eyebrow::before { content:''; width:6px; height:6px; border-radius:50%; background:#188de8; display:inline-block; margin-right:6px; }
h2.hr-roi-heading { text-align:left; font-size:34px; font-weight:500; color:#2e2e2e; line-height:1.1; margin-bottom:0; }
.hr-roi-subtext { text-align:left; font-size:15px; color:#555; margin:0; }
.hr-roi-white-card-right { flex:1; display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.hr-roi-card-item { align-items:flex-start; justify-content:flex-start; gap:12px; padding:20px; border-radius:10px; box-shadow:0 8px 24px 0 #0b6ab21a; width:100%; }
.hr-roi-card-item .hr-roi-calculator-content-img { width:44px; }
.hr-roi-card-item .hr-roi-calculator-content-img img { width:100%; height:auto; display:block; }
.hr-roi-card-item:first-child { border-top:2px solid #1bcb84; }
.hr-roi-card-item:nth-child(2) { border-top:2px solid #188de8; }
.hr-roi-card-item:nth-child(3) { border-top:2px solid #dc5640; }
.hr-roi-card-item:nth-child(4) { border-top:2px solid #fcbe1d; }
@media screen and (min-width:1023px) {
  .hr-roi-white-card-left { border-right:1px solid #d4eafa; }
}
@media screen and (max-width:900px) {
  .hr-roi-white-card { flex-direction:column; padding:0 5px; gap:30px; background:0 0; box-shadow:none; }
  .hr-roi-white-card-left,
.hr-roi-white-card-right { flex:0 0 100%; max-width:100%; width:100%; }
  .hr-roi-heading { font-size:28px; line-height:34px; }
  h2.hr-roi-heading { margin:unset; }
}
@media screen and (max-width:767px) {
  h2.hr-roi-heading { font-size:21px; line-height:24px; }
}
@media screen and (max-width:500px) {
  .hr-roi-white-card { border-radius:14px; }
  .hr-roi-white-card-right { grid-template-columns:1fr 1fr; gap:15px; }
  #hr-roi-calculator .make-flex { gap:15px; padding:10px 15px; }
  #hr-roi-calculator .paperless-pillar-content-desc p { font-size:13px; line-height:16px; }
  .hr-roi-card-item { padding:14px; }
  .hr-roi-heading { font-size:22px; line-height:28px; }
}
#home_cta .row.divinner { padding-left: 16px; padding-right: 16px; }
#home_cta .section-head { font-size: 38px; font-weight: 500; }
.au-diff { position: relative; display: flex; align-items: center; gap: 40px; margin-top: 50px; padding: 40px; border-radius: 20px; overflow: hidden; background: radial-gradient(circle at 12% 85%, #22c1a44d 0%, transparent 38%), radial-gradient(circle at 30% 10%, #47a5ed59 0%, transparent 45%), linear-gradient(135deg, #0a2f63 0%, #0b4a92 55%, #0f6fc4 100%); box-shadow: 0 18px 40px 0 #0a2f6340; }
.au-diff-intro { flex: 0 0 34%; }
.au-diff-title { margin: 0; font-size: 58px; line-height: 1.12; font-weight: 600; text-align: left; letter-spacing: -.5px; }
.au-diff-title { color: #fff; }
.au-diff-accent { background: linear-gradient(90deg, #3fe0b8 0%, #5cc8ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.au-diff-title .au-diff-accent { display: block; }
.au-diff-card { flex: 1; background: #fff; border-radius: 22px; box-shadow: 0 16px 40px 0 #04193a59; }
.au-diff-plot { position: relative; width: 100%; aspect-ratio: 1.2; container-type: inline-size; }
.au-diff-axis { position: absolute; background: #1a5fc6; }
.au-diff-axis-x { left: 22%; right: 20.7%; top: 49.7%; height: 2px; }
.au-diff-axis-y { left: 49.8%; top: 16.6%; bottom: 14.6%; width: 2px; }
.au-diff-axis-x::before,
.au-diff-axis-x::after,
.au-diff-axis-y::before,
.au-diff-axis-y::after { content: ""; position: absolute; border: 7px solid transparent; }
.au-diff-axis-x::before { left: -8px; top: -6px; border-right: 9px solid #1a5fc6; border-left: 0; }
.au-diff-axis-x::after { right: -8px; top: -6px; border-left: 9px solid #1a5fc6; border-right: 0; }
.au-diff-axis-y::before { top: -8px; left: -6px; border-bottom: 9px solid #1a5fc6; border-top: 0; }
.au-diff-axis-y::after { bottom: -8px; left: -6px; border-top: 9px solid #1a5fc6; border-bottom: 0; }
.au-diff-label { position: absolute; transform: translate(-50%, -50%); font-size: 15px; font-size: 2.7cqw; font-weight: 700; line-height: 1.15; color: #1a5fc6; text-align: center; white-space: nowrap; }
.au-diff-top { left: 49.8%; top: 8.9%; }
.au-diff-bottom { left: 49.8%; top: 91.2%; }
.au-diff-left { left: 12.2%; top: 49.7%; }
.au-diff-right { left: 88.1%; top: 49.7%; }
.au-diff-logo { position: absolute; transform: translate(-50%, -50%); height: auto; max-width: none; }
.au-diff-uknowva { position: absolute; transform: translate(-50%, -50%); width: 9.9%; aspect-ratio: 1; border-radius: 50%; border: 1.5px dashed #555; background: #fff; display: flex; align-items: center; justify-content: center; }
.au-diff-uknowva img { width: 80%; height: auto; }
@media (max-width: 1100px) {
  .au-diff-title { font-size: 44px; }
}
@media (max-width: 900px) {
  .au-diff { flex-direction: column; align-items: stretch; gap: 20px; padding: 24px 12px; }
  .au-diff-title { font-size: 32px; text-align: center; }
  .au-diff-title .au-diff-accent { display: inline; }
}
@media (max-width: 600px) {
  .au-diff { padding: 20px 10px; }
  .au-diff-card { border-radius: 16px; }
  .au-diff-plot { aspect-ratio: .92; }
  .au-diff-axis-x { left: 4%; right: 4%; }
  .au-diff-axis-y { top: 11%; bottom: 11%; }
  .au-diff-label { font-size: 3.4cqw; }
  .au-diff-top { top: 5%; }
  .au-diff-bottom { top: 95%; }
  .au-diff-left { left: 4%; top: 53%; transform: none; text-align: left; }
  .au-diff-right { left: auto; right: 4%; top: 53%; transform: none; text-align: right; }
  .au-diff-logo { transform: translate(-50%, -50%) scale(1.3); }
  .au-diff-uknowva { width: 12.5%; transform: translate(-30%, -50%); }
}
#case-studies .modules-header-section { margin-bottom: 35px; }
.au-case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.au-case-card { display: flex; flex-direction: column; gap: 14px; padding: 24px; background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 8px 24px 0 #0b6ab21a; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.au-case-card:hover { transform: translateY(-4px); border-color: #188de826; box-shadow: 0 14px 30px 0 #0b6ab233; }
.au-case-logo { height: 80px; display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px solid #edf2f7; padding-bottom: 14px; }
.au-case-logo img { max-height: 66px; max-width: 200px; width: auto; object-fit: contain; }
.au-case-title { flex: 1; font-size: 16px; line-height: 1.45; font-weight: 500; color: #2e2e2e; text-align: left; }
.au-case-cta { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500; color: #188de8; text-align: left; }
.au-arrow { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #188de81a; transition: background .25s, transform .25s; }
.au-arrow svg { width: 15px; height: 15px; fill: none; stroke: #188de8; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: stroke .25s; }
.au-case-card:hover .au-arrow { background: #188de8; transform: translateX(4px); }
.au-case-card:hover .au-arrow svg { stroke: #fff; }
@media (max-width: 1024px) {
  .au-case-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media (max-width: 600px) {
  .au-case-grid { grid-template-columns: 1fr; }
  .au-case-card { padding: 18px; }
}
#contact-us .modules-header-section .subhead { margin-bottom: 24px; }
.au-partner-card { display: grid; grid-template-columns: 290px 1fr; align-items: center; max-width: 960px; margin: 0 auto; background: #fff; border: 1px solid #dbe7f3; border-radius: 18px; box-shadow: 0 10px 28px 0 #0b6ab21a; overflow: hidden; }
.au-partner-brand { align-self: stretch; display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 26px 28px; background: linear-gradient(160deg, #f3f9ff 0%, #e5f2fd 100%); border-right: 1px solid #dbe7f3; }
.au-partner-logo { width: 190px; max-width: 100%; height: auto; }
.au-partner-company { margin: 0; font-size: 14px; font-weight: 500; line-height: 1.35; color: #2e2e2e; text-align: left; }
.au-partner-details { list-style: none; margin: 0; padding: 24px 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 24px; }
.au-partner-item { display: flex; align-items: center; gap: 12px; min-width: 0; font-size: 14.5px; line-height: 1.35; color: #374151; text-align: left; }
.au-partner-item.au-partner-pin { grid-column: 1 / -1; }
.au-partner-item a { color: #374151; text-decoration: none; transition: color .2s; overflow-wrap: anywhere; }
.au-partner-item a:hover { color: #188de8; }
.au-partner-icon { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; background: #188de814; display: inline-flex; align-items: center; justify-content: center; }
.au-partner-icon svg { width: 17px; height: 17px; fill: none; stroke: #188de8; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 767px) {
  .au-partner-card { grid-template-columns: 1fr; }
  .au-partner-brand { border-right: 0; border-bottom: 1px solid #dbe7f3; align-items: flex-start; padding: 22px; }
  .au-partner-details { grid-template-columns: 1fr; padding: 20px 22px; gap: 12px; }
}
#landingbanner .banner-page-heading h1.au-headline { max-width: none; margin-left: auto; margin-right: auto; }
.au-headline-line { display: block; }
.au-tag { display: inline-block; padding: .02em .3em .1em; margin: 0 .04em; border-radius: .22em; line-height: 1.1; color: #fff; font-weight: 600; background: linear-gradient(135deg, #1e97ee 0%, #0f7fd6 55%, #0a66b8 100%); box-shadow: 0 .12em .35em #0a66b83d; }
@media (max-width: 767px) {
  .au-headline-line { display: inline; }
}
#built-to-win.bluebackground { background-color: #edf7ff; }
#built-to-win .built-to-win-card { background: #fff; }
#built-to-win .built-to-win-trust-badges { background: transparent; }
#built-to-win .trust-badge img { background: #fff; padding: 4px; box-sizing: content-box; box-shadow: 0 4px 12px 0 #0b6ab21f; }
#built-to-win .trust-badge-divider { background: #bcd3e6; height: 28px; }
#built-to-win .built-to-win-card { border-color: #dbe7f3; box-shadow: 0 4px 14px 0 #0b6ab20f; transition: box-shadow .25s, transform .25s; }
#built-to-win .built-to-win-card:hover { box-shadow: 0 10px 24px 0 #0b6ab21f; transform: translateY(-2px); }
#built-to-win .built-to-win-card .card-icon { width: 46px; height: 46px; align-self: center; margin-left: 14px; border-radius: 12px; }
#built-to-win .built-to-win-card .card-text { padding-left: 14px; }
#home_cta #hr-operations-in-one-platform { gap: 28px; padding: 70px 0; }
@media (max-width: 767px) {
  #home_cta { background-attachment: scroll; background-position: center; }
  #home_cta #hr-operations-in-one-platform { gap: 22px; padding: 50px 20px; }
  #home_cta .section-head { font-size: 26px; line-height: 1.25; }
}
.banner-video-card { cursor: default; }
.au-ratings { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 0 18px 20px; max-width: 480px; background: #fff; border: 1px solid #dbe7f3; border-radius: 14px; box-shadow: 0 8px 22px 0 #0b6ab21a; }
.au-rating { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 7px; padding: 12px 6px 10px; }
.au-rating + .au-rating { border-left: 1px solid #edf2f7; }
.au-rating-logo { height: 22px; width: auto; max-width: 92%; object-fit: contain; }
.au-rating-g2 { height: 26px; }
.au-rating-score { display: flex; align-items: baseline; gap: 4px; line-height: 1; }
.au-rating-score b { font-size: 16px; font-weight: 700; color: #188de8; }
.au-rating-score small { font-size: 11px; color: #6b7280; }
.au-stars { flex: none; --star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.9 7.1.6-5.4 4.7 1.6 7L12 17.5 5.8 21.2l1.6-7L2 9.5l7.1-.6z'/%3E%3C/svg%3E"); position: relative; display: inline-block; width: 60px; height: 12px; align-self: center; background: #e5e7eb; -webkit-mask: var(--star) 0 0 / 12px 12px repeat-x; mask: var(--star) 0 0 / 12px 12px repeat-x; }
.au-stars::before { content: ""; position: absolute; inset: 0; width: var(--pct); background: #fbbc05; }
.au-ratings { width: 100%; box-sizing: border-box; }
.au-rating { min-width: 0; }
.au-rating-num { display: inline-flex; align-items: baseline; gap: 3px; }
@media (max-width: 1279px) {
  .au-rating-score { flex-direction: column; align-items: center; gap: 5px; }
}
@media (max-width: 1024px) {
  .au-ratings { margin-left: 0; }
}
@media (max-width: 767px) {
  .au-ratings { order: 2; margin: 0 auto 16px; width: 100%; }
  .rotating-banner-awards-list { order: 3; }
}
@media (max-width: 420px) {
  .au-rating-logo { height: 18px; }
  .au-rating-g2 { height: 22px; }
  .au-stars { width: 50px; height: 10px; -webkit-mask-size: 10px 10px; mask-size: 10px 10px; }
  .au-rating-score b { font-size: 14px; }
}
#landingbanner .rotating-banner-column { justify-content: center; padding-bottom: 0; gap: 0; }
#landingbanner .au-ratings,
#landingbanner .rotating-banner-awards-list { width: 100%; max-width: 480px; margin-left: 20px; margin-right: 0; box-sizing: border-box; }
#landingbanner .au-ratings { margin-bottom: 22px; }
#landingbanner .rotating-banner-awards-list { display: grid; grid-template-columns: repeat(4, 1fr); justify-items: center; align-items: center; gap: 0; padding: 0; }
#landingbanner .rotating-banner-awards-list img { height: 76px; width: auto; max-width: 92%; object-fit: contain; }
@media (max-width: 1279px) {
  #landingbanner .rotating-banner-awards-list img { height: 64px; }
}
@media (max-width: 1024px) {
  #landingbanner .au-ratings,
#landingbanner .rotating-banner-awards-list { margin-left: 0; }
  #landingbanner .rotating-banner-awards-list img { height: 54px; }
}
@media (max-width: 767px) {
  #landingbanner .rotating-banner-column { height: auto; overflow: visible; padding: 10px 0 24px; }
  #landingbanner .au-ratings,
#landingbanner .rotating-banner-awards-list { max-width: 440px; margin-left: auto; margin-right: auto; }
  #landingbanner .au-ratings { margin-bottom: 16px; }
  #landingbanner .rotating-banner-awards-list img { height: 60px; }
}
@media (max-width: 420px) {
  #landingbanner .rotating-banner-awards-list img { height: 50px; }
}
#landingbanner .banner-video-card { padding: 4px; border-radius: 22px; background: linear-gradient(135deg, #cfe3ff 0%, #d9c8f5 30%, #bfeedd 65%, #fbe9a8 100%); box-shadow: 0 18px 40px 0 #0b6ab226; box-sizing: border-box; }
#landingbanner .banner-video-card img { display: block; width: 100%; height: auto; border: 0; border-radius: 18px; }
@media (max-width: 767px) {
  #landingbanner .banner-video-card { padding: 3px; border-radius: 16px; }
  #landingbanner .banner-video-card img { border-radius: 13px; }
}
@media (min-width: 768px) {
  #landingbanner .banner-video-card { width: 92%; margin-left: auto; }
  #landingbanner .banner-deco-circle { left: calc(8% - 16px); top: -14px; }
}
.au-trust { display: flex; flex-direction: column; gap: 18px; padding: 22px; border-radius: 22px; background: #ffffffa6; border: 1px solid #ffffffe6; box-shadow: 0 18px 40px 0 #0b6ab21a; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-sizing: border-box; }
#landingbanner .au-trust .au-ratings { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; max-width: none; margin: 0; background: none; border: 0; box-shadow: none; border-radius: 0; }
#landingbanner .au-trust .au-rating { justify-content: center; gap: 10px; padding: 16px 10px; background: #fff; border: 1px solid #dbe7f3; border-left: 1px solid #dbe7f3; border-radius: 14px; box-shadow: 0 4px 14px 0 #0b6ab20f; }
#landingbanner .au-trust .au-rating-logo { height: 30px; }
#landingbanner .au-trust .au-rating-g2 { height: 34px; }
#landingbanner .au-trust .au-rating-score { flex-direction: row; align-items: center; gap: 8px; }
#landingbanner .au-trust .au-stars { width: 80px; height: 16px; -webkit-mask-size: 16px 16px; mask-size: 16px 16px; }
#landingbanner .au-trust .au-rating-score b { font-size: 22px; }
#landingbanner .au-trust .au-rating-score small { font-size: 12px; }
#landingbanner .au-trust .rotating-banner-awards-list { width: 100%; max-width: none; margin: 0; padding-top: 16px; border-top: 1px solid #dbe7f3; }
#landingbanner .au-trust .rotating-banner-awards-list img { height: 72px; }
@media (min-width: 768px) {
  #landingbanner .banner-columns { align-items: stretch; min-height: 0; max-height: none; }
  #landingbanner .banner-video-column { min-height: 0; display: flex; align-items: center; }
  #landingbanner .rotating-banner-column { height: auto; max-height: none; align-self: stretch; justify-content: stretch; }
  #landingbanner .au-trust { flex: 1; justify-content: space-between; width: 100%; max-width: 500px; margin-left: 20px; }
}
@media (max-width: 1279px) {
  #landingbanner .au-trust { padding: 16px; gap: 14px; }
  #landingbanner .au-trust .au-rating { padding: 12px 8px; gap: 8px; }
  #landingbanner .au-trust .au-rating-logo { height: 24px; }
  #landingbanner .au-trust .au-rating-g2 { height: 28px; }
  #landingbanner .au-trust .au-rating-score { flex-direction: column; gap: 4px; }
  #landingbanner .au-trust .au-stars { width: 70px; height: 14px; -webkit-mask-size: 14px 14px; mask-size: 14px 14px; }
  #landingbanner .au-trust .au-rating-score b { font-size: 19px; }
  #landingbanner .au-trust .rotating-banner-awards-list img { height: 58px; }
}
@media (max-width: 1024px) {
  #landingbanner .au-trust { margin-left: 0; }
  #landingbanner .au-trust .rotating-banner-awards-list img { height: 48px; }
}
@media (max-width: 767px) {
  #landingbanner .au-trust { width: 100%; max-width: 440px; margin: 0 auto; }
  #landingbanner .au-trust .au-rating-score { flex-direction: row; gap: 8px; }
  #landingbanner .au-trust .rotating-banner-awards-list img { height: 56px; }
}
@media (max-width: 420px) {
  #landingbanner .au-trust .au-rating-score { flex-direction: column; gap: 4px; }
  #landingbanner .au-trust .rotating-banner-awards-list img { height: 46px; }
}
.au-diff-uknowva { width: 13%; border: 1.5px dashed #188de8; box-shadow: 0 0 0 6px #188de814, 0 8px 22px 0 #0b6ab22e; }
.au-diff-uknowva img { width: 90%; }
@media (max-width: 600px) {
  .au-diff-uknowva { width: 15%; }
}
#landingbanner .hrms-content-wrapper { padding-bottom: 60px; }
@media (max-width: 1024px) {
  #landingbanner .hrms-content-wrapper { padding-bottom: 45px; }
}
@media (max-width: 767px) {
  #landingbanner .hrms-content-wrapper { padding-bottom: 32px; }
}
@media (max-width: 768px) {
  #subdomainform { padding-top: 10px; }
}
.landing_home #landingbanner ul#hrmsformbottomul span.error { display: block; width: 100%; max-width: 220px; color: red; font-size: 12px; text-align: left; margin: 0 0 -25px; position: absolute; left: 10px; }
@media (max-width: 768px) {
  .landing_home #landingbanner ul#hrmsformbottomul span.error { position: relative; left: auto; display: block; width: 100%; max-width: 100%; margin: 0; text-align: center; }
}
.au-footer { clear: both; width: 100%; padding: 14px 0; background: #f5f8fb; border-top: 1px solid #e3ebf3; }
.au-footer-copy { margin: 0; text-align: center; font-size: 14px; color: #6b7280; }
.au-footer-copy a { color: #188de8; text-decoration: none; }
.au-footer-copy a:hover { text-decoration: underline; }
@media (max-width: 767px) {
  #landingbanner .au-trust { width: calc(100% - 14px); max-width: none; margin-left: auto; margin-right: auto; }
  #landingbanner .banner-video-column { width: calc(100% - 14px); margin-left: auto; margin-right: auto; }
  #landingbanner .banner-video-card { width: 100%; transform: none; }
  #manageworkforce .automated-feature-click-points-Ycontainer { padding-left: 22px; padding-right: 22px; }
}
span.automated-feature-points { cursor: default; }
span.automated-feature-points:hover { transform: none; box-shadow: none; }
@media (min-width: 768px) {
  #landingbanner .banner-video-card { transform: none; }
}
@media (min-width: 1280px) {
  #landingbanner .banner-video-column { align-items: stretch; align-self: stretch; }
  #landingbanner .banner-video-card { display: flex; }
  #landingbanner .banner-video-card img { height: 100%; object-fit: cover; object-position: 30% 50%; }
  #landingbanner .au-trust { padding: 16px; gap: 12px; }
  #landingbanner .au-trust .au-ratings { gap: 10px; }
  #landingbanner .au-trust .au-rating { padding: 11px 8px; gap: 8px; }
  #landingbanner .au-trust .rotating-banner-awards-list { padding-top: 12px; }
  #landingbanner .au-trust .rotating-banner-awards-list img { height: 60px; }
}
@media (min-width: 768px) and (max-width: 1140px) {
  #manageworkforce .automated-feature-click-container.divinner,
#manageworkforce .automated-features-container.divinner { width: auto; }
}
#landingbanner { margin-top: 75px; }
@media (max-width: 1024px) {
  #landingbanner { margin-top: 57px; }
}
@media (min-width: 401px) and (max-width: 600px) {
  #logo { padding-top: 5px; padding-bottom: 5px; }
}
@media (max-width: 767px) {
  #landingbanner .banner-headline-wrap { gap: 10px; }
  #landingbanner .banner-columns { height: auto; min-height: 0; max-height: none; margin-top: 28px; gap: 24px; }
  #landingbanner .rotating-banner-column { height: auto; max-height: none; min-height: 0; margin-top: 0; padding: 0; }
  #landingbanner .banner-video-column { height: auto; min-height: 0; margin-top: 0; margin-bottom: 0; }
  #landingbanner .banner-video-card { margin-bottom: 0; }
}
@media (min-width: 1025px) and (max-width: 1239px) {
  #header .divinner { padding: 0 20px; box-sizing: border-box; }
}
@media (min-width: 1141px) and (max-width: 1239px) {
  .divinner { margin: 0 20px; max-width: none; width: auto; }
  #header .divinner { margin: 0; max-width: none; }
}
@media (max-width: 1024px) {
  #headerleft { display: flex; align-items: center; justify-content: space-between; height: 57px; padding: 0 16px; box-sizing: border-box; }
  #headerleft #logo { float: none; display: flex; align-items: center; width: auto; margin: 0; padding: 0; }
  #headerleft #logo a { display: flex; align-items: center; }
  #headerleft #logo img.blacklogo { display: block; height: 36px; width: auto; max-height: none; max-width: none; }
  #headerleft #mobnav-btn { float: none; display: flex; align-items: center; }
  #headerleft #mobnav-btn a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 -8px 0 0; padding: 0; line-height: 1; color: #2e2e2e; }
  #headerleft #mobnav-btn a::after { font-size: 24px; }
}
#landingbanner .au-trust .au-stars::before { animation: au-fill 1.2s ease-out 1s both; }
#landingbanner .au-trust .au-award { opacity: 0; animation: fadeInUp 1s ease calc(1s + var(--i) * .2s) forwards; }
@keyframes au-fill { from { width: 0; } to { width: var(--pct); } }
@media (prefers-reduced-motion: reduce) {
  #landingbanner .au-trust .au-stars::before { animation: none; }
  #landingbanner .au-trust .au-award { opacity: 1; animation: none; }
}
#au-thanks { width: 100%; margin-top: 75px; background: linear-gradient(180deg, #e8f4fd 0%, #f4f9fe 100%); }
.au-thanks-inner { display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 75px); padding: 60px 0; box-sizing: border-box; }
.au-thanks-card { position: relative; display: flex; flex-direction: column; align-items: center; gap: 16px; width: 100%; max-width: 700px; padding: 56px 48px 48px; box-sizing: border-box; text-align: center; background: #ffffffe6; border: 1px solid #ffffff; border-radius: 24px; box-shadow: 0 18px 40px 0 #0b6ab21f; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.au-thanks-card::before { content: ""; position: absolute; top: 0; left: 48px; right: 48px; height: 4px; border-radius: 0 0 4px 4px; background: linear-gradient(90deg, #47a5ed, #0460a6); }
.au-thanks-badge { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin-bottom: 6px; border-radius: 50%; background: #188de8; animation: au-pop .5s ease-out .3s both; }
.au-thanks-tick { display: block; width: 30px; height: 22px; animation: au-draw .45s ease-out .75s both; }
.au-thanks-tick svg { display: block; width: 30px; height: 22px; fill: none; stroke: #fff; stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; }
#au-thanks h1.section-head { margin: 0; font-size: 36px; font-weight: 600; line-height: 1.25; }
#au-thanks .subhead { margin: 0; padding: 0; max-width: 460px; text-align: center; line-height: 1.6; }
#au-thanks .au-thanks-btn { margin-top: 12px; }
@keyframes au-pop { from { transform: scale(0); } 70% { transform: scale(1.08); } to { transform: scale(1); } }
@keyframes au-draw { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@media (max-width: 1024px) {
  #au-thanks { margin-top: 57px; }
  .au-thanks-inner { min-height: calc(100vh - 57px); padding: 40px 16px; }
}
@media (max-width: 767px) {
  .au-thanks-card { padding: 44px 22px 34px; border-radius: 20px; }
  .au-thanks-card::before { left: 24px; right: 24px; }
  .au-thanks-badge { width: 60px; height: 60px; }
  #au-thanks h1.section-head { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .au-thanks-badge, .au-thanks-tick { animation: none; }
}
#why-us, #manageworkforce, #case-studies, #hr-roi-calculator, #contact-us { scroll-margin-top: 90px; }