.elementor-28564 .elementor-element.elementor-element-e29f7fc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4em;--padding-bottom:0em;--padding-left:4em;--padding-right:4em;}.elementor-28564 .elementor-element.elementor-element-5cab9d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28564 .elementor-element.elementor-element-5cab9d0.e-con{--align-self:center;}.elementor-28564 .elementor-element.elementor-global-1431{background-color:#EFF1FF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2px 15px 2px 15px;border-radius:25px 25px 25px 25px;text-align:left;font-size:13px;font-weight:500;line-height:1.8em;letter-spacing:0.5px;color:var( --e-global-color-primary );}.elementor-28564 .elementor-element.elementor-global-1431.elementor-element{--align-self:flex-start;}.elementor-28564 .elementor-element.elementor-global-1431 p{margin-block-end:0px;}.elementor-28564 .elementor-element.elementor-element-2aeac2a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-28564 .elementor-element.elementor-element-2aeac2a .elementor-heading-title{font-size:3.2em;font-weight:700;line-height:1.2em;}.elementor-28564 .elementor-element.elementor-element-0358681{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;font-size:0.9rem;font-weight:400;line-height:1.6em;color:var( --e-global-color-astglobalcolor2 );}.elementor-28564 .elementor-element.elementor-element-0358681 p{margin-block-end:0px;}.elementor-28564 .elementor-element.elementor-global-28689 .elementor-button{background-color:var( --e-global-color-primary );font-size:16px;font-weight:400;fill:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-astglobalcolor5 );box-shadow:4px 4px 13px 1px rgba(33.99999999999999, 84.99999999999999, 67.99999999999999, 0.26);border-radius:8px 8px 8px 8px;padding:10px 10px 10px 10px;}.elementor-28564 .elementor-element.elementor-global-28689{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-28564 .elementor-element.elementor-element-1ae9eca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-28564 .elementor-element.elementor-element-1ae9eca::before, .elementor-28564 .elementor-element.elementor-element-1ae9eca > .elementor-background-video-container::before, .elementor-28564 .elementor-element.elementor-element-1ae9eca > .e-con-inner > .elementor-background-video-container::before, .elementor-28564 .elementor-element.elementor-element-1ae9eca > .elementor-background-slideshow::before, .elementor-28564 .elementor-element.elementor-element-1ae9eca > .e-con-inner > .elementor-background-slideshow::before, .elementor-28564 .elementor-element.elementor-element-1ae9eca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("http://3.108.105.29/wp-content/uploads/2025/08/core-hr-banner-bg-circle.svg");--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:50% auto;}.elementor-28564 .elementor-element.elementor-element-1ae9eca.e-con{--align-self:center;}.elementor-28564 .elementor-element.elementor-element-826da1a.elementor-element{--align-self:center;}.elementor-28564 .elementor-element.elementor-element-826da1a{text-align:left;}.elementor-28564 .elementor-element.elementor-element-94d3681{width:var( --container-widget-width, 30% );max-width:30%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:30%;--container-widget-flex-grow:0;bottom:0px;text-align:right;}body:not(.rtl) .elementor-28564 .elementor-element.elementor-element-94d3681{right:0px;}body.rtl .elementor-28564 .elementor-element.elementor-element-94d3681{left:0px;}.elementor-28564 .elementor-element.elementor-element-6d3d36f{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;bottom:1em;text-align:right;}.elementor-28564 .elementor-element.elementor-element-6d3d36f.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-28564 .elementor-element.elementor-element-6d3d36f{left:0px;}body.rtl .elementor-28564 .elementor-element.elementor-element-6d3d36f{right:0px;}.elementor-28564 .elementor-element.elementor-element-05627a4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:4em;--padding-bottom:0em;--padding-left:4em;--padding-right:4em;}.elementor-28564 .elementor-element.elementor-element-05627a4:not(.elementor-motion-effects-element-type-background), .elementor-28564 .elementor-element.elementor-element-05627a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-28564 .elementor-element.elementor-element-d78f4f3{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28564 .elementor-element.elementor-element-d78f4f3:not(.elementor-motion-effects-element-type-background), .elementor-28564 .elementor-element.elementor-element-d78f4f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://3.108.105.29/wp-content/uploads/2025/08/payroll-banner.svg");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-28564 .elementor-element.elementor-element-027a35a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-28564 .elementor-element.elementor-element-fc3bae5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;text-align:left;}.elementor-28564 .elementor-element.elementor-element-fc3bae5 .elementor-heading-title{font-size:40px;font-weight:600;line-height:1em;color:var( --e-global-color-astglobalcolor5 );}.elementor-28564 .elementor-element.elementor-element-13ed3dd{width:initial;max-width:initial;padding:0em 0em 0em 0em;text-align:left;font-size:16px;color:var( --e-global-color-astglobalcolor5 );}.elementor-28564 .elementor-element.elementor-element-13ed3dd.elementor-element{--align-self:center;}.elementor-28564 .elementor-element.elementor-element-13ed3dd p{margin-block-end:0px;}.elementor-28564 .elementor-element.elementor-element-6f2fbd0{width:initial;max-width:initial;padding:0em 0em 1em 0em;text-align:left;font-size:16px;color:var( --e-global-color-astglobalcolor5 );}.elementor-28564 .elementor-element.elementor-element-6f2fbd0.elementor-element{--align-self:center;}.elementor-28564 .elementor-element.elementor-element-6f2fbd0 p{margin-block-end:0px;}.elementor-28564 .elementor-element.elementor-element-8608650{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:4em;--padding-bottom:0em;--padding-left:4em;--padding-right:4em;}.elementor-28564 .elementor-element.elementor-element-0805dbd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;text-align:center;}.elementor-28564 .elementor-element.elementor-element-0805dbd .elementor-heading-title{font-size:40px;font-weight:600;line-height:1.2em;color:var( --e-global-color-astglobalcolor2 );}.elementor-28564 .elementor-element.elementor-element-eedfe4c{text-align:center;font-size:16px;color:var( --e-global-color-astglobalcolor2 );}.elementor-28564 .elementor-element.elementor-element-eedfe4c p{margin-block-end:0px;}.elementor-28564 .elementor-element.elementor-element-4fd06b5{text-align:center;font-size:16px;color:var( --e-global-color-astglobalcolor2 );}.elementor-28564 .elementor-element.elementor-element-4fd06b5 p{margin-block-end:0px;}.elementor-28564 .elementor-element.elementor-element-d6ed407{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2em;--padding-bottom:4em;--padding-left:4em;--padding-right:4em;}.elementor-28564 .elementor-element.elementor-element-d6ed407:not(.elementor-motion-effects-element-type-background), .elementor-28564 .elementor-element.elementor-element-d6ed407 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://3.108.105.29/wp-content/uploads/2025/08/hr-software-in-noida-why-choose-bg.svg");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-28564 .elementor-element.elementor-element-3a91d27{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--padding-top:2em;--padding-bottom:0em;--padding-left:4em;--padding-right:4em;}.elementor-28564 .elementor-element.elementor-element-f53e960{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28564 .elementor-element.elementor-element-f53e960.e-con{--align-self:center;}.elementor-28564 .elementor-element.elementor-element-bf4f2d6{text-align:left;}.elementor-28564 .elementor-element.elementor-element-bf4f2d6 .elementor-heading-title{font-size:35px;font-weight:600;color:var( --e-global-color-astglobalcolor2 );}.elementor-28564 .elementor-element.elementor-element-df913b3{text-align:left;font-size:16px;color:var( --e-global-color-astglobalcolor2 );}.elementor-28564 .elementor-element.elementor-element-df913b3 p{margin-block-end:0px;}.elementor-28564 .elementor-element.elementor-global-28680 .elementor-button{background-color:#FF001D;font-size:16px;font-weight:400;fill:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-astglobalcolor5 );box-shadow:4px 4px 13px 1px rgba(33.99999999999999, 84.99999999999999, 67.99999999999999, 0.26);border-radius:8px 8px 8px 8px;padding:10px 10px 10px 10px;}.elementor-28564 .elementor-element.elementor-global-28680{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-28564 .elementor-element.elementor-element-bd7cc41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28564 .elementor-element.elementor-element-bd7cc41.e-con{--align-self:flex-end;}.elementor-28564 .elementor-element.elementor-element-6912df7{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;z-index:0;}.elementor-28564 .elementor-element.elementor-element-6912df7 img{width:100%;}@media(max-width:1024px){.elementor-28564 .elementor-element.elementor-element-2aeac2a .elementor-heading-title{font-size:45px;}.elementor-28564 .elementor-element.elementor-element-05627a4{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-28564 .elementor-element.elementor-element-fc3bae5 .elementor-heading-title{font-size:30px;}.elementor-28564 .elementor-element.elementor-element-8608650{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-28564 .elementor-element.elementor-element-0805dbd .elementor-heading-title{font-size:30px;}.elementor-28564 .elementor-element.elementor-element-d6ed407{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-28564 .elementor-element.elementor-element-bf4f2d6 .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-28564 .elementor-element.elementor-element-e29f7fc{--padding-top:2em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-28564 .elementor-element.elementor-element-5cab9d0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28564 .elementor-element.elementor-global-1431.elementor-element{--align-self:center;}.elementor-28564 .elementor-element.elementor-global-1431{text-align:center;}.elementor-28564 .elementor-element.elementor-element-2aeac2a .elementor-heading-title{font-size:40px;}.elementor-28564 .elementor-element.elementor-element-0358681{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;}.elementor-28564 .elementor-element.elementor-element-1ae9eca{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28564 .elementor-element.elementor-element-05627a4{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-28564 .elementor-element.elementor-element-027a35a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28564 .elementor-element.elementor-element-fc3bae5{text-align:center;}.elementor-28564 .elementor-element.elementor-element-fc3bae5 .elementor-heading-title{font-size:28px;}.elementor-28564 .elementor-element.elementor-element-13ed3dd{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:justify;font-size:14px;}.elementor-28564 .elementor-element.elementor-element-6f2fbd0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:justify;font-size:14px;}.elementor-28564 .elementor-element.elementor-element-8608650{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:02em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-28564 .elementor-element.elementor-element-0805dbd{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-28564 .elementor-element.elementor-element-0805dbd .elementor-heading-title{font-size:28px;}.elementor-28564 .elementor-element.elementor-element-eedfe4c{text-align:justify;font-size:14px;}.elementor-28564 .elementor-element.elementor-element-4fd06b5{text-align:justify;font-size:14px;}.elementor-28564 .elementor-element.elementor-element-d6ed407{--padding-top:2em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-28564 .elementor-element.elementor-element-3a91d27{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-28564 .elementor-element.elementor-element-bf4f2d6{text-align:center;}.elementor-28564 .elementor-element.elementor-element-bf4f2d6 .elementor-heading-title{font-size:24px;}.elementor-28564 .elementor-element.elementor-element-df913b3{text-align:center;}.elementor-28564 .elementor-element.elementor-element-6912df7{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + -3.0rem) 0rem;}}@media(min-width:768px){.elementor-28564 .elementor-element.elementor-element-5cab9d0{--width:50%;}.elementor-28564 .elementor-element.elementor-element-1ae9eca{--width:50%;}.elementor-28564 .elementor-element.elementor-element-d78f4f3{--width:50%;}.elementor-28564 .elementor-element.elementor-element-027a35a{--width:50%;}.elementor-28564 .elementor-element.elementor-element-f53e960{--width:50%;}.elementor-28564 .elementor-element.elementor-element-bd7cc41{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-1edfb68 */.hover-expand-section {
  display: flex;
  width: 100%;
  height: 500px; 
   transition: width 0.4s ease;
   overflow: hidden;
}



