a{
  text-decoration: none;
}
.row.top-7casestudies{
  padding-top: 2rem; 
  padding-left: 2rem; 
  padding-right: 2rem;
  background: url(https://www.harbingergroup.com/wp-content/webp-express/webp-images/uploads/2023/10/banner-hr.png.webp);
  box-shadow: 0px 5px 8px #00000047;
  background-size: 100% 100%;
  height: fit-content !important;
  background-repeat: no-repeat;
  margin: 0;
}
.slider-container {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 1rem 1rem;
  /* background-color: white; */
  height: 600px;
}
.impact-section-4, .impact-section-6{
  border-radius: 13rem 5rem 0rem 0rem;
}
.left-playlist {
  flex-direction: column;
  gap: 12px;
  overflow-y: hidden; /* Hide overflow for controlled scroll */
  /* max-height: 640px;  */
  width: 40%; /* Fixed width for the playlist area */
  height: 100%;
  scroll-behavior: smooth;
  overflow: auto;
}
.left-playlist .playlist-item {
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
  padding-bottom: 1rem;
}
.left-playlist .playlist-item p{
  margin-bottom: .2rem;
  font-size: 15px;
}
.left-playlist img {
  width: 176px;
  height: auto;
  border-radius: 4px;
}

/* Right main slider styling */
.top-7-main-slider {
  position: relative;
  width: 60%; /* Width of main display */
  text-align: center;
  height: 100%;
}
.top-7-main-silder-content{
  position: absolute;
  bottom: 1rem;
  text-align: left;
  padding: 1rem;
  color: white;
}
.top-7-main-silder-content h3{
  font-size: 1.6rem;
  color: #1D3557;
  font-weight: 600;
  padding: 1rem;
  background: radial-gradient(circle, rgb(255 255 255) 0%, rgb(255 255 255 / 82%) 100%);
  border-radius: 15px;
}
.top-7-main-silder-content p{
  color: #E02939 !important; 
  margin-bottom: .2rem;
}
.top-7-main-slider img {
  object-fit: cover;
  width: 100%;
  border-radius: 8px;
  height: 100%;
}

.top-7-main-slider p {
  margin-top: 10px;
  margin-bottom: .2rem;
  font-size: 16px;
  color: #404F68;
  font-weight: 500;
}
h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #1D3557;
}
.mobile-top-7-casestudies{
  display: none;
}
.case-study-section .row{
  padding: 3rem 4rem;
  padding-bottom: 0;
}
.case-study-section .row .col-lg-6.col-12 img{
  width: 78%;
  margin: auto;
}
.case-study-section .row .col-lg-6.col-12 h3{
  font-size: 1.6rem;
  font-weight: bold;
  color: #1D3557;
  margin-bottom: 3rem;
}
.case-study-section .row .col-lg-6.col-12 h4{
  color: #E63946;
  font-weight: bold;
  font-size: 26px !important;
  padding-top: 0rem;
}
.case-study-section-container{
  position: relative;
  height: 100%;
}
.line {
  position: absolute;
  left: -1px;
  width: 4px;
  height: 58%;
  background-color: #B9C0CB;
  top: 8rem;
}

/* Circle marker for each list item */
.circle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  left: -5px;
  border: 3px solid #B9C0CB;
}
.list-item {
  position: relative;
  padding-left: 22px; /* Space between circle and text */
  margin-bottom: 40px;
}
.case-study-section .row .col-lg-6.col-12.col1{
  padding-left: 0;
}

/* Position each circle vertically with the list items */
.item1 .circle { top: 12px; }
.item2 .circle { top: 12px; }
.item3 .circle { top: 11px; }
.item4 .circle { top: 11px; }
.impact-section{
  background: #E8ECF1;
  margin-top: -6rem;
  padding-top: 7rem;
  border-radius: 2rem 13rem 0rem 0rem;
}
.impact-section-2{
  border-radius: 13rem 2rem 0rem 0rem;
}
.impact-section .row-1{
  padding-left: 2rem;
  padding-right: 2rem;
}
.impact-section .row-1 span{
  font-size: 49px;
  display: inline-block;
  margin-top: -2rem;
  color: #b9c0cb;
}
.impact-section .row{
  padding-bottom: 0rem;
  padding-top: 0rem;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}
