/* GENERATED by tools/build_rtl.py from static/css/site.css — do not edit. */
@font-face{
  font-family:AzoSans;
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url(/static/fonts/AzoSansRegular.woff)format("woff");
}
.styles__main{
  font-display:swap;
  text-rendering:optimizelegibility;
  -webkit-font-smoothing:antialiased;
  font-family:AzoSans,sans-serif;
  font-size:15px;
  overflow-x:hidden;
  background:#fff!important;
}
.styles__width_md_SeventyFive,.styles__width_md_fifty{
  width:100%;
}
.styles__formHeading{
  color:#fff!important;
}
.styles__whr_form_banner_col1{
  background-color:#0000!important;
}
.styles__primaryBtnBanner2{
  background-color:#000!important;
}
.styles__md_space_y_Ten{
  margin-top:8%;
  margin-bottom:8%;
}
.styles__py_md_four{
  padding-top:35px;
  padding-right:35px;
}
@media (min-width:768px){
  .styles__width_md_SeventyFive{
    width:75%;
  }
  .styles__width_md_fifty{
    width:50%;
  }
  .styles__md_space_y_Ten{
    margin-top:0;
    margin-bottom:0;
  }
  .styles__py_md_four{
    padding-top:10px;
    padding-right:50px;
  }
}
.Home__integTabsNew{
  margin-bottom:20px;
  color:#5b5b5c!important;
}
.Home__integTabsNew>li>button{
  color:#5b5b5c!important;
}
.Home__commonDemoForm{
  flex-direction:row;
  margin-top:20px;
  display:flex;
}
.Home__headerAboutSide{
  background-color:#eefeff;
  border-top-left-radius:15px;
  border-bottom-left-radius:15px;
  width:100%;
  padding-top:15px;
}
.Home__headerBorder{
  border-right:1px solid #e2e2e2;
  height:80%;
  margin-right:-25px;
  position:absolute;
}
.Home__aboutSideDropdown{
  z-index:10000;
  border:none;
  padding:0;
  box-shadow:-1.95px 1.95px 2.6px #00000026;
  border-radius:15px!important;
}
.Home__aboutSideDropdown>div{
  width:100%;
}
.Home__clientsNew{
  cursor:pointer;
  filter:grayscale();
  justify-content:center;
  margin-block:30px;
  display:flex;
}
.Home__clientsNewSpacing{
  width:13%;
  margin-left:50px;
}
.Home__loginGoogleRow{
  justify-content:center;
  display:flex;
}
.Home__googleLoginModal{
  cursor:pointer;
  margin-top:15px;
  border:1.5px solid #ced4da;
  border-radius:50px;
  justify-content:center;
  width:100px;
  height:55px;
  margin-inline:10px;
  padding:10px;
  display:flex;
}
.Home__googleLoginModal:hover{
  box-shadow:0 15px 26px #0000001a;
}
.Home__collapseNew{
  border-radius:25px;
  padding:20px;
}
.Home__TestimonialTab{
  cursor:pointer;
  text-align:center;
  justify-content:center;
  width:450px;
  margin-inline:30px;
}
.Home__TestimonialTab>p{
  margin-block:30px;
}
.Home__TestimonialTab>h4{
  font-weight:700;
}
.Home__QuickModule{
  padding:10x;
  background-color:#001233;
  border-radius:50px;
  justify-content:center;
  margin-block:30px;
  display:flex;
}
.Home__learnButton{
  color:#fff;
  background:linear-gradient(90deg,#dcf7ff 0%,#dcf7ff24 .01%,#2f8cff00 100%);
  border-radius:25px;
  padding:20px;
  text-decoration:none;
}
.Home__learnButton:hover{
  color:#fff;
  box-shadow:0 4px 66px #0f0f0f59;
}
.Home__modulesInteraction>p{
  margin-top:15px;
}
.Home__leftQucikModule{
  margin-top:20px;
  margin-right:50px;
}
.Home__modulesInteraction{
  cursor:pointer;
  border-radius:50px;
  align-items:center;
  margin:8px;
  padding-inline:30px;
}
.Home__modulesInteraction:hover{
  background-color:#012251;
}
.Home__quicModuleTitle{
  color:#fff;
  letter-spacing:.3px;
  margin:0;
  font-family:EnzoLight;
  font-size:45px;
  font-weight:700;
}
.Home__quickModuleBg{
  color:#fff;
  background-color:#005fcf;
  flex:1;
  padding-block:30px;
  transition:background-color .25s;
}
.Home__quickCheckMarks{
  width:"100%";
  background:linear-gradient(90deg,#dcf7ff 0%,#dcf7ff24 .01%,#2f8cff00 100%);
  border-radius:15px;
  flex-direction:row;
  margin-bottom:10px;
  padding:15px;
  display:flex;
}
.Home__quickModuleGradient{
  background:linear-gradient(90deg,#c9ffbf,#ffafbd);
  -webkit-text-fill-color:transparent;
  -webkit-background-clip:text;
  width:80%;
  margin:0;
  padding:0;
  font-size:13px;
  font-weight:700;
}
.Home__gdHeading{
  margin-block:15px;
}
.Home__gdParagraph{
  color:#848484;
}
.Home__newModuleStyles{
  text-align:center;
}
.Home__newModuleStyles>p{
  color:#898989;
}
.Home__newModuleHover{
  cursor:pointer;
  border-radius:50px;
  padding-block:60px!important;
}
.Home__newModuleHover:hover{
  background-color:#f9fafb!important;
}
.Home__newBadgeSection{
  text-align:center;
}
.Home__homeIntegrationTitle{
  padding-top:100px;
  font-family:EnzoLight;
}
.Home__accordion-button:not(.Home__collapsed){
  background-color:#000!important;
}
.Home__homeIntegrationTitle>h2{
  color:#2708a0;
  margin-top:0;
  padding-top:0;
  font-family:EnzoBold;
  font-size:40px;
  font-weight:600;
}
.Home__IntegrationImage{
  justify-content:center;
  align-items:center;
  display:flex;
}
.Home__homeMobileContainer{
  background-color:#f8f9fa;
}
.Home__homeMobileView{
  text-align:center;
  padding-bottom:50px;
}
.Home__homeMobileTile{
  text-align:center;
  padding-top:50px;
}
.Home__homeMobileTile>h1{
  text-align:center;
  background:linear-gradient(90deg,#fc466b,#3f5efb);
  -webkit-text-fill-color:transparent;
  -webkit-background-clip:text;
  font-family:EnzoLight;
  font-size:45px;
  font-weight:bolder;
}
.Home__commonDemoEmail{
  border:none;
  border-radius:50px;
  width:300px;
  height:40px;
  padding-right:20px;
  font-size:14px;
}
.Home__whiteButton{
  cursor:pointer;
  text-align:center;
  color:#fff;
  border:3px solid #fff;
  border-radius:25px;
  margin-left:20px;
  padding-block:12px;
  padding-inline:20px;
  transition:all .3s;
}
.Home__blueButton{
  cursor:pointer;
  text-align:center;
  color:#005fcf;
  border:2px solid #005fcf;
  border-radius:50px;
  margin-left:20px;
  padding-block:10px;
  padding-inline:30px;
  transition:all .3s;
}
.Home__purpleButton{
  cursor:pointer;
  text-align:center;
  color:#fff;
  background:linear-gradient(117.69deg,#231fff -29.66%,#bf41eb 113.48%);
  border-radius:50px;
  margin-left:20px;
  padding-block:15px;
  padding-inline:35px;
  transition:all .3s;
  box-shadow:0 4px 66px #e2b4ff8c;
}
.Home__purpleButton:hover{
  box-shadow:0 4px 66px #e2b4ffda;
}
.Home__blueButton:hover{
  background-color:#e6f0fb;
}
.Home__whiteButton:hover{
  box-shadow:0 4px 66px #e2b4ff73;
}
.Home__NewBannerBG{
  background:url(https://cdn.webhr.co/Website/images/landing_page/banner_background.webp) 0 0/cover no-repeat;
  flex:1;
  justify-content:center;
  display:flex;
}
.Home__responsiveBannerImage{
  width:120%;
}
.Home__bannerLeftCol{
  justify-content:center!important;
  align-items:center!important;
}
.Home__rankedSection{
  background-color:#f8f9fa;
  align-items:center;
  padding-block:20px;
}
.Home__rankedRow{
  color:#6c757d;
  align-items:center;
}
.Home__rankedRow>span{
  color:#2708a0;
  margin:0;
  font-family:EnzoBold;
  font-size:18px;
  font-weight:700;
}
.Home__rankedRow>p{
  color:#6c757d;
  margin:0!important;
  padding:0!important;
}
.Home__headerMobileHover:hover{
  overflow:hidden!important;
}
.Home__navbarModules:hover{
  cursor:pointer;
  background-color:#f8f9fa;
}
.Home__headerMobileHover{
  width:100%;
  margin-top:90px;
  transition:transform .2s;
  overflow:hidden!important;
}
.Home__navbarModules{
  padding-top:30px;
  color:#121212;
  border-radius:25px;
  flex-direction:row;
  padding-inline:20px;
  display:flex;
}
.Home__navbarModules>div>p{
  color:#6c757d;
  font-size:13px;
}
.Home__NewHeaderheader{
  z-index:1000;
  background-color:#fff;
  width:100%;
  position:sticky;
  top:0;
  box-shadow:0 15px 26px #0000001a;
}
.Home__navLinks{
  color:#6c757d;
  margin-inline:5px;
  text-decoration:none;
  display:block;
}
.Home__navLinks:hover{
  color:#21558d;
}
.Home__dropdownNavLinks{
  color:#7f868f!important;
}
.Home__dropdownNavLinks:hover{
  color:#21558d;
  background-color:#f8f9fa;
}
.Home__navLinks>a :hover,.Home__navLinks>a :active{
  color:#21558d;
}
.Home__dropdownHover:hover{
  background-color:#f8f9fa;
}
.Home__headerDropdown{
  height:30em;
  padding:10px;
  overflow:hidden scroll;
  background:0 0!important;
  border:none!important;
}
.Home__mobileHeader{
  background:linear-gradient(90deg,#000428 0%,#004e92 100%);
  border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  width:110%;
  height:403px;
}
.Home__headerDropdown>div{
  border-bottom-left-radius:25px;
  border-bottom-right-radius:25px;
  box-shadow:-1.95px 1.95px 2.6px #00000026;
  background-color:#fff!important;
  border:none!important;
}
.Home__productDropdown>div{
  border-bottom-left-radius:25px;
  border-bottom-right-radius:25px;
  box-shadow:0 15px 26px #0000001a;
  border:none!important;
}
.Home__headerDropdown:hover,.Home__headerDropdown>a:hover,.Home__headerDropdown>a:active{
  color:#21558d;
}
.Home__contactLiveDiv{
  padding:60px;
}
.Home__contactChat{
  font-size:30px;
  font-weight:600;
}
.Home__contactDesc{
  color:#0a4f29;
}
.Home__contactIllustration{
  background:url(https://res.cloudinary.com/dpugxh9rw/image/upload/v1683716712/Union_qkuc0t.png) no-repeat;
  margin-top:50px;
  padding-bottom:130px;
  display:flex;
}
.Home__contactImage{
  float:left;
  padding-block:20px;
}
.Home__layoutHeading{
  padding-bottom:3em;
}
.Home__dropdownHoverStyle{
  background-color:#fff;
}
.Home__dropdownHoverStyle:hover{
  color:#005fcf!important;
}
.Home__dyanmicCol{
  align-items:center;
}
.Home__dynamicBanner{
  float:left;
  justify-content:flex-end;
  align-items:center;
  width:100%;
  height:400px;
  display:flex;
}
.Home__contentHeading{
  color:#21252a;
  font-size:60px;
}
.Home__contentTime{
  color:#484c50;
  margin-left:15px;
  font-weight:700;
}
.Home__contentShortDesc{
  margin-top:10px;
  margin-bottom:20px;
}
.Home__contentSearch{
  align-items:center;
  margin-block:10px;
}
.Home__contentDesc{
  color:#898989;
  font-weight:700;
}
.Home__contentBreadcrumb{
  cursor:pointer;
  margin-top:40px;
}
.Home__breadcrumbLink>a{
  color:#0d64ae;
  text-decoration:none;
}
.Home__searchable{
  border:1px solid #cdcdcd;
  border-radius:5px;
  margin-block:35px;
}
.Home__searchable>div{
  color:#939ba3;
  border:none;
  padding:5px;
}
.Home__glossaryBG{
  background-repeat:no-repeat;
  background-size:contain;
  align-items:center;
  margin-top:-110px;
  padding-top:150px;
  display:flex;
}
.Home__lastContent{
  margin-top:15vh;
}
.Home__attendanceLast{
  text-align:center;
}
.Home__aboutWebHRIcons{
  margin-left:20px;
}
.Home__attendanceLast>h1{
  font-family:EnzoBold;
  font-size:50px;
}
.Home__attendanceLast>p{
  color:#898989;
}
.Home__moduleSecHeading{
  font-family:EnzoBold;
  font-size:33px;
}
.Home__moduleQuoteBG{
  background:url(https://cdn.webhr.co/Website/images/webp_imges/Review_qoutebg_01.webp) 0 0/100% 100% no-repeat;
  align-items:center;
}
.Home__CoreHRModuleBG{
  background:url(https://cdn.webhr.co/Website/images/webp_imges/Review_qoutebg_00.webp) 0 0/100% 100% no-repeat;
  align-items:center;
}
.Home__reviewImages{
  margin-bottom:20px;
}
.Home__moduleReview{
  text-align:center;
  padding:100px;
}
.Home__moduleReview>h5{
  color:#7ca96c;
  margin-top:20px;
  font-family:EnzoBold;
  font-weight:700;
}
.Home__moduleReviewText{
  margin:0;
  font-size:13px;
}
.Home__moduleUnderline:after{
  content:"";
  z-index:-1;
  background:linear-gradient(#fff0 0%,#d1ffec 100%);
  width:100%;
  height:35px;
  margin:0;
  padding:0;
  display:block;
  position:absolute;
  bottom:3%;
  right:0;
}
.Home__moduleUnderline{
  width:fit-content;
  font-family:EnzoBold;
  position:relative;
}
.Home__moduleBlueSec{
  color:#005fcf;
  font-family:EnzoBold;
}
.Home__moduleSecContent{
  color:#898989;
  margin-top:15px;
  font-family:AzoSans;
}
.Home__contactFormSpacing{
  margin-bottom:15px;
}
.Home__contactForm{
  background-color:#fff;
  border-radius:15px;
  padding:30px;
}
.Home__aboutImg{
  width:100%;
}
.Home__layoutBackground{
  background-image:url(https://cdn.webhr.co/Website/images/webp_imges/Background.webp);
  background-repeat:no-repeat;
  background-size:cover;
}
.Home__formContainer{
  background-color:#fff;
  padding:35px;
}
.Home__demoFields{
  margin-bottom:20px;
}
.Home__placeholder::placeholder{
  color:#d6d6d6;
}
.Home__demoHttp::placeholder{
  text-align:center;
  color:#d6d6d6;
}
.Home__demoLeftTop{
  background-color:#9ff9ff;
  border-top-right-radius:10px;
  border-top-left-radius:10px;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  display:flex;
}
.Home__demoRightTop{
  background-color:#ecff9f;
  border-top-right-radius:10px;
  border-top-left-radius:10px;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  display:flex;
}
.Home__demoHeading{
  margin:0;
  font-family:EnzoBold;
  font-size:16px;
}
.Home__demoDesc{
  margin:5px 0 0;
  font-family:AzoLight;
  font-size:13px;
}
.Home__iconCard{
  margin-bottom:20px;
  padding:20px 30px 20px 20px;
  font-size:20px;
  font-weight:600;
}
.Home__playButton{
  z-index:1;
  -webkit-backdrop-filter:saturate(150%)blur(8px);
  backdrop-filter:saturate(150%)blur(8px);
  -webkit-transition:-webkit-transform .3s cubic-bezier(.39,.575,.565,1);
  cursor:pointer;
  background-color:#0003;
  border-radius:50%;
  width:6.5rem;
  height:6.5rem;
  margin-top:-3.25rem;
  margin-right:-3.25rem;
  transition:transform .3s cubic-bezier(.39,.575,.565,1);
  position:absolute;
  top:45%;
  right:67%;
}
.Home__demoCenterContainer{
  text-align:center;
  align-items:center;
  height:400px;
  padding-block:100px;
}
.Home__demoCenterContainer>h1{
  font-size:50px;
}
.Home__demoCenterContainer>p{
  color:#898989;
}
.Home__centerContainer{
  color:#fff;
  background:linear-gradient(111.71deg,#3515a4 35.76%,#371d82 47.61%,#12053d 72.15%);
  border-radius:50px;
  margin-block:50px;
  padding-top:45px;
  padding-right:60px;
}
.Home__centerContainer>div>div>h2{
  font-family:EnzoBold;
  font-size:45px;
  font-weight:bolder;
}
.Home__centerContainer>p{
  color:#898989;
}
.Home__demoMid{
  color:#005fcf;
  font-family:EnzoBold;
  font-size:55px;
  font-weight:800;
}
.Home__contactMap{
  background-color:#fff;
  border-radius:15px;
  flex-direction:row;
  height:480px;
  margin-bottom:100px;
  display:flex;
  box-shadow:0 6px 24px #aeaeba29;
}
.Home__contactnfo{
  flex-direction:column;
  justify-content:center;
  padding:50px;
  display:flex;
}
.Home__iconsRow>p{
  color:#727272;
  margin-top:0;
  margin-right:50px;
}
.Home__contactIcons{
  background-color:#005fcf;
  border-radius:5px;
  margin-left:10px;
  padding:20px;
}
.Home__commonRow{
  flex-direction:row;
  align-items:center;
  margin-bottom:10px;
  display:flex;
}
.Home__commonRow>h4{
  margin:0;
  font-weight:600;
}
.Home__playButton:hover{
  transform:scale(1.2);
}
.Home__play{
  -webkit-transition:-webkit-transform .2s;
  transition:transform .2s;
}
.Home__securityImg{
  border-radius:0;
  height:32em;
  position:absolute;
  right:40em;
}
.Home__aboutImg2{
  justify-content:center;
  width:100%;
  height:100%;
  padding-bottom:50px;
  display:flex;
  margin-bottom:0!important;
}
.Home__cardTxt{
  color:#666;
}
.Home__mobView{
  width:100%;
  height:100%;
  margin-bottom:30px;
  padding:30px;
  display:flex;
}
.Home__customCardHeading{
  color:#373737;
  padding-bottom:.5em;
  font-family:EnzoBold;
  font-size:1.35rem;
  font-weight:500;
}
.Home__customCard{
  justify-content:center;
  min-height:100%!important;
}
.Home__customCard>div{
  background-color:#fff;
  border:1px solid #ececec;
  border-radius:6px;
  align-items:center;
  min-width:100%;
  min-height:300px;
  margin-bottom:30px;
  padding:30px;
}
.Home__aboutCard{
  min-height:100%!important;
}
.Home__moduleHeading{
  color:#373737;
  font-display:swap;
  margin-bottom:5px;
  font-family:EnzoBold;
  font-size:4rem;
}
.Home__moduleSubHeading{
  color:#898989;
  margin-inline:100px;
  font-size:15px;
}
.Home__headingCommon{
  color:#373737;
  padding-top:60px;
  font-family:EnzoLight;
  font-size:3rem;
  font-weight:bolder;
}
.Home__secondaryHeading{
  color:#373737;
  margin-top:60px;
  margin-bottom:5px;
  font-family:EnzoBold;
  font-size:1.9rem;
}
.Home__bottomContainer{
  margin-block:100px;
}
.Home__headUnderline{
  background-color:#005fcf;
  border-radius:50px;
  height:5px;
}
.Home__secdecoraion{
  background-color:#0c65ae54;
  height:3px;
}
.Home__atdecoraion{
  background-color:#0c65ae54;
  height:3px;
  margin-top:5px;
}
.Home__glossarydecoraion{
  background-color:#0c65ae54;
  height:3px;
}
.Home__abtHeading{
  color:#373737;
  margin-top:60px;
  margin-bottom:5px;
  font-family:AzoLight,sans-serif;
  font-size:2.35rem;
  font-weight:700;
}
.Home__glossaryHeading{
  font-display:swap;
  color:#373737;
  margin-top:30px;
  margin-bottom:5px;
  font-family:AzoLight,sans-serif;
  font-size:2.35rem;
  font-weight:700;
}
.Home__aboutCard>div{
  border:none;
  border-radius:6px;
  align-items:center;
  display:flex;
}
.Home__secContainer{
  background-color:#fff;
  border-radius:10px;
  margin-top:40px;
  padding:100px 2em;
  box-shadow:0 6px 24px #aeaeba29;
}
.Home__colHeading{
  color:#373737;
  margin-bottom:15px;
  font-family:EnzoBold;
  font-size:18px;
  font-weight:700;
}
.Home__colText{
  color:#898989;
  padding-bottom:55px;
  font-size:15px;
}
.Home__buttonHeading{
  color:#121212;
  font-weight:600;
}
.Home__outlineButton{
  color:#005fcf;
  text-align:center;
  cursor:pointer;
  border:2px solid;
  border-radius:5px;
  width:32%;
  margin-block:10px;
  padding-block:5px;
  padding-inline:10px;
  transition:all .3s;
}
.Home__outlineHeaderBtn{
  color:#fff;
  text-align:center;
  cursor:pointer;
  background-color:#005fcf;
  border:1px solid #005fcf;
  border-radius:25px;
  margin-block:10px;
  padding-block:9px;
  padding-inline:15px;
  transition:all .3s;
}
.Home__outlineLoginBtn{
  text-align:center;
  cursor:pointer;
  margin-block:10px;
  border-radius:25px;
  margin-left:10px;
  padding-block:10px;
  padding-inline:15px;
  transition:all .3s;
  color:#484c50!important;
  border:1px solid #484c50!important;
}
.Home__outlineLoginBtn:hover{
  color:#7d7d7d!important;
  background-color:#f5f5f5!important;
  border:1px solid #7d7d7d!important;
}
.Home__outlineButton:hover,.Home__outlineHeaderBtn:hover{
  background-color:#003d83;
  color:#fff!important;
}
.Home__outlineButton>p{
  margin:0;
  font-weight:600;
  text-decoration:none!important;
}
.Home__outlineHeaderBtn>p{
  font-weight:700;
  margin:0!important;
  padding:0!important;
  text-decoration:none!important;
}
.Home__headerLogo{
  margin-top:-20px;
}
.Home__areebaHover{
  background-color:#005fcf;
  border-radius:50px;
}
.Home__contactButton:hover{
  background-color:#004eaa;
}
.Home__partnerButton{
  padding-inline:10px;
  background-color:#005fcf;
  border-radius:50px;
  width:100%;
  margin-left:10px;
  padding:10px;
}
.Home__partnerButton:hover{
  background-color:#004eaa;
}
.Home__primaryBtn2:hover{
  background:#004eaa!important;
}
.Home__primaryBtn2{
  z-index:5000;
  background-color:#005fcf;
  min-width:400px;
  height:50px;
  margin-left:.65em;
  border:none!important;
}
.Home__primaryBtn:hover{
  background-color:#004eaa!important;
}
.Home__areebaHover:hover{
  background-color:#004eaa;
}
.Home__primaryBtnBanner2{
  background-color:#005fcf;
  justify-content:center;
  align-items:center;
  width:100%;
  min-width:170px;
  height:45px;
  display:flex;
  border:none!important;
  border-radius:6px!important;
}
.Home__primarybtnbanner2:hover{
  background-color:#111!important;
}
.Home__commonButton{
  color:#fff;
  background-color:#005fcf;
  border-radius:5px;
  justify-content:center;
  align-items:center;
  padding-block:15px;
  padding-inline:30px;
}
.Home__commonButton:hover{
  background-color:#004eaa;
}
.Home__commonButton>p{
  letter-spacing:.1px;
  margin:0;
  font-family:AzoLight;
  font-weight:600;
}
.Home__contactButton{
  color:#fff;
  background-color:#005fcf;
  border-radius:5px;
  justify-content:center;
  align-items:center;
  width:100%;
  padding-block:15px;
  padding-inline:30px;
}
.Home__contactButton>p{
  letter-spacing:.1px;
  margin:0;
  font-family:AzoLight;
  font-weight:600;
}
.Home__commonIconRow{
  flex-direction:"row";
  align-items:center;
  margin-bottom:20px;
  padding:15px;
  padding-inline:80px;
  font-size:20px;
  font-weight:600;
  display:flex;
}
.Home__secText{
  padding-top:55px;
  padding-bottom:55px;
  color:#666;
  padding-inline:20px;
  font-size:16px;
}
.Home__noContainer,.Home__track,.Home__track2{
  white-space:nowrap;
  will-change:transform;
}
.Home__moduleCardDesc,.Home__modulesCardTitle,.Home__step2>div,.Home__step>div{
  text-align:center;
}
.Home__cardCommon2>div,.Home__cardCommon>div{
  box-shadow:0 2px 10px #0000001a;
}
.Home__footerUl,.Home__socialIcons,.Home__social_footer_ul{
  list-style-type:none;
}
.Home__Breadcrumb>ol>li>a,.Home__dropdownItem:hover,.Home__footerUl li a:hover,.Home__moduleText>a,.Home__carouselContainer,.Home__marquee{
  direction:rtl;
}
.Home__socialIcons{
  margin-bottom:0;
  line-height:40px;
  display:flex;
}
.Home__socialIcons li{
  padding-left:15px;
}
.Home__inputContainer>div,.Home__modulesCardPadding{
  padding:1em;
}
.Home__MobSecImg{
  width:100%;
  padding:20px 20px 0;
}
.Home__socialIcons li a{
  color:#666;
  font-size:25px;
}
.Home__homeCard{
  margin-top:0;
  padding-top:0;
  font-size:25px;
}
.Home__clientsHome{
  height:50px;
}
.Home__intTitle{
  color:#646464;
  margin:0;
}
.Home__intLogo{
  height:80px;
  margin-bottom:10px;
}
.Home__modulesCardTitle{
  font-family:AzoLight,sans-sarif;
  font-weight:600;
}
.Home__dropdownHeader{
  font-family:AzoLight,sans-serif;
}
.Home__moduleCardDesc{
  color:#6f7f8a;
  font-size:13px;
}
.Home__navbarContainer{
  padding:.5em 1em;
}
.Home__noContainer{
  color:#666;
  align-items:center;
  padding:0 1em;
  font-size:18px;
  line-height:36px;
}
.Home__noContainer>span{
  color:#666;
}
.Home__noContainer>a{
  text-decoration:none;
}
.Home__primaryBtn{
  padding-inline:65px;
  z-index:1001;
  border-radius:25px;
  min-width:100px;
  height:40px;
  padding-bottom:6px;
  background-color:#005fcf!important;
  border:none!important;
}
.Home__secondaryBtn{
  color:#585858!important;
  background:#fff!important;
  border-color:#d6d6d6!important;
  border-radius:6px!important;
  min-width:100px!important;
  padding-bottom:6px!important;
  transition:all .5s ease-out!important;
}
.Home__contentSearch{
  margin-top:10px;
}
.Home__secondaryBtn:active,.Home__secondaryBtn:focus,.Home__secondaryBtn:focus-within,.Home__secondaryBtn:hover,.Home__secondaryBtn:visited{
  color:#fff!important;
  box-shadow:none!important;
  background:linear-gradient(28.37deg,#3f4a55 2.81%,#708396 160.42%)!important;
  border-color:#fff!important;
  outline:0!important;
}
.Home__HeaderContainer{
  padding-top:10px;
  z-index:1000;
  background-color:#fff;
  border-radius:16px;
  width:100%;
  padding-inline:20px;
  position:sticky;
  top:0;
  box-shadow:0 15px 26px #0000001a;
}
.Home__track,.Home__track2,.Home__videoLayer{
  position:absolute;
}
.Home__bannerImg,.Home__dropdownToggle{
  background-color:#fff!important;
}
.Home__navbar_header>div{
  background-color:#fff;
}
.Home__navDropdownIcon{
  margin-bottom:2px;
  margin-right:10px;
  color:#373737!important;
}
.Home__navDropdownIcon:hover{
  color:#fff!important;
}
.Home__navItemDashboard{
  flex-direction:row;
  margin-top:8px;
  padding:0 .9em;
  display:flex;
  color:#373737!important;
}
.Home__navItemLink{
  text-decoration:none!important;
}
.Home__navItemInteraction{
  color:#373737;
  padding:0 .9em 1em;
  padding-block:10px;
}
.Home__dropdownStyleNew{
  color:#373737;
  height:100%;
  margin-top:3px;
  padding-right:0;
  color:#6c757d!important;
  background-color:#fff!important;
  border:none!important;
}
.Home__newDropdownStyles>div{
  z-index:10000;
  background-color:none!important;
  top:30px!important;
}
.Home__dropdownStyleNew:active{
  color:#373737!important;
  background-color:#ebf2f8!important;
}
.Home__dropdownStyleNew:hover{
  background-color:#ebf2f8;
  color:#005fcf!important;
}
.Home__clickedInteraction{
  color:#373737;
  padding:0 .9em 1em;
  border-bottom:4px solid #005fcf;
  border-radius:4px;
  padding-block:10px;
}
.Home__navItemInteraction:hover{
  cursor:pointer;
  background-color:#ebf2f8;
  border-radius:10px;
  padding-block:10px;
}
.Home__LoginDashbaord{
  color:#373737;
  margin-top:2px;
  padding-block:5px;
  padding-inline:20px;
}
.Home__LoginDashbaord:hover{
  color:#fff;
  background-color:#000;
  border-radius:5px;
}
.Home__navItemDashboard>a{
  color:#373737!important;
  text-decoration:none!important;
}
.Home__linkStyle,.Home__linkLoginStyle{
  text-decoration:none!important;
}
.Home__dropdownNewStyle{
  margin:0;
  padding:0 .9em 0;
}
.Home__dropdownToggle{
  color:#373737!important;
  box-shadow:none!important;
  border:none!important;
  margin-top:2px!important;
  padding:0!important;
  font-size:16.5px!important;
}
.Home__dropdownHeader,.Home__step>div{
  color:#0c64ae;
  font-weight:800;
}
.Home__dropdownToggle:active,.Home__dropdownToggle:focus,.Home__dropdownToggle:hover{
  border:none;
  box-shadow:none!important;
  color:#373737!important;
  border-color:#fff!important;
}
.Home__dropdownHeader{
  letter-spacing:.5px;
  font-size:18px;
}
.Home__dropdownDesign{
  margin:0!important;
}
.Home__dropdownMenu{
  box-shadow:0 15px 26px #0000001a;
  border:none!important;
  border-radius:15px!important;
  width:48em!important;
  margin-top:-10px!important;
  padding:2em 0 0!important;
  right:-18em!important;
}
.Home__dropdownMenu2{
  height:400px;
  box-shadow:0 15px 26px #0000001a;
  z-index:10000!important;
  border:none!important;
  border-radius:15px!important;
  width:33em!important;
  margin-top:-10px!important;
  padding:2em 0 0!important;
  right:-24.5em!important;
}
.Home__dropdownMenu3{
  text-align:center;
  border:none;
  border-radius:20px;
  width:25em;
  margin-right:-3em;
  top:1.5em;
  overflow:hidden;
  box-shadow:0 6px 17px #aeaeba24, 0 8px 24px #aeaeba29;
  margin-top:-10px!important;
  padding:2em!important;
  right:-4em!important;
}
.Home__primaryBtnBanner,.Home__primaryBtnPartnerBanner{
  min-height:50px;
  padding-bottom:6px;
  box-shadow:-5px 5px 25px #2b81c766, inset -5px 5px 25px #348fdab3;
}
.Home__bannerImg{
  border-radius:0;
  align-items:center;
  width:100%;
  display:flex;
  margin:0 auto!important;
}
.Home__primaryBtnBanner{
  background:linear-gradient(106.73deg,#157dd5 -3.32%,#0c64ae 93.37%);
  margin:0;
  border:none!important;
  border-radius:6px 0 0 6px!important;
}
.Home__primaryBtnFooter{
  background:linear-gradient(92.38deg,#0c64ae 0,#2189e1 100%);
  border-radius:6px;
  gap:10px;
  min-width:200px;
  height:47px;
  margin-top:-20px;
  margin-right:10px;
}
.Home__primaryBtnPartnerBanner{
  background:linear-gradient(106.73deg,#157dd5 -3.32%,#0c64ae 93.37%);
  min-width:200px;
  margin:0;
  border:none!important;
  border-radius:25px!important;
}
.Home__iconDevPartnerSection{
  padding-inline:1em!important;
}
.Home__affiliatedSection{
  background:linear-gradient(106.73deg,#ecf9ff -3.32%,#fff 93.37%);
  align-items:center;
  height:40px;
  border-radius:25px!important;
  margin:5px 0 10px!important;
  padding:.4em 2em 0!important;
}
.Home__primaryBtnBanner3{
  background:linear-gradient(98.33deg,#005fcf 0 100%);
  justify-content:center;
  align-items:center;
  gap:10px;
  width:100%;
  min-width:20%;
  min-height:45px;
  margin:10px 0 50px;
  padding-bottom:6px;
  border:none!important;
  border-radius:6px!important;
}
.Home__secondaryBtnBanner{
  border-radius:6px;
  min-width:max-content;
  min-height:50px;
  color:#fff!important;
  box-shadow:none!important;
  background:linear-gradient(28.37deg,#3f4a55 2.81%,#708396 160.42%)!important;
  border:none!important;
  outline:0!important;
}
.Home__taglineStyling{
  padding:15px;
  max-width:auto!important;
}
.Home__BannerHeading{
  font-display:swap;
  color:#fff;
  margin-top:.5em;
  font-family:EnzoBold;
  font-size:3.7rem;
  font-weight:700;
}
.Home__BannerSubHeading{
  font-display:swap;
  color:#fff;
  margin-block:20px;
  font-size:1.2rem;
}
.Home__BannerParagraph{
  font-display:swap;
  color:#708396;
  font-family:AzoLight;
  font-size:1.25rem;
}
.Home__inputContainer{
  width:467px;
  margin-top:2em;
}
.Home__emailInputFooter{
  background-color:#ffffff1a;
  border:none;
  border-radius:6px;
  gap:10px;
  min-width:300px;
  height:43px;
  margin-top:-20px;
  margin-right:45%;
  display:flex;
}
.Home__emailInput{
  box-shadow:0 6px 17px #aeaeba24, 0 8px 24px #aeaeba29;
  border:1px solid #ededed!important;
  border-radius:6px!important;
  padding:.8em 1em!important;
}
.Home__appSizing{
  margin-top:30%;
}
.Home__step{
  background:linear-gradient(136.15deg,#ffffffa6 22.66%,#9a9a9aa6 231.55%);
  padding:2em;
}
.Home__step2{
  background:linear-gradient(347.77deg,#ffffffa6 34.98%,#2b81c7a6 129.43%);
  padding:2em;
}
.Home__step>div{
  font-display:swap;
  font-family:AzoLight,sans-serif;
  font-size:22px;
}
.Home__SectionHeading,.Home__step2>div{
  font-display:swap;
  font-family:AzoLight,sans-serif;
  font-weight:500;
}
.Home__step2>div{
  color:#4d4d4d;
  font-size:36px;
}
.Home__domainStyle{
  font-display:swap;
  color:#898989;
  background-color:#f6f6f6;
  border-radius:.25rem;
  padding:0 1em;
  font-size:15px;
  line-height:36px;
}
.Home__layer{
  background:linear-gradient(90deg,#fff 0,#fff0 95.8%);
  height:473px;
  padding:4rem 1rem;
}
.Home__marquee{
  direction:rtl;
  width:100%;
  max-width:100%;
  height:94px;
  position:relative;
  overflow-x:hidden;
}
.Home__marqueeWrapper{
  align-items:center;
  width:100%;
  padding:10px 0;
  display:flex;
  position:relative;
  overflow:hidden;
}
.Home__marqueeTrack{
  white-space:nowrap;
  align-items:center;
  gap:1rem;
  animation:70s linear infinite Home__scroll;
  display:flex;
}
.Home__clientLogo{
  object-fit:contain;
  flex-shrink:0;
  width:auto;
  height:3.5rem;
  transition:transform .3s;
}
.Home__clientLogo:hover{
  transform:scale(1.05);
}
.Home__content>img{
  margin:0 1em;
}
.Home__track{
  width:100%;
  animation:32s linear infinite Home__marquee;
}
.Home__track2{
  white-space:nowrap;
  will-change:transform;
  animation:22s linear infinite Home__marquee;
  position:absolute;
}
@keyframes Home__marquee{
  0%{
    transform:translate(0);
  }
  to{
    transform:translate(50%);
  }
}
@keyframes Home__scroll{
  0%{
    transform:translate(0);
  }
  to{
    transform:translate(50%);
  }
}
.Home__sectionContainer{
  margin:0 auto 3em;
}
.Home__SectionHeading{
  color:#525252;
  padding-top:40px;
  font-size:2.35rem;
}
.Home__heading,.Home__headingGloss,.Home__headingInt,.Home__headingMobSec,.Home__headingModules,.Home__securityImg2,.Home__smHeading{
  font-weight:600;
}
.Home__SectionHeading>span{
  font-display:swap;
  color:#0c64ae;
}
.Home__SectionSubHeading{
  font-display:swap;
  color:#525252;
  padding-top:20px;
  padding-bottom:0;
  font-size:20px;
}
.Home__learnMoreBtn{
  font-size:18px;
  transition:all .5s ease-out;
  color:#525252!important;
}
.Home__learnMoreBtn:hover{
  font-display:swap;
  cursor:pointer;
  font-weight:600;
}
.Home__cardSectionContainer{
  padding:3em 25px 5em;
}
.Home__smHeading{
  font-display:swap;
  color:#373737;
  align-self:stretch;
  font-family:AzoLight,sans-serif;
  font-size:22px;
  line-height:30.13px;
}
.Home__heading,.Home__headingClient,.Home__headingGloss,.Home__headingInt,.Home__headingMobSec,.Home__headingModules{
  color:#373737;
  font-family:AzoLight,sans-serif;
  font-size:36px;
}
.Home__heading{
  font-display:swap;
  margin-top:20px;
}
.Home__headingMobSec{
  font-display:swap;
  margin-top:5%;
}
.Home__headingInt{
  font-display:swap;
  margin-right:10px;
}
.Home__headingGloss{
  font-display:swap;
}
.Home__headingClient{
  margin-right:10px;
  font-weight:600;
}
.Home__heading2,.Home__headingModule{
  font-size:20px;
  font-weight:600;
}
.Home__integBtn,.Home__integBtn2{
  color:#0c64ae;
  background:linear-gradient(98.33deg,#0c64ae1a 0,#2189e11a 100%);
  align-content:center;
}
.Home__integBtn{
  border:none;
  flex:1;
  justify-content:center;
  align-items:center;
  width:20%;
  margin:30px 40% 0;
}
.Home__integBtn2:hover{
  box-shadow:0 6px 24px #aeaeba29;
}
.Home__integBtn2{
  border:none;
  border-radius:10px;
  flex:1;
  justify-content:center;
  align-items:center;
  width:100%;
  height:40px;
  display:flex;
}
.Home__cardDesign,.Home__contentCard{
  text-align:center;
  border-color:#e6e6e6;
  margin-left:1em;
  border-radius:.5em!important;
}
.Home__heading2,.Home__headingBig,.Home__headingModule{
  color:#333e63;
  font-family:AzoLight,sans-serif;
}
.Home__heading2{
  font-display:swap;
}
.Home__headingBig{
  font-size:2.35rem;
}
.Home__cardDesign{
  min-width:100%;
  min-height:90%;
  margin-bottom:2em;
}
.Home__contentCard{
  height:80%;
  min-width:18rem!important;
}
.Home__cardDesign>div,.Home__contentCard>div{
  padding:0;
}
.Home__cardDesign:hover{
  cursor:pointer;
  border-color:#fff;
  box-shadow:0 1px 10px #aeaeba24, 0 8px 24px #aeaeba29;
}
.Home__contentCard:hover{
  cursor:pointer;
  border:none;
  box-shadow:0 1px 10px #aeaeba24, 0 8px 24px #aeaeba29;
}
.Home__subTitle{
  text-align:center;
  letter-spacing:.02em;
  font-family:AzoLight;
  font-size:12px;
  font-weight:300;
  line-height:20px;
}
.Home__headingWeb,.Home__modulePrice,.Home__accBody,.Home__dropdownItem,.Home__forgot{
  font-weight:400;
  text-decoration:none!important;
}
.Home__cardImg{
  border-radius:.5em .5em 0 0;
  width:100%;
}
.Home__testimonialContainerParent{
  background:#f8f9fa;
  margin:5em auto 0;
}
.Home__testimonialContainer{
  text-align:center;
  background:#f8f9fa;
  border-radius:1em;
  width:100%;
  margin-top:50px;
  margin-bottom:50px;
}
.Home__T2decoraion,.Home__decoraion,.Home__decoraion1,.Home__decoraion2,.Home__decoraion4,.Home__decoraionInt,.Home__decoraionMobSec{
  background-color:#0c65ae54;
  height:3px;
  margin-bottom:2.5em;
}
.Home__reviewerImg{
  border:1px solid #ededed;
  border-radius:10px;
  margin-top:2em;
  margin-bottom:3.5rem;
  width:85px!important;
}
.Home__T2review,.Home__review{
  width:72%;
  margin:0 auto;
  font-size:17px;
  line-height:28px;
}
.Home__T2review>span,.Home__review>span{
  padding:.4em;
  font-size:41px;
}
.Home__T2review>span>i,.Home__review>span>i{
  color:#ededed;
}
.Home__reviewerName{
  color:#000302;
  font-size:20px;
}
.Home__T2reviewerName>span,.Home__reviewerName>span{
  font-weight:600;
}
.Home__testimonialCard{
  font-display:swap;
  border-radius:10px;
  width:338px;
  height:100%;
  margin-left:50px;
  padding:40px 20px 20px;
}
.Home__modulesImg{
  justify-content:flex-end;
  align-items:flex-end;
  width:100%;
  display:flex;
}
.Home__testimonialCard h1{
  font-display:swap;
  margin-bottom:12px;
  font-family:EnzoBold;
  font-size:24px;
}
.Home__testimonialCard p{
  font-display:swap;
  font-family:AzoLight;
  font-size:16px;
}
.Home__homeOldNew{
  flex:1;
  place-content:center;
  align-items:center;
  width:90%;
  margin-bottom:50px;
  display:flex;
}
.Home__intigrationContainer{
  background-color:#fafafa;
  border-top:1px solid #ededed;
  border-bottom:1px solid #ededed;
  width:100%;
  margin:0 auto;
  padding:2em 0 30px;
}
.Home__intigrationContainerInner{
  padding:3em 25px;
  overflow:hidden;
}
.Home__integrationCol{
  flex-direction:column;
  flex:1;
  padding-right:.5em;
}
.Home__cardCommon,.Home__cardCommon1,.Home__cardCommon2{
  justify-content:center;
  margin-bottom:1.5em;
}
.Home__cardCommon,.Home__cardCommon2{
  border:none;
  border-radius:.5em;
}
.Home__cardCommon1{
  border:1px solid #ececec;
  border-radius:.5em;
}
.Home__cardCommon1>div,.Home__cardCommon2>div{
  text-align:center;
  justify-content:center;
  display:flex;
}
.Home__cardCommon1>div{
  border-radius:10px;
  align-items:center;
}
.Home__cardCommon2>div{
  border-radius:6px;
  align-items:center;
}
.Home__cardCommon>div,.Home__hrSection{
  justify-content:center;
  display:flex;
}
.Home__cardCommon>div{
  text-align:center;
  border-radius:10px;
  align-items:center;
}
.Home__hrSection{
  flex-direction:column;
}
.Home__cardDesignIntigrations{
  width:95px;
  height:95px;
  margin-top:.45em;
  margin-left:1em;
  border-radius:.5em!important;
}
.Home__cardDesignIntigrations>div{
  text-align:center;
  justify-content:center;
  align-items:center;
  display:flex;
}
.Home__cardDesignIntigrations:hover{
  cursor:pointer;
}
.Home__footer{
  color:#6c757d;
  background-color:#f8f9fa;
  min-height:400px;
}
.Home__homeClients{
  margin-top:3rem;
}
.Home__footerleft{
  margin-top:3em;
  padding:0 36px;
}
.Home__logofooter{
  width:100px;
  margin-bottom:30px;
}
.Home__demoDiv,.Home__forgot,.Home__slider,.Home__videoLayer{
  width:100%;
}
.Home__footerleft p{
  color:#484c50;
  letter-spacing:.3px;
  font-display:swap;
  margin-bottom:20px;
  font-family:AzoLight;
  font-size:15px;
  font-weight:600;
}
.Home__footerleft p i{
  font-display:swap;
  color:#484c50;
  width:20px;
}
.Home__paddingtopBottom{
  margin-top:3em;
  padding:0 36px;
}
.Home__paddingtopBottom>p{
  letter-spacing:.3px;
  font-size:15px;
  font-weight:600;
}
.Home__headingsFooter{
  color:#121212;
  margin-bottom:14px;
  font-size:15px;
  font-weight:600;
}
.Home__forgot{
  color:#212529;
  display:flex;
  padding:0 3rem 0 0!important;
}
.Home__footerUl{
  color:#484c50;
  margin-right:2px;
  padding-right:0;
}
.Home__footerUl li h2{
  letter-spacing:.3px;
  font-size:15px;
  font-weight:500;
  line-height:30px;
}
.Home__footerUl li a{
  color:#484c50;
  font-family:AzoLight;
  transition:color .2s linear,background .2s linear;
  text-decoration:none!important;
}
.Home__footerUl i{
  margin-left:10px;
}
.Home__footerUl li a:hover{
  color:#c2c2c2;
}
.Home__social_footer_ul{
  margin:15px auto 0;
  display:table;
}
.Home__social_footer_ul li{
  float:right;
  padding-top:10px;
  padding-bottom:30px;
  padding-right:20px;
}
.Home__social_footer_ul li a{
  color:#ccc;
  border:1px solid #6c757d;
  border-radius:50%;
  padding:8px;
}
.Home__social_footer_ul li i{
  text-align:center;
  width:20px;
  height:20px;
}
.Home__copyright{
  text-align:center;
  background-color:#121212;
  min-height:50px;
}
.Home__copyright>div>div>p{
  text-align:center;
  color:#fff;
  padding:20px 0;
  font-size:15px;
  margin-bottom:0!important;
}
.Home__accordionHeader{
  text-align:justify;
  cursor:pointer;
  background-color:#fff;
  margin:1em 0;
  box-shadow:0 6px 17px #aeaeba0d, 0 8px 24px #aeaeba1a;
  border:none!important;
  border-radius:.5em!important;
}
.Home__applogo,.Home__btnsContainer,.Home__dragSpan,.Home__sectionTitle,.Home__taglineText{
  text-align:center;
}
.Home__accordionHeader>div{
  background:#fff;
  font-size:17px;
  font-weight:500;
}
.Home__accordionHeader>h2>button{
  color:#000302!important;
  background-color:#fff!important;
}
.Home__accBody{
  color:#8e8e8e;
  font-size:16px;
}
.Home__dropdownItem{
  color:#212529;
  width:100%;
  padding:.25rem 1.5rem;
  display:block;
}
.Home__dropdownItem:hover{
  color:#212529;
  border-radius:5px;
  background-color:#ededed!important;
}
.Home__dropdownItem:active{
  color:#212529!important;
  background-color:#ededed!important;
  border-radius:5px!important;
}
.Home__navItemDashboard,.Home__navItemDashboard:hover{
  color:#212529;
  cursor:pointer;
  text-decoration:none;
}
.Home__videoLayer{
  background:linear-gradient(360deg,#f8f8f8 -40.87%,#f8f8f800 50%);
  height:800px;
  bottom:2px;
}
.Home__mobileImg,.Home__slider,.Home__switch{
  position:relative;
}
.Home__containerTitle{
  color:#3f3d56;
  margin-bottom:6px;
  margin-right:.25em;
  font-size:16px;
  font-weight:600;
  line-height:16px;
}
.Home__sectionTitle{
  color:#005fcf;
  margin:11px 0 0;
  font-size:60px;
  font-weight:600;
  line-height:79px;
}
.Home__slider{
  -webkit-appearance:none;
  cursor:pointer;
  background:#8c1717;
  border-radius:10px;
  outline:0;
  height:40px;
  margin:auto;
  overflow:hidden;
}
.Home__slider::-webkit-slider-runnable-track{
  background:#f7f7f7;
}
.Home__slider:before{
  content:"0 1 2 3 4 5 6 7 8 9";
  text-align:center;
  color:#a40000;
  letter-spacing:.65em;
  text-shadow:-.5px .5px .9px #0006;
  z-index:-1;
  padding:1.6em;
  font-size:1em;
  position:absolute;
  inset:0;
}
.Home__slider::-webkit-slider-thumb{
  -webkit-appearance:none;
  background:#fff;
  border:3px solid #999;
  border-radius:20px;
  width:70px;
  height:40px;
  box-shadow:0 0 28.2385px #0000004d;
}
.Home__slider::-moz-range-track{
  background:#f7f7f7;
  height:40px;
}
.Home__slider::-moz-range-thumb{
  box-sizing:border-box;
  background:#fff;
  border:3px solid #999;
  width:20px;
  height:40px;
  box-shadow:100vw 0 0 100vw #1e90ff;
  border-radius:0!important;
}
.Home__directoryList{
  margin-top:120px;
  margin-bottom:0;
  justify-content:space-between;
  margin-inline:100px;
  display:flex;
}
.Home__Directoryhover{
  padding-inline:10px;
  transition:all .3s;
}
.Home__Directoryhover:hover{
  background-color:#edeeee;
  border-radius:50px;
  padding-inline:10px;
}
.Home__grayscale{
  cursor:"pointer";
  -webkit-filter:grayscale();
}
.Home__grayscale:hover{
  -webkit-filter:grayscale(0%);
}
.Home__slider::-ms-fill-lower{
  background:#1e90ff;
}
.Home__slider::-ms-thumb{
  box-sizing:border-box;
  background:#fff;
  border:2px solid #999;
  border-radius:10px;
  width:20px;
  height:40px;
}
.Home__slider::-ms-ticks-after{
  display:none;
}
.Home__slider::-ms-ticks-before{
  display:none;
}
.Home__slider::-ms-track{
  color:#0000;
  background:#f7f7f7;
  border:none;
  height:40px;
}
.Home__webImg{
  padding-top:5em;
}
.Home__demoContainer2,.Home__pricingPlan2{
  margin-top:40px;
  padding:50px;
  box-shadow:0 6px 24px #aeaeba29;
  background-color:#fff!important;
}
.Home__pricingModules{
  margin-top:40px;
  margin-right:20px;
  padding:50px;
  box-shadow:0 6px 24px #aeaeba29;
  background-color:#fff!important;
}
.Home__headingWeb{
  color:#666;
  font-size:42px;
  font-weight:100;
}
.Home__modulePrice{
  letter-spacing:.5px;
  font-size:15px;
  font-weight:700;
}
.Home__clientsSec1,.Home__sectionDisplay2{
  display:contents;
}
.Home__clientsSec2,.Home__sectionDisplay,.Home__switchInput,.Home__switchBlueInput{
  display:none;
}
.Home__demoContainer,.Home__demoContainer2,.Home__dragSpan{
  color:#b5b5b5;
  margin-top:.2em;
}
.Home__switch{
  display:inline-block;
}
.Home__switchLabel,.Home__switchLabelDisbaled{
  text-indent:-150%;
  clip:rect(0 0 0 0);
  color:#646464;
  -webkit-user-select:none;
  user-select:none;
  width:37px;
  height:20px;
  margin:0;
  display:block;
}
.Home__switchLabel:after,.Home__switchLabel:before{
  content:"";
  cursor:pointer;
  display:block;
  position:absolute;
}
.Home__switchLabel:before{
  background-color:#dedede;
  border-radius:9999em;
  width:100%;
  height:100%;
  transition:background-color .25s;
}
.Home__switchLabelDisbaled:after,.Home__switchLabelDisbaled:before{
  content:"";
  cursor:pointer;
  display:block;
  position:absolute;
}
.Home__switchLabelDisbaled:before{
  background-color:#dedede;
  border-radius:9999em;
  width:100%;
  height:100%;
  transition:background-color .25s;
}
.Home__form-control{
  border:#000;
}
.Home__switchLabel:after,.Home__switchLabelDisbaled:after{
  background-color:#fff;
  border-radius:50%;
  width:15px;
  height:15px;
  transition:left .25s;
  top:2.5px;
  right:3px;
  box-shadow:0 0 2px #00000073;
}
.Home__switchInput:checked+.Home__switchLabel:before{
  background-color:#4fc123;
}
.Home__switchInput:checked+.Home__switchLabel:after{
  right:19px;
}
.Home__switchBlueInput:checked+.Home__switchLabel:before{
  background-color:#005fcf;
}
.Home__switchBlueInput:checked+.Home__switchLabel:after{
  right:19px;
}
.Home__switchLabelDisbaled:after{
  background-color:#fff;
  border-radius:50%;
  width:15px;
  height:15px;
  transition:left .25s;
  top:2.5px;
  right:3px;
  box-shadow:0 0 2px #00000073;
}
.Home__switchInput:checked+.Home__switchLabelDisbaled:before{
  background-color:#b9e6a7;
}
.Home__switchInput:checked+.Home__switchLabelDisbaled:after{
  right:19px;
}
.Home__switchBlueInput:checked+.Home__switchLabelDisbaled:before{
  background-color:#005fcf;
}
.Home__switchBlueInput:checked+.Home__switchLabelDisbaled:after{
  right:19px;
}
.Home__monthlySwitch{
  justify-content:flex-end;
  align-items:center;
  height:43px;
  margin-top:-100px;
  margin-bottom:100px;
  line-height:0;
  display:flex;
}
.Home__bannerImg2{
  width:100%;
  height:100%;
}
.Home__pricingBtn{
  color:#005fcf;
  background:#fff;
  border:2px solid #005fcf;
  border-radius:6px;
  width:200px;
  min-width:100px;
  height:50px;
  padding-bottom:6px!important;
  transition:all .5s ease-out!important;
}
.Home__pricingBtn:hover{
  background:#005fcf white!important;
  color:#fff!important;
}
.Home__switchMain{
  display:flex;
}
.Home__employeeTitle{
  color:#666;
  padding:.6em 0;
  font-size:38px;
  font-weight:300;
  line-height:50px;
}
.Home__employeePadding{
  padding:"0 1.5em 1.5em 0";
}
.Home__employeeBox{
  color:#666;
  border-color:#b7b7b7;
  border-radius:5px;
  width:auto;
  margin-right:10px;
  padding-right:10px;
  padding-left:0;
}
.Home__table,.Home__td,.Home__th{
  border-collapse:collapse;
  border:1px solid #d6d6d6;
  padding:1em;
}
.Home__stepsForm{
  margin:40px auto 3em;
}
.Home__stepInnerForm{
  width:70%;
  margin:0 auto;
}
.Home__contactSales{
  color:#646464;
  padding-right:1.3em;
  font-size:38px;
}
.Home__btnsContainer{
  padding:0 1.5em;
}
.Home__sectionBlock{
  justify-content:center;
  align-items:center;
  padding-bottom:3em;
  display:flex;
}
.Home__mobileBtn{
  position:absolute;
  bottom:45px;
  left:45px;
}
.Home__MobileCol{
  justify-content:center;
  align-items:center;
  margin-bottom:100px;
  display:flex;
}
.Home__MobileCol2{
  justify-content:right;
  width:50%;
  margin-bottom:220px;
  margin-right:20%;
}
.Home__headingMobile,.Home__headingMobile2{
  color:#6f7f8a;
  margin-bottom:30px;
  font-family:AzoLight,sans-serif;
  font-size:20px;
  font-weight:700;
}
.Home__collapsible{
  justify-content:center;
  width:100%!important;
}
.Home__headingMobile{
  display:none;
}
.Home__demoDiv2,.Home__footerEmail,.Home__googleBtn{
  display:flex;
}
.Home__flex,.Home__pricingHeadingContainer{
  justify-content:space-between;
  display:flex;
}
.Home__taglineText{
  color:#fff;
  max-width:1300px;
  margin:0 auto;
  font-family:AzoLight,sans-serif;
  font-size:26px;
  font-weight:500;
}
.Home__googleBtn,.Home__paymentHeading{
  font-weight:600;
}
.Home__accordionLabel{
  cursor:pointer;
  color:#646464!important;
  margin-top:.5em!important;
  padding:0!important;
  font-size:18px!important;
  text-decoration:none!important;
}
.Home__moduleText,.Home__paymentHeading{
  color:#646464;
  font-size:18px;
}
.Home__footerEmail{
  flex-direction:row;
}
.Home__accordionLabel>span{
  margin-right:.25em!important;
}
.Home__creditCard>div,.Home__creditCard>div>div{
  width:100%!important;
  margin:0!important;
}
.Home__moduleText{
  margin-bottom:1rem;
  margin-right:1em;
  line-height:35px;
}
.Home__moduleText>a{
  color:#646464;
}
.Home__applogo{
  background-color:#fff;
  width:100%;
  margin:0;
  padding:15px 40px;
  box-shadow:0 2px 10px #0000001a;
}
.Home__payemtnContainer{
  background-color:#fff;
  border-radius:1em;
  padding:2em;
  box-shadow:0 6px 24px #aeaeba29;
}
.Home__creditCard{
  margin-top:2em!important;
}
.Home__creditCard>div>div{
  height:225px!important;
}
.Home__googleBtn{
  background:#fff;
  border:1px solid #eee;
  border-radius:6px;
  justify-content:center;
  align-items:center;
  width:100%;
  height:45px;
}
@media screen and (max-width:1370px){
  .Home__mobileBtn{
    text-align:end;
    margin-top:6em;
    display:none;
    position:relative;
  }
  .Home__centerContainer>div>div>h2{
    margin-top:0;
    font-size:35px;
  }
  .Home__centerContainer>div>div>p{
    font-size:12px!important;
  }
  .Home__centerContainer{
    padding-top:35px;
    height:350px!important;
  }
  .Home__centerContainer>div>div>div{
    justify-content:center;
    display:flex;
  }
  .Home__glossaryBG{
    padding-inline:20px;
  }
  .Home__sectionPadding{
    margin-right:0;
    margin-left:0;
    padding:0;
  }
  .Home__MobileCol,.Home__MobilePadding{
    padding:0 2em 2em;
  }
  .Home__MobileCol{
    justify-content:center;
    align-items:center;
    display:flex;
  }
  .Home__cardSectionContainer{
    padding:0 2.5em;
  }
  .Home__sectionContainer{
    margin:0 auto 3em;
  }
  .Home__intigrationContainerInner{
    padding:3em 25px;
  }
  .Home__contactSales{
    margin-top:100px;
    font-size:30px;
  }
  .Home__demoContainer,.Home__demoContainer2,.Home__pricingPlan,.Home__pricingPlan2{
    margin:10px;
  }
  .Home__cardCommon,.Home__cardCommon1{
    height:150px;
    margin-left:0;
    min-width:100%!important;
  }
  .Home__intigrationContainer{
    padding-bottom:0;
  }
  .Home__integBtn{
    margin-bottom:30px;
  }
  .Home__directoryList{
    padding:0 30px;
  }
  .Home__cardCommon{
    margin-right:15px;
    padding-bottom:20px!important;
  }
  .Home__modulesInteraction{
    margin:0;
  }
  .Home__cardCommon1{
    margin-right:12px;
    padding-left:0;
  }
  .Home__headingModule{
    margin-top:30px;
  }
  .Home__decoraion{
    margin-right:25px!important;
  }
  .Home__heading3,.Home__heading4{
    margin-top:40px;
  }
  .Home__applogo{
    margin-right:0;
  }
}
@media screen and (max-width:1514px){
  .Home__headerDropdown{
    width:70em!important;
  }
}
@media screen and (max-width:1360px){
  .Home__headerDropdown{
    width:60em!important;
  }
}
@media screen and (max-width:1170px){
  .Home__headerDropdown{
    width:55em!important;
  }
}
@media screen and (max-width:1075px){
  .Home__headerDropdown{
    width:45em!important;
  }
}
@media screen and (max-width:991px){
  .Home__headerDropdown{
    height:90%;
    overflow:hidden;
    width:100%!important;
    margin-top:0!important;
  }
  .Home__dropdownMenu3{
    width:22em;
    margin-right:0;
  }
}
@media screen and (max-width:992px){
  .Home__demoContainer,.Home__demoContainer2,.Home__pricingPlan,.Home__pricingPlan2{
    box-shadow:none;
    padding:10px;
  }
  .Home__commonDemoForm{
    justify-content:center;
  }
  .Home__centerContainer{
    text-align:center;
  }
  .Home__bannerImg{
    background:#fff!important;
  }
  .Home__cardCommon2{
    min-width:100%;
  }
  .Home__cardCommon{
    min-height:100%;
    padding-bottom:30px;
  }
  .Home__dropdownMenu{
    margin:0;
    right:-6em;
    width:100%!important;
  }
  .Home__cardDesign{
    padding:0;
  }
  .Home__demoContainer{
    flex-direction:column;
    display:flex;
  }
  .Home__demoDiv2{
    flex-direction:column;
    justify-content:center;
  }
  .Home__domainStyle{
    text-align:center;
    margin:0!important;
  }
  .Home__demoContainer2{
    top:-40px;
    margin-bottom:0!important;
  }
  .Home__demoHttp{
    margin-top:15px;
    margin-bottom:15px;
  }
  .Home__stepHome{
    margin-bottom:0;
  }
  .Home__dropdownMenu2{
    z-index:10000;
    margin:0;
    padding:1em;
    right:-26.5em;
    width:100%!important;
  }
  .Home__aboutSideDropdown{
    z-index:10000;
    padding:0;
    right:-26.5em;
    width:100%!important;
  }
  .Home__navbarContainer{
    padding-left:0;
  }
  .Home__contactSales{
    margin-top:-50px;
  }
  .Home__footerEmail{
    padding:20px;
  }
  .Home__MobileCol2{
    width:70%;
    padding:0;
    margin:0!important;
  }
  .Home__heading4{
    margin-right:10px;
  }
  .Home__homeCard{
    margin-bottom:0;
    font-size:20px;
  }
  .Home__decoraion{
    margin-right:15px!important;
  }
  .Home__modulesImg{
    width:100%;
    margin-right:0;
  }
  .Home__abtMobText{
    color:#626c78;
    font-size:18px;
  }
  .Home__securityImg2{
    justify-content:center;
    width:100%;
    height:80%;
    padding-bottom:50px;
    display:flex;
    margin-bottom:0!important;
  }
}
@media screen and (max-width:768px){
  .Home__marqueeTrack{
    gap:1rem;
    animation-duration:70s;
  }
  .Home__pricingPlan,.Home__pricingPlan2,.Home__glossaryBG{
    background:0 0;
    padding-top:150px;
  }
  .Home__responsiveBannerImage{
    object-fit:cover;
    width:100%;
  }
  .Home__leftQucikModule{
    margin-right:0;
  }
  .Home__SvgResponsive{
    width:50px;
    height:50px;
  }
  .Home__MobileResponsive{
    width:100%;
  }
  .Home__primaryBtnBanner{
    box-shadow:none;
  }
  .Home__atdecoraion{
    margin-right:20px;
  }
  .Home__mobView,.Home__secText{
    margin-top:0;
    padding-top:0;
  }
  .Home__abtHeading{
    margin-top:30px;
    padding-right:20px;
  }
  .Home__glossaryHeading{
    margin-top:30px;
  }
  .Home__bgImg,.Home__clientsSec1,.Home__headingMobile2,.Home__moduleCardDesc,.Home__socialIcons{
    display:none;
  }
  .Home__sectionImgGloss{
    margin-top:0!important;
  }
  .Home__modulesImg{
    margin-bottom:10%;
    margin-top:10px!important;
    padding-top:0!important;
  }
  .Home__iconText{
    font-size:17px;
  }
  .Home__sectionContent,.Home__sectionContent2,.Home__sectionContent3{
    color:#666;
    white-space:pre-line;
    font-size:18px!important;
  }
  .Home__sectionCol2{
    margin:0!important;
    padding:0!important;
  }
  .Home__sectionContentImgRow2{
    justify-content:center;
    margin-right:0!important;
    padding-top:0!important;
  }
  .Home__sectionContentImgRow3{
    margin-right:0!important;
    padding-top:0!important;
  }
  .Home__sectionContent{
    margin-top:20px!important;
  }
  .Home__sectionCol{
    margin-right:0!important;
    margin-left:0!important;
    padding-top:25px!important;
    padding-bottom:25px!important;
    padding-right:0!important;
  }
  .Home__sectionContent3{
    padding:0!important;
  }
  .Home__sectionDisplay2{
    display:none!important;
  }
  .Home__sectionDisplay{
    position:relative;
    display:contents!important;
  }
  .Home__sectionList{
    margin-top:20px!important;
    margin-bottom:5px!important;
  }
  .Home__videoThumbImg{
    margin-bottom:30px;
    margin-top:0!important;
    padding-top:0!important;
  }
  .Home__modulesCardPadding{
    margin-bottom:5px;
    padding-top:10px;
  }
  .Home__contentSearch{
    margin-top:-20px;
  }
  .Home__taglineText{
    margin-right:20px;
    margin-left:20px;
    font-size:25px;
  }
  .Home__intigrationContainer{
    margin-top:0;
    padding-top:0;
    padding-bottom:0;
  }
  .Home__intigrationContainerInner{
    padding-top:20px;
    padding-bottom:0;
  }
  .Home__glossaryHeader>div>h1{
    font-size:45px!important;
  }
  .Home__glossaryHeader{
    height:140px!important;
  }
  .Home__Breadcrumb{
    margin-top:-80px;
  }
  .Home__searchable{
    margin-top:-30px;
  }
  .Home__sectionPadding{
    margin-right:0;
    margin-left:0;
    padding:0;
  }
  .Home__step,.Home__step2{
    background:#fff;
  }
  .Home__stepTxt{
    font-display:swap;
    font-size:20px;
  }
  .Home__cardDesignIntigrations{
    width:100%;
    height:100px;
  }
  .Home__cardDesign,.Home__integrationCol{
    padding:0;
  }
  .Home__MobileCol{
    justify-content:center;
    align-items:center;
    padding:0 2em 2em;
    display:flex;
  }
  .Home__MobileCol2{
    width:100%;
    margin-left:10px;
  }
  .Home__mobileBtn{
    text-align:center;
    position:relative;
    width:100%!important;
    margin:6em auto 0!important;
  }
  .Home__mobileImg>img{
    margin:0;
    padding:0!important;
  }
  .Home__inputContainer{
    width:100%;
    margin-top:1em;
  }
  .Home__primaryBtnBanner,.Home__secondaryBtnBanner{
    margin-bottom:1em;
    padding:0;
    border-radius:6px!important;
    width:100%!important;
  }
  .Home__secondaryBtnBanner{
    margin-right:0!important;
  }
  .Home__emailInput{
    text-align:center;
    margin-bottom:1em;
    border-radius:6px!important;
  }
  .Home__stepHome{
    margin-top:35%;
  }
  .Home__bannerImg2{
    width:100%;
    margin:0;
    padding:0;
    display:flex;
  }
  .Home__bannerImg{
    padding:2rem 0!important;
  }
  .Home__BannerSubHeading{
    margin-top:.5em;
    font-size:20px;
    font-weight:500;
    color:#6f7f8a!important;
  }
  .Home__navbarContainer{
    padding:.5em 0;
  }
  .Home__navbarContainer>div{
    margin-right:0;
  }
  .Home__testimonialContainerParent{
    padding:0 1em;
    margin-top:0!important;
    padding-top:0!important;
  }
  .Home__stepInnerForm{
    width:100%;
  }
  .Home__layer{
    padding:4rem 0;
    padding-bottom:0!important;
  }
  .Home__sectionBlock{
    padding:0 0 2em;
  }
  .Home__navbar_header{
    padding:.5rem 0!important;
  }
  .Home__navItemDashboard{
    padding-right:0;
    padding-left:0;
  }
  .Home__navItemDashboard:first-child{
    padding-top:.5em;
  }
  .Home__sectionContainer{
    margin-bottom:0;
    padding:0 2em;
  }
  .Home__mobileImg{
    padding:0 1em;
  }
  .Home__primaryBtn2{
    min-width:100%;
  }
  .Home__pricingBtn{
    width:100%;
    margin-top:.5em;
  }
  .Home__decoraion{
    margin-right:45px!important;
  }
  .Home__contactSales{
    text-align:center;
    justify-content:center;
    padding:0;
    font-size:30px;
  }
  .Home__clientsSec2,.Home__headingMobile{
    display:contents;
  }
  .Home__appSizing{
    margin-top:10%;
    padding-top:0;
  }
  .Home__applogo{
    width:60%;
    margin:20px 0 20px 20px;
    padding:20px;
  }
  .Home__integBtn2{
    width:90%;
    margin:35px 35px 0;
    margin-top:0!important;
  }
  .Home__modulesCardTitle{
    margin:0;
    padding:0;
  }
  .Home__mobileImg{
    margin-bottom:0;
  }
  .Home__clientsHome{
    height:20px;
    margin-top:0;
    padding:0;
  }
  .Home__aboutWebHRIcons{
    width:40px;
    margin-left:10px;
  }
  .Home__customCard>div{
    min-height:200px;
  }
  .Home__marquee,.Home__sectionImg{
    margin:0!important;
    padding:0!important;
  }
  .Home__sectionImg{
    justify-content:center;
    align-items:center;
    display:flex;
    width:100%!important;
  }
  .Home__homeClients{
    margin-top:1em!important;
    margin-bottom:0!important;
  }
}
@media screen and (max-width:655px){
  .Home__homeIntegrationTitle{
    padding-top:0;
  }
  .Home__demoCenterContainer{
    height:500px;
  }
  .Home__NewBannerBG{
    padding-right:20px;
  }
  .Home__contentBreadcrumb{
    margin:0;
  }
  .Home__moduleSubHeading{
    margin-inline:0;
  }
  .Home__contactLiveDiv{
    padding:30px;
  }
  .Home__contentSearch{
    margin-block:50px;
  }
  .Home__switchMain{
    justify-content:center;
    margin-bottom:10px;
    margin-right:15px;
  }
  .Home__layoutHeading{
    padding-bottom:10px;
  }
  .Home__sectionTitle{
    padding:7px 14px;
    font-size:54px;
  }
  .Home__centerContainer{
    height:200px!important;
    margin:0!important;
    padding-right:10px!important;
  }
  .Home__pricingModules{
    box-shadow:none;
    padding:10px;
  }
  .Home__moduleReview{
    padding:20px;
  }
  .Home__moduleQuoteBG{
    background-color:#efffe9;
    background-image:none;
  }
  .Home__reviewImages{
    width:150px;
    margin-top:20px;
  }
  .Home__BannerHeading{
    margin-top:-30px;
    font-size:40px;
    font-weight:600;
  }
  .Home__cardCommon,.Home__cardCommon1{
    height:120px!important;
  }
  .Home__intLogo{
    height:70px;
    margin-bottom:10px;
  }
  .Home__intTitle{
    margin-bottom:0;
    font-size:11px;
  }
  .Home__headingMobSec{
    margin-top:50px;
    font-size:25px;
  }
  .Home__headingMobile{
    font-size:15px;
  }
  .Home__BannerHeading br{
    display:none;
  }
  .Home__employeeTitle{
    padding:0;
    font-size:30px;
  }
  .Home__homeCard{
    font-size:18px;
  }
  .Home__step>div,.Home__stepTxt{
    font-size:16px;
  }
  .Home__demoContainer{
    padding:1em;
  }
  .Home__pricingHeadingContainer{
    display:block;
  }
  .Home__cardDesign{
    padding:0;
    min-width:100%!important;
  }
  .Home__monthlySwitch{
    justify-content:center;
    margin-top:30px;
    margin-bottom:0;
  }
  .Home__cardDesign>div{
    padding-right:0;
    padding-left:0;
  }
  .Home__primaryBtn2{
    width:100%;
  }
  .Home__pricingBtn{
    width:100%;
    margin-top:.5em;
  }
  .Home__btnsContainer{
    padding:0;
  }
  .Home__pricingPlan,.Home__pricingPlan2{
    box-shadow:none;
  }
  .Home__decoraion{
    margin-right:45px!important;
  }
  .Home__QuickModule{
    margin:0;
    padding:0;
    font-size:10px;
  }
  .Home__QuickModule>div{
    padding-inline:15px;
  }
  .Home__integBtn2{
    width:90%;
    margin:25px;
    margin-bottom:0!important;
  }
  .Home__commonDemoForm>div>input{
    width:200px;
    margin-left:0!important;
  }
  .Home__commonDemoForm>div>div{
    margin:0!important;
  }
  .Home__modulesCardPadding{
    margin-bottom:0;
    padding-top:0;
    padding-bottom:5px;
  }
  .Home__integBtn{
    flex:1;
    align-items:center;
    width:100%;
    height:40px;
    margin:0 0 30px;
    display:flex;
  }
  .Home__stepHome{
    margin-top:30%;
  }
  .Home__stepTxt{
    font-display:swap;
  }
  .Home__SectionHeading{
    font-size:2em;
  }
  .Home__SectionSubHeading{
    font-size:15px;
    margin-bottom:0!important;
  }
  .Home__homeOldNew{
    margin-top:0;
    margin-bottom:10px;
    padding:0;
  }
  .Home__applogo{
    padding:10px;
  }
  .Home__MobSecImg{
    margin-left:0;
  }
  .Home__iconText{
    margin:0;
    font-size:14px;
  }
  .Home__clientsNewSpacing{
    margin:0;
  }
}
.Home__T2bannerBtn,.Home__T2emailInput{
  box-shadow:0 6px 17px #aeaeba24, 0 8px 24px #aeaeba29;
}
.Home__CookieConsent>div{
  flex:inherit!important;
}
.Home__videoThumbImg{
  cursor:pointer;
  border-radius:1em;
  width:100%;
}
.Home__videoModal{
  border:2px solid #eee;
  border-radius:1em;
  outline:0;
  width:100%;
  margin-bottom:-6px;
}
.Home__sectionCol,.Home__sectionCol2{
  align-items:center;
  padding:4em 0;
  display:flex;
}
.Home__sectionCol2x1{
  align-items:center;
  padding:4em 0;
}
.Home__sectionContent,.Home__sectionContent2,.Home__sectionContent3{
  color:#666;
  white-space:pre-line;
  font-size:22px;
}
.Home__sectionContentImgRow3{
  border-radius:1em;
  width:70%;
  margin-right:40px;
  padding:4em 0;
}
.Home__sectionContentImgMob{
  border-radius:1em;
  width:50%;
  margin-right:20%;
  padding-top:10px;
}
.Home__sectionContentImgRow2{
  border-radius:1em;
  flex:1;
  justify-content:center;
  align-items:center;
  width:25em;
  padding:4em 0;
}
.Home__sectionImg,.Home__sectionImgGloss{
  width:80%;
  padding:0;
  display:flex;
}
.Home__sectionImgGloss{
  flex-direction:column;
  flex:1;
  justify-content:start;
  margin:20px 0 0;
}
.Home__sectionImg{
  flex-direction:column;
  flex:1;
  justify-content:start;
  margin:40px;
}
.Home__sectionImgOnly{
  border-radius:1em;
  width:100%;
  padding:4em 0;
}
.Home__sectionImgOnly2{
  border-radius:1em;
  width:100%;
  padding:0 0 4em;
}
.Home__sectionIconCol{
  flex-direction:column;
}
.Home__iconText2{
  margin-right:10px;
  font-size:13px;
  font-weight:700;
}
.Home__sectionList2{
  color:#333e63;
  text-align:center;
  background-color:#fff;
  border:1px solid #dcdcdc;
  flex-direction:column;
  flex:1;
  align-items:center;
  height:80%;
  padding:10px;
  font-size:1.1rem;
  display:flex;
}
.Home__sectionIcon2{
  color:linear-gradient(180deg, #053862 0%, #2189e1 100%);
  margin-top:10px;
  padding-bottom:10px;
}
.Home__sectionList{
  color:#333e63;
  text-align:center;
  background-color:#fff;
  border:1px solid #dcdcdc;
  flex-direction:column;
  flex:1;
  align-items:center;
  height:80%;
  padding:10px;
  font-size:1.1rem;
  display:flex;
}
.Home__sectionIcon{
  color:linear-gradient(180deg, #053862 0%, #2189e1 100%);
  margin:0;
  padding:0;
}
.Home__bgFeatures{
  background:linear-gradient(to bottom right,#2154cf,#6ec5ff);
  margin-bottom:7em;
  padding:3em;
  position:relative;
  overflow:hidden;
}
.Home__bgfeaturesOverlay{
  background:url(https://cdn.webhr.co/Web/LandingPages/LandingPage1/images/wave-mask.png) 50%/cover no-repeat;
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
}
.Home__featuresHeading{
  color:#fff;
  padding-bottom:1em;
  font-size:1.75rem;
  font-weight:600;
  line-height:1.4;
}
.Home__featuresSideMockup{
  width:calc(50vw + 242px);
  position:absolute;
  top:50%;
  left:50vw;
  transform:translateY(-50%);
}
.Home__featuresTitle{
  color:#fff;
  margin-bottom:.5rem;
  font-size:22px;
  font-weight:500;
  line-height:1.2;
}
.Home__featuresSubtitle{
  color:#ffffffd9;
  padding-bottom:1em;
  font-size:17px;
  line-height:22px;
  padding-top:.5rem!important;
}
.Home__featureIcon{
  text-align:center;
  color:#2255d0;
  background:#fff;
  border-radius:50%;
  width:26px;
  height:26px;
  margin-left:1em;
  font-size:16px;
  line-height:26px;
}
.Home__landingCard{
  color:#fff;
  text-align:center;
  background:linear-gradient(154.38deg,#4ec3ee 17.21%,#2d93cd 87.48%);
  border-radius:6px;
  margin:1em;
  padding:1em;
}
.Home__landingCard>h1,.Home__landingCard>p{
  margin:0;
}
.Home__LandingSectionCard{
  background-position:50%;
  background-size:cover;
  border-radius:15px;
  height:350px;
  margin:2em auto 9em;
  padding:0;
  position:relative;
}
.Home__bgOverlayGradient{
  z-index:0;
  text-align:center;
  background:linear-gradient(106.29deg,#2b81c7b5 -7.04%,#56ccf2b8 151.29%);
  border-radius:15px;
  justify-content:center;
  align-items:center;
  padding:5em;
  display:flex;
  position:absolute;
  inset:0;
}
.Home__whiteBtn{
  color:#2b81c7!important;
  background:#fff!important;
  border:none!important;
  border-radius:6px!important;
  width:250px!important;
  height:40px!important;
}
.Home__text{
  color:#333e63;
  font-size:1.2rem;
}
.Home__glossaryDictHeading{
  padding:0;
  text-align:center;
  color:#fff;
  background-color:#ced4da;
  border-radius:50px;
  width:45px;
  padding-block:4px;
  font-family:AzoLight,sans-serif;
  font-size:24px;
  font-weight:700;
}
.Home__glossaryText{
  cursor:pointer;
  color:#3f3d56;
  font-size:1rem;
}
.Home__glossaryText:hover{
  color:#0c64ae;
}
.Home__glossaryHeader{
  text-align:center;
  background-color:#ebf8f6;
  justify-content:center;
  align-items:center;
  width:100%;
  height:300px;
  display:flex;
}
.Home__glossaryHeader>div>h1{
  text-shadow:-.1em .1em .4em #1caf9a4d;
  margin:0;
  font-size:72px;
  font-weight:900;
}
.Home__glossaryHeader>div>p{
  color:#60747e;
  font-size:22px;
  line-height:1em;
}
.Home__Breadcrumb>ol{
  margin-top:0;
  padding:1em 0;
  background-color:#fff!important;
}
.Home__Breadcrumb>ol>li>a{
  color:#005fcf;
}
.Home__T2BannerHeading{
  color:#000;
  font-size:3.25rem;
  font-weight:900;
  display:flex;
}
.Home__landingHeroImageFrame{
  aspect-ratio:8/5;
  width:100%;
  overflow:hidden;
}
.Home__landingHeroImage,.Home__landingBackgroundImage{
  width:100%;
  max-width:100%;
  height:auto;
  display:block;
}
.Home__landingHeroImage{
  object-fit:contain;
}
.Home__landingBackgroundImage{
  aspect-ratio:18/7;
  object-fit:cover;
}
.Home__T2BannerSubHeading{
  text-align:justify;
  color:#60747e;
  font-size:1.35rem;
  display:flex;
}
.Home__T2BannerParagraph{
  color:#708396;
  text-align:justify;
  padding-left:1em;
  font-family:AzoLight;
  font-size:1.25rem;
}
.Home__T2emailInput{
  border:1px solid #ededed!important;
  border-radius:0 6px 6px 0!important;
  padding:1.5em 1em!important;
}
.Home__T2bannerBtn{
  background:linear-gradient(28.37deg,#3f4a55 2.81%,#708396 160.42%);
  min-height:55px;
  margin-top:1em;
  padding:0 2em;
  border:none!important;
  border-radius:10px!important;
}
.Home__T2SectionHeading{
  font-display:swap;
  color:#000;
  margin-top:0;
  font-size:28px;
  font-weight:600;
  display:flex;
}
.Home__T2SectionSubHeading{
  font-display:swap;
  color:#525252;
  text-align:justify;
  padding:1em 0;
  font-size:20px;
  display:flex;
}
.Home__T2Card>h1,.Home__T2Card>p{
  text-align:center;
}
.Home__T2Card{
  color:#525252;
  background:#fff;
  border-radius:10px;
  width:100%;
  margin:1em;
  padding:2em;
  box-shadow:0 6px 17px #aeaeba1a, 0 8px 24px #aeaeba1a;
}
.Home__T2Card>h1{
  font-size:60px;
}
.Home__T2bgTestimonial{
  color:#fff;
  background:linear-gradient(106.29deg,#2b81c7b5 -7.04%,#56ccf2b8 151.29%);
  border-radius:1em;
  padding:3em;
}
.Home__T2testimonialContainerParent{
  margin:5em auto;
}
.Home__T2testimonialContainer{
  text-align:center;
  direction:rtl;
  background:#fff;
  border-radius:1em;
  width:100%;
  padding:1.5rem 0 0;
}
.Home__T2reviewerImg{
  border:1px solid #ededed;
  border-radius:10px;
  margin-top:2em;
  width:85px!important;
}
.Home__T2reviewerName{
  color:#fff;
  font-size:20px;
}
.Home__T2LandingSectionCard{
  border-radius:15px;
  height:350px;
  margin:2em auto 9em;
  padding:0;
  position:relative;
}
.Home__T2featuresTitle{
  color:#0c1a1e;
  margin-bottom:.5rem;
  font-size:22px;
  font-weight:500;
  line-height:1.2;
}
.Home__T2featuresSubtitle{
  color:#373737;
  padding-bottom:1em;
  font-size:17px;
  line-height:22px;
  padding-top:.5rem!important;
}
.Home__T2bgOverlayGradient,.Home__T3bgOverlayGradient{
  z-index:0;
  text-align:center;
  padding:5em;
  display:flex;
  position:absolute;
  inset:0;
}
.Home__T2bgOverlayGradient{
  border-top:2px solid #eee;
  justify-content:center;
  align-items:center;
}
.Home__carousel .Home__control-dots{
  margin:-5px 0!important;
}
.Home__T3BannerHeading{
  color:#0c64ae;
  margin-bottom:.65em;
  font-size:2.8rem;
  font-weight:600;
  display:flex;
}
.Home__T3cardDesign{
  width:18rem;
  min-height:200px;
  margin-left:1em;
  border:none!important;
}
.Home__heading3,.Home__heading4{
  font-display:swap;
  color:#373737;
  font-family:AzoLight,sans-serif;
  font-size:2.35rem;
  font-weight:700;
}
.Home__T3cardDesign>div{
  padding-right:0;
}
.Home__T3bgOverlayGradient{
  background:linear-gradient(106.73deg,#157dd5 -3.32%,#0c64ae 93.37%);
  border-radius:15px;
  justify-content:center;
  align-items:center;
}
@media screen and (max-width:480px){
  .Home__heading4,.Home__stepTxt{
    font-display:swap;
  }
  .Home__contactSales,.Home__dragSpan,.Home__heading{
    font-weight:700;
    font-size:30px!important;
  }
  .Home__heading3,.Home__heading4{
    margin-top:60px;
    margin-right:0!important;
  }
  .Home__directoryList{
    padding:0;
  }
  .Home__heading4{
    font-size:35px;
  }
  .Home__pricingIcon{
    height:23px;
    margin-right:5px;
  }
  .Home__cardCommon,.Home__cardCommon1{
    height:80px!important;
  }
  .Home__intLogo{
    height:50px;
    margin-bottom:0;
  }
  .Home__intTitle{
    margin-bottom:0;
    font-size:10px;
  }
  .Home__headingInt,.Home__headingModules{
    font-size:30px;
  }
  .Home__step>div,.Home__stepTxt{
    font-size:12px;
  }
  .Home__stepHome{
    margin-top:15%;
  }
  .Home__pricingHeadingContainer,.Home__switch{
    justify-content:center;
    align-items:center;
  }
  .Home__cardDesign{
    min-width:100%!important;
  }
  .Home__contactSales br,.Home__employeeTitle br,.Home__navbarContainer{
    display:none;
  }
  .Home__dragSpan{
    justify-content:center;
    align-items:center;
    margin-top:-5px;
  }
  .Home__monthlySwitch{
    justify-content:center;
    margin-top:30px;
  }
  .Home__sectionTitle{
    justify-content:center;
    margin-top:-10px;
    margin-bottom:0;
    padding:0;
    font-size:45px;
  }
  .Home__employeeTitle{
    flex-direction:row;
    flex:1;
    justify-content:center;
    align-items:center;
    margin:-30px 0 0;
    padding:0;
    font-size:16px;
    display:flex;
  }
  .Home__modulesCardPadding{
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
  }
  .Home__decoraion{
    margin-right:30px!important;
  }
  .Home__employeeBox{
    border-color:#dedede;
    align-items:center;
    width:200px;
    margin:10px;
    padding:5px;
  }
  .Home__headerLogo{
    width:50px;
  }
  .Home__pricingBtn{
    min-width:100%;
    height:40px;
    margin-top:20px;
  }
  .Home__primaryBtn2{
    height:40px;
    margin-top:-10px;
  }
  .Home__headingWeb{
    margin-right:0;
    font-size:27px;
    font-weight:700;
  }
  .Home__homeCard{
    margin-bottom:0;
    padding-bottom:0;
    font-size:15px;
  }
  .Home__moduleText{
    margin-right:20px;
    font-size:16px;
    line-height:20px;
  }
  .Home__pricingPlan,.Home__pricingPlan2{
    background-color:none;
    box-shadow:none;
  }
  .Home__iconText{
    font-size:11px;
  }
  .Home__modulePrice{
    margin-right:30px;
  }
  .Home__contactSales{
    margin-bottom:50px;
    font-size:28px;
  }
  .Home__integBtn2{
    width:90%;
    margin:20px;
  }
  .Home__clientsLogo{
    height:40px!important;
  }
  .Home__webImg{
    padding-top:0;
    padding-bottom:0;
  }
  .Home__heading{
    margin-bottom:15px;
  }
  .Home__taglineText{
    font-size:20px;
  }
}
.Home__myDiv{
  column-count:3;
  column-gap:"10px";
}
.Home__liMy{
  -webkit-column-break-inside:avoid;
  page-break-inside:avoid;
  break-inside:avoid;
}
@media screen and (max-width:900px){
  .Home__myDiv{
    column-count:2;
    column-gap:"60px";
  }
}
@media screen and (max-width:748px){
  .Home__myDiv{
    column-count:1;
    column-gap:"60px";
  }
}