.hover-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: none;
}

.hover-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.7), rgba(0,0,0,1));
  z-index: 1;
}

.hover-card-content {
  position: absolute;
  height: 200px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  color: #fff;
  opacity: 1;
  transition: opacity 0.3s ease;
  z-index: 2; 
}

.hover-card h3 {
  margin: 0 0 10px;
  font-size: 28px;
  color: #fff;
  font-weight: 500;
}
.hover-card h3 i {
    font-size: 18px;
    margin-left: 10px;
}
.hover-card p {
  margin: 0;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2rem;
}
.hover-card  ul{
    font-size: 14px;
    font-weight: 200;
}

.hover-card.active {
  width: 100%;
}

.hover-card.active .hover-card-content {
  opacity: 1;
   

}
.hover-card:hover .hover-card-content p {
  -webkit-line-clamp: unset;
  overflow: visible;
  margin-bottom: 0.5rem
}


.hover-expand-section:hover .hover-card:hover {
  width: 100%;
}

.hover-expand-section:hover .hover-card:hover .hover-card-content {
  opacity: 1;
    height: auto;

}
/* Base styles (Desktop remain as you have) */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
  .hover-expand-section {
    height: 400px; /* Reduce height */
  }

  .hover-card h3 {
    font-size: 22px;
  }

  .hover-card p {
    font-size: 13px;
  }
}

/* Mobile (Below 768px) */
@media (max-width: 768px) {
  .hover-expand-section {
    flex-direction: column;
    height: auto;
  }

  .hover-card {
    width: 100% !important;
    height: auto;
    margin-bottom: 15px;
  }

  .hover-card img {
    height: 220px;
  }

  .hover-card::after {
    background: linear-gradient(
      to bottom, 
      rgba(0,0,0,0), 
      rgba(0,0,0,0.6), 
      rgba(0,0,0,1)
    );
  }

  .hover-card-content {
    position: relative;
    padding: 15px;
    opacity: 1;
    height: auto;
    background: #000; /* Helps with text readability */
  }

  .hover-card p {
    -webkit-line-clamp: unset;
    overflow: visible;
    margin-bottom: 1rem;
  }

  /* Remove hover width changes on mobile */
  .hover-expand-section:hover .hover-card {
    width: 100%;
  }
  .hover-expand-section:hover .hover-card:hover {
    width: 100%;
  }
}/* End custom CSS */