.impact-section .row .col-lg-4.col-12{
  display: flex;
  align-items: start;
  padding-bottom: 1.5rem;
  justify-content: center;
}
.impact-section .row .col-lg-4.col-12 p{
  margin-bottom: 0;
  width: 55%;
}
.pink-line-section{
  background: #FF5C68;
  padding: 4px;
}
.product-last-section{
  margin-top: -19rem;
  position: relative;
}
.product-last-section  .talk_to_hrtech-consult{
  position: absolute;
  bottom: 5rem;
}
.product-last-section1{
  background: #1D3557;
  padding: 1.5rem 0rem;
  
}
.product-last-section1 p{
  color: white;
  font-size: 21px;
}
.p-grid-row {
  display: grid;
  justify-content: space-evenly;
  grid-auto-flow: column;
  padding: 2rem 2rem;
  align-items: start;
}
.equal-col-grid {
  width: 200px;
  padding: 0;
}
.col.vertical-line-col {
  content: "";
  width: 1px;
  height: 88%;
  border-left: 1px solid white;
  padding: 0;
}
.mobile-div-grid, .mobile-row-visible {
  display: none !important;
}
.impact-section .col-lg-4.col-12 img{
  width: 87px;
  padding-right: 1rem;
}
.line-7 {
  height: 61%;
}
.talk_to_expt, .talk_to_experts, .talk_to_experts1, .talk_to_experts2, .talk_to_experts3, .talk_to_experts-hr1, .talk_to_experts-hr2, .talk_to_hrtech-hr7, .talk_to_experts-hr4, .talk_to_hrtech-consult{
  background: #EB616B !important;
  color: #fff;
  margin-top: 2rem;
  border: 0;
  padding: 1rem 2rem;
  font-size: 20px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}
a:hover {
  color: #fff;
}
.talk_to_expt{
  z-index: 4;
  position: relative;
  margin-top: 0px;
}
.popup-wrapper1, .popup-wrapper2, .popup-wrapper3, .popup-wrapper4, .popup-wrapper5, .popup-wrapper6, .popup-wrapper7, .popup-wrapper8  {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  align-items: center;
  justify-content: center;
  display: none;
}
.popup-wrapper1 .cutome_popup, .popup-wrapper2 .cutome_popup, .popup-wrapper3 .cutome_popup, .popup-wrapper4 .cutome_popup, .popup-wrapper5 .cutome_popup, .popup-wrapper6 .cutome_popup, .popup-wrapper7 .cutome_popup, .popup-wrapper8 .cutome_popup {
  position: relative;
}
.popup-wrapper1 .close, .popup-wrapper2 .close, .popup-wrapper3 .close, .popup-wrapper4 .close, .popup-wrapper5 .close, .popup-wrapper6 .close, .popup-wrapper7 .close, .popup-wrapper8 .close{
  position: absolute;
  right: -12px;
  background: #000;
  height: 29px;
  width: 30px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
  top: -13px;
  cursor: pointer;
}
.popup-wrapper1 .wpcf7, .popup-wrapper2 .wpcf7, .popup-wrapper3 .wpcf7, .popup-wrapper4 .wpcf7, .popup-wrapper5 .wpcf7, .popup-wrapper6 .wpcf7, .popup-wrapper7 .wpcf7, .popup-wrapper8 .wpcf7 {
  border: 2px solid #ccc;
  margin: 1rem;
  padding: 2rem;
  margin: 0 auto;
  border-radius: 10px;
  background: #fff;
  width: 100%;
}
.popup-wrapper1 .wpcf7 label, .popup-wrapper2 .wpcf7 label, .popup-wrapper3 .wpcf7 label, .popup-wrapper4 .wpcf7 label, .popup-wrapper5 .wpcf7 label, .popup-wrapper6 .wpcf7 label, .popup-wrapper7 .wpcf7 label, .popup-wrapper8 .wpcf7 label{
  display: inline-block;
  color: #303370;
  font-size: 17px;
  font-weight: 600;
}
.popup-wrapper1 .wpcf7 p, .popup-wrapper2 .wpcf7 p, .popup-wrapper3 .wpcf7 p, .popup-wrapper4 .wpcf7 p, .popup-wrapper5 .wpcf7 p, .popup-wrapper6 .wpcf7 p, .popup-wrapper7 .wpcf7 p, .popup-wrapper8 .wpcf7 p{
  font-size: 14px;
}
.popup-wrapper1 .wpcf7 input[type=text], 
.popup-wrapper1 .wpcf7 input[type=email], 
.popup-wrapper1 .wpcf7 input[type=tel], 
.popup-wrapper1 .wpcf7 textarea, 
.popup-wrapper2 .wpcf7 input[type=text], 
.popup-wrapper2 .wpcf7 input[type=email], 
.popup-wrapper2 .wpcf7 input[type=tel], 
.popup-wrapper2 .wpcf7 textarea, 
.popup-wrapper3 .wpcf7 input[type=text], 
.popup-wrapper3 .wpcf7 input[type=email], 
.popup-wrapper3 .wpcf7 input[type=tel], 
.popup-wrapper3 .wpcf7 textarea, 
.popup-wrapper4 .wpcf7 input[type=text], 
.popup-wrapper4 .wpcf7 input[type=email], 
.popup-wrapper4 .wpcf7 input[type=tel], 
.popup-wrapper4 .wpcf7 textarea, 
.popup-wrapper5 .wpcf7 input[type=text], 
.popup-wrapper5 .wpcf7 input[type=email], 
.popup-wrapper5 .wpcf7 input[type=tel], 
.popup-wrapper5 .wpcf7 textarea, 
.popup-wrapper6 .wpcf7 input[type=text], 
.popup-wrapper6 .wpcf7 input[type=email], 
.popup-wrapper6 .wpcf7 input[type=tel], 
.popup-wrapper6 .wpcf7 textarea
.popup-wrapper7 .wpcf7 input[type=text], 
.popup-wrapper7 .wpcf7 input[type=email], 
.popup-wrapper7 .wpcf7 input[type=tel], 
.popup-wrapper7 .wpcf7 textarea
.popup-wrapper8 .wpcf7 input[type=text], 
.popup-wrapper8 .wpcf7 input[type=email],
.popup-wrapper8 .wpcf7 input[type=text], 
.popup-wrapper8 .wpcf7 input[type=tel],
.popup-wrapper8 .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, 
.popup-wrapper8 .wpcf7 textarea,
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
  padding: .6rem;
  margin: 1rem 0 0;
  width: 100%;
}
.popup-wrapper1 .wpcf7 input[type=submit], .popup-wrapper2 .wpcf7 input[type=submit], .popup-wrapper3 .wpcf7 input[type=submit], .popup-wrapper4 .wpcf7 input[type=submit], .popup-wrapper5 .wpcf7 input[type=submit], .popup-wrapper6 .wpcf7 input[type=submit], .popup-wrapper7 .wpcf7 input[type=submit], .popup-wrapper8 .wpcf7 input[type=submit]{
  background: #eb616b;
  color: #fff;
  border: 0;
  padding: .6rem 3rem;
  font-size: 18px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  margin: 2rem 0 0;
}
.talk_to_experts{
  margin-top: 0;
}
.about-us-title{
  font-size: 1.9rem;
  font-weight: 600;
  color: white;
}
.book_a_consultation.spacing .book_a_consultation-col1{
  display: flex;
  justify-content: center;
  gap: 1rem;
  align-items: baseline;
}
@media (max-width: 768px) {
  .book_a_consultation.spacing .book_a_consultation-col1 {
    display: block !important;
  }
  div#n2-ss-22 .n2-ss-item-content.n2-ss-text.n2-ow{
    background: #ffffffd4;
    margin-top: 7.2rem;
    border-radius: 8px;
  }
  .orderval-2{
    order:2;
    text-align: center;
  }
  .case-study-section .row .col-lg-6.col-12.col1{
    order: 2;
  }
  .case-study-section .row .col-lg-6.col-12 img{
    width: 100%;
  }
  .impact-section{
    border-radius: 0 !important;
    margin-top: -7rem;
    padding-top: 5rem;
  }
  .slider-container {
     display: none;
  }
  .equal-col-grid{
    width: 49%;
    float: left;
  }
  .col.vertical-line-col{
    display: none;
  }
  .product-last-section1 p {
    font-size: 14px;
    text-align: center;

  }
  .shrm-section-3.hrtech-web-page-last-section .row {
    padding-top: 1rem !important;
}
  .mobile-top-7-casestudies{
      width:100%; 
      margin:auto; 
      margin-bottom:3rem;
      margin-top:0rem;
      display: block !important;
      padding: 0;
  }
  .row.top-7casestudies .sec-col-12 {
      margin-top: 1rem !important;
  }
  .harbingerhastag{
      padding: 1rem 1rem !important;
      font-size: 23px !important;
  }
  .row.top-7casestudies {
      padding-left: 0rem;
      padding-right: 0rem;
      margin: 0;
      text-align: center;
  }
  .book_a_consultation.spacing, .case-study-section{
text-align: center;
  }
  .top-7casestudies-title, .title2{
      font-size: 30px !important;
  }
  .single_news .book_a_consultation.spacing p{
      font-size: 1.3rem !important;
  }
  .button{
      font-size: 21px !important;
  }
  .case-study-section .row{
      padding: 3rem 1rem;
  }
  .order-btn-top7{
    order: 2;
  }
  .case-study-section .row .col-lg-6.col-12 h3{
      font-size: 1.5rem !important;
      margin-top: 1.5rem;
  }
  .list-item{
    margin-bottom: 24px;
    padding-left: 0;
  }
  .line, .circle {
    display: none;
      height: 60% !important;
      top: 12.5rem !important;
  }
  .line-4, .line-5 {
    height: 58% !important;
    top: 14.5rem !important;
  }
  .impact-section .row .col-lg-4.col-12 p{
    width: 69%;
  }
  .impact-section .col-lg-4.col-12 img {
    width: 73px;
  }
  .impact-section .row .col-lg-4.col-12{
    padding-left: 0;
    padding-right: 0;
  }
  .product-last-section{
    margin-top: 0;
    position: relative;
  }
  .product-last-section .talk_to_hrtech-consult{
    position: relative;
    bottom: 0rem;
  }
  .shrm-section-3.hrtech-web-page-last-section{
    padding: 0rem 0rem !important;
    padding-top: 1rem !important;
  }
  .shrm-section-3.hrtech-web-page-last-section .desktop-div-grid, .desktop-row-visible {
    display: none !important;
}
.shrm-section-3.hrtech-web-page-last-section .row-1{
  padding: 0rem 0rem !important;
}
}
@media (min-width: 320px) and (max-width:335px){
  .last-mg-top{
    margin-top: -4rem;
  }
}
@media (min-width: 1280px) and (max-width:1290px){
  .impact-section-6{
    margin-top: -6.5rem !important;
  }
.slider-container {
  height: 497px !important; 
}
.line{
  height: 59%;
  top:10rem;
}
.line-2{
  height: 61%;
  top:8rem;
}
.line-3{
  top: 10rem;
  height: 58%;
}
.line-4{
  height: 61%;
  top:8rem;
}
.line-7 {
  height: 64%;
  top:8rem;
}
.case-study-section .row .col-lg-6.col-12 img {
  width: 96%;
}
.impact-section .row .col-lg-4.col-12 p{
  width: 66%;
  font-size: 18px;
}
.product-last-section .talk_to_experts {
  bottom: 3rem;
}
.equal-col-grid {
  width: 166px;
}
.p-grid-row{
  padding: 2rem 1rem !important;
}
.col.equal-col-grid span{
  font-size: 22px !important;
}
.product-last-section .talk_to_hrtech-consult {
  bottom: 3rem;
}
}
@media (min-width: 1535px) and (max-width:1536px){
  .line {
    height: 59%;
  }
}
@media (min-width: 1800px) and (max-width:1920px){
  .left-playlist{
      max-height: 786px !important;
  }
  .slider-container{
      height: 778px !important;
  }
  h3 {
    font-size: 1.7rem;
  }
  .left-playlist img {
    width: 203px;
  }
  .top-7-main-silder-content h3{
    font-size: 2.6rem;
  }
  .container{
    max-width: 80% !important;
  }
  .book_a_consultation.spacing .col-12.col-md-8.col-lg-8.align-self-center p{
    font-size: 2.2rem !important;
  }
  .talk_to_experts{
    font-size: 26px !important;
    margin-top: 0rem !important;
  }
  .title2{
    font-size: 45px !important;
  }
  .case-study-section .row .col-lg-6.col-12 h3 {
    font-size: 2.3rem;
    margin-bottom: 4rem;
  }
  .case-study-section .row .col-lg-6.col-12 h4{
    font-size: 33px !important;
  }
  .list-item p{
    font-size: 26px;
   }
   .impact-section .row .col-lg-4.col-12 p{
    font-size: 25px;
   }
   .impact-section .col-lg-4.col-12 img {
    width: 108px;
   }
   .case-study-section .row .col-lg-6.col-12 img {
    width: 77%;
  }
  .impact-section{
    margin-top: -7rem;
  }
  .line{
    top: 11rem;
    height: 56%;
  }
  .talk_to_expt, .talk_to_experts, .talk_to_experts1, .talk_to_experts2, .talk_to_experts3, .talk_to_experts-hr1, .talk_to_experts-hr2, .talk_to_hrtech-hr7, .talk_to_experts-hr4, .talk_to_hrtech-consult{
    font-size: 28px !important;
  }
  .line-2, .line-3, .line-7{
    height: 61%;
  }
  .shrm-section-3.hrtech-product-section p{
    font-size: 39px !important;
  }
  .hrtech-web-page-section p {
    font-size: 28px !important;
 }
 .product-last-section1 p{
  font-size: 31px;
 }
 .product-last-section {
  margin-top: -24rem;
 }
}