:root{
  --brand-blue-dark:#002b69;
  --brand-blue:#004aab;
  --brand-blue-light:#005ecb;
  --brand-orange:#ff7a00;
  --brand-text:#061b4d;
  --brand-light:#f4f9ff;
  
  
}/* HR Index Page */
body {
  font-family: "Poppins", Arial, sans-serif;
  color: #061b4d;
  background: #ffffff;
}

a {
  text-decoration: none;
}

/* HR Header */
.hr-header {
  width: 100%;
  background: #ffffff;
  position: sticky;
  top: 0;
  z-index: 999;
}

/* Main Nav Header */
.hr-main-header {
  background: #ffffff;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}

.hr-nav-wrap {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

.hr-logo img {
  width: 145px;
  height: auto;
  display: block;
  object-fit: contain;
}

@media(max-width:1199px){
  .hr-logo img{
    width:130px;
  }
}

@media(max-width:991px){
  .hr-logo img{
    width:120px;
  }
}

.hr-nav > ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0;
  margin: 0;
}

.hr-nav > ul > li {
  position: relative;
}

.hr-nav > ul > li > a {
  color: #001f5f;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: 0.3s ease;
  white-space: nowrap;
}

.hr-nav > ul > li > a.active,
.hr-nav > ul > li > a:hover {
  color: #ff7a00;
}

.hr-nav i {
  font-size: 11px;
  margin-left: 5px;
}

.hr-apply-btn {
  background: linear-gradient(90deg, #ff8500, #ff6b00);
  color: #ffffff;
  padding: 15px 26px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 10px 25px rgba(255, 122, 0, 0.25);
}

.hr-apply-btn:hover {
  color: #ffffff;
  background: linear-gradient(90deg, #004db8, #002f7e);
}

/* Dropdown */
.hr-dropdown {
  position: relative;
}

.hr-dropdown-menu {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 255px;
  background: #ffffff;
  border-radius: 10px;
  padding: 10px 0;
  margin: 0;
  list-style: none;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: 0.3s ease;
  z-index: 9999;
}

.hr-dropdown:hover .hr-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.hr-dropdown-menu li a {
  display: block;
  padding: 12px 18px;
  color: #001f5f;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}

.hr-dropdown-menu li a:hover {
  background: #fff3e6;
  color: #ff7a00;
}

/* Bottom Info Header - Professional Animation */
.hr-info-header {
  background:linear-gradient(135deg,var(--brand-blue-dark),var(--brand-blue));
  overflow: hidden;
  position: relative;
}

.hr-info-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 80%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.18),
    transparent
  );
  animation: headerShine 5s ease-in-out infinite;
}

.hr-info-track {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 90px;
  position: relative;
  z-index: 2;
}

.hr-info-item {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #ffffff;
  position: relative;
  animation: softFloat 4s ease-in-out infinite;
}

.hr-info-item:nth-child(2) {
  animation-delay: .4s;
}

.hr-info-item:nth-child(3) {
  animation-delay: .8s;
}

.hr-info-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -45px;
  width: 1px;
  height: 34px;
  background: rgba(255,255,255,0.25);
}

.hr-info-item i {
  font-size: 26px;
  color: #ffffff;
}

.hr-info-item span {
  display: block;
  font-size: 13px;
  font-weight: 500;
  opacity: .85;
}

.hr-info-item strong {
  display: block;
  font-size: 15px;
  font-weight: 500;
}

@keyframes softFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-3px);
  }
}

@keyframes headerShine {
  0% {
    left: -120%;
  }

  45%, 100% {
    left: 120%;
  }
}


/* Mobile Button */
.hr-menu-btn {
  display: none;
  border: none;
  background: #ff7a00;
  color: #ffffff;
  width: 43px;
  height: 43px;
  border-radius: 5px;
  font-size: 26px;
}

/* Overlay */
.hr-mobile-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  transition: 0.3s ease;
}

.hr-mobile-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Mobile Menu Left to Right */
.hr-mobile-menu {
  position: fixed;
  top: 0;
  left: -340px;
  width: 320px;
  max-width: 90%;
  height: 100vh;
  background: #ffffff;
  z-index: 1001;
  padding: 22px;
  overflow-y: auto;
  transition: 0.4s ease;
}

.hr-mobile-menu.active {
  left: 0;
}

.hr-mobile-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
}

.hr-mobile-head img {
  width: 145px;
}

.hr-mobile-head button {
  border: none;
  background: #ff7a00;
  color: #ffffff;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

.hr-mobile-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hr-mobile-nav li {
  border-bottom: 1px solid #e8eef7;
}

.hr-mobile-nav a,
.hr-mobile-drop-btn {
  width: 100%;
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #001f5f;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  border: none;
  background: transparent;
}
.hr-mobile-drop-btn i{
    transition:.3s ease;
}

.hr-mobile-drop-btn.active i{
    transform:rotate(180deg);
}

.hr-mobile-nav a:hover,
.hr-mobile-drop-btn.active {
  color: #ff7a00;
}

.hr-mobile-dropdown {
  display: none;
  list-style: none;
  padding: 0 0 12px 16px;
  margin: 0;
}

.hr-mobile-dropdown.show {
  display: block;
}

.hr-mobile-dropdown li {
  border-bottom: none;
}

.hr-mobile-dropdown li a {
  font-size: 14px;
  padding: 9px 0;
  color: #334155;
}

.hr-mobile-apply {
  margin-top: 25px;
  display: block;
  width: 100%;
  text-align: center;
  background: linear-gradient(90deg, #ff8500, #ff6b00);
  color: #ffffff;
  padding: 14px;
  border-radius: 6px;
  font-weight: 500;
  text-decoration: none;
}

.hr-mobile-info {
  margin-top: 24px;
  background: #eef6ff;
  border-radius: 10px;
  padding: 16px;
}

.hr-mobile-info p {
  color: #001f5f;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 12px;
  word-break: break-word;
}

.hr-mobile-info p:last-child {
  margin-bottom: 0;
}

.hr-mobile-info i {
  color: #ff7a00;
  margin-right: 8px;
}

body.menu-open{
    overflow:hidden;
}

/* iPad */
@media (max-width: 1199px) {
  .hr-nav > ul {
    gap: 24px;
  }

  .hr-logo img {
    width: 135px;
  }

  .hr-apply-btn {
    padding: 13px 20px;
  }

  .hr-info-track {
    gap: 55px;
  }

  .hr-info-item:not(:last-child)::after {
    right: -28px;
  }
}

@media (max-width: 991px) {
  .hr-nav,
  .hr-apply-btn {
    display: none;
  }

  .hr-menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hr-nav-wrap {
    min-height: 74px;
  }

  .hr-logo img {
    width: 128px;
  }

  .hr-info-header {
  overflow: hidden;
}

.hr-info-track {
  min-height: 52px;
  justify-content: flex-start;
  gap: 45px;
  width: max-content;
  animation: mobileInfoMarquee 18s linear infinite;
}

.hr-info-header:hover .hr-info-track {
  animation-play-state: paused;
}

.hr-info-item {
  min-width: max-content;
  animation: none;
}

.hr-info-item:not(:last-child)::after {
  display: none;
}

.hr-info-item i {
  font-size: 21px;
}

.hr-info-item span {
  font-size: 11px;
}

.hr-info-item strong {
  font-size: 13px;
}
}

/* Mobile */
@media (max-width: 575px) {
  .hr-nav-wrap {
    min-height: 68px;
  }

  .hr-logo img {
    width: 118px;
  }

  .hr-info-track {
    min-height: 52px;
    gap: 35px;
    animation: infoScroll 14s linear infinite;
  }

  .hr-info-header:hover .hr-info-track {
    animation-play-state: paused;
  }

  .hr-info-item i {
    font-size: 22px;
  }

  .hr-info-item span {
    font-size: 11px;
  }

  .hr-info-item strong {
    font-size: 13px;
  }

  .hr-mobile-menu {
    width: 295px;
  }
}

@keyframes mobileInfoMarquee {
  0% {
    transform: translateX(100vw);
  }

  100% {
    transform: translateX(-100%);
  }
}
/* HR Footer CTA */
.hr-footer-cta {
  background: #ffffff;
  padding: 35px 0 10px;
}

.hr-cta-box {
  background:linear-gradient(135deg,var(--brand-blue-dark),var(--brand-blue));
  border-radius:12px;
  padding:28px 55px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  box-shadow:0 15px 35px rgba(0,43,105,.18);

  position:relative;
  overflow:hidden;
}
.hr-cta-box::before{
    content:"";
    position:absolute;
    top:-50%;
    left:-80%;
    width:45%;
    height:200%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.18),
        transparent
    );

    transform:rotate(20deg);

    animation:ctaShine 6s ease-in-out infinite;
}
.hr-cta-left {
  display: flex;
  align-items: center;
  gap: 28px;
}

.hr-cta-icon {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: rgba(255,255,255,0.12);
  border: 8px solid rgba(255,255,255,0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  animation:headsetPulse 2.8s ease-in-out infinite;
}

.hr-cta-icon i {
  font-size: 42px;
  color: #ffffff;
}

.hr-cta-left h2 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 8px;
}

.hr-cta-left h2 span {
  color: #ff8500;
}

.hr-cta-left p {
  margin: 0;
  font-size: 18px;
  color: #ffffff;
}

.hr-cta-right {
  display: flex;
  align-items: center;
  gap: 28px;
}

.hr-cta-detail {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hr-cta-detail small {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
}

.hr-call-btn,
.hr-whatsapp-btn {
  min-width: 220px;
  height: 54px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-decoration: none;
  font-size: 17px;
  font-weight: 500;
  transition:.3s ease;
}

.hr-call-btn {
  background: #ffffff;
  color: #002b69;
}

.hr-call-btn i {
  color: #005ecb;
}

.hr-whatsapp-btn {
  background: #18b557;
  color: #ffffff;
}

.hr-whatsapp-btn:hover,
.hr-call-btn:hover {
  transform:translateY(-4px);
    box-shadow:0 12px 25px rgba(0,0,0,.18);
}
@keyframes ctaShine{

  0%{
    left:-80%;
  }

  45%,100%{
    left:130%;
  }

}

@keyframes headsetPulse{

  0%,100%{
    transform:scale(1);
    box-shadow:0 0 0 rgba(255,255,255,0);
  }

  50%{
    transform:scale(1.06);
    box-shadow:0 0 0 12px rgba(255,255,255,.08);
  }

}
/* HR Footer */
.hr-footer {
  background:linear-gradient(135deg,var(--brand-blue-dark),var(--brand-blue));
  color: #ffffff;
  padding: 42px 0 18px;
}

.hr-footer-brand img {
  width: 145px;
  margin-bottom: 16px;
}

.hr-footer-brand p {
  max-width: 330px;
  font-size: 14px;
  line-height: 1.7;
  color: #d8e7ff;
  margin-bottom: 18px;
}

.hr-social {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hr-social a {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255,255,255,0.12);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s ease;
}

.hr-social a:hover {
  background: #ff8500;
  color: #ffffff;
  transform: translateY(-3px);
}

.hr-footer-links h4,
.hr-footer-contact h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 18px;
  color: #ffffff;
}

.hr-footer-links ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.hr-footer-links ul li {
  margin-bottom: 8px;
}

.hr-footer-links ul li a {
  color: #d8e7ff;
  font-size: 14px;
  text-decoration: none;
  transition: 0.3s ease;
}

.hr-footer-links ul li a:hover {
  color: #ff8500;
  padding-left: 5px;
}

.hr-footer-contact p {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 14px;
  color: #d8e7ff;
  font-size: 14px;
  line-height: 1.6;
}

.hr-footer-contact i {
  color: #ffffff;
  font-size: 18px;
  margin-top: 3px;
}

.hr-footer-contact a {
  color: #d8e7ff;
  text-decoration: none;
}

.hr-footer-contact a:hover {
  color: #ff8500;
}

.hr-footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.15);
  margin-top: 34px;
  padding-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.hr-footer-bottom p {
  margin: 0;
  color: #d8e7ff;
  font-size: 14px;
}

.hr-footer-bottom p a{
  color: #002b69;
  font-weight: 500;
}
.hr-footer-bottom p a:hover{
  color: #ff8500;
}
/* iPad */
@media (max-width: 991px) {
  .hr-cta-box {
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
  }

  .hr-cta-right {
    width: 100%;
    justify-content: space-between;
  }

  .hr-footer {
    padding-top: 45px;
  }

  .hr-footer-brand p {
    max-width: 100%;
  }

  .hr-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .hr-footer-cta {
    padding: 25px 0 10px;
  }

  .hr-cta-box {
    padding: 26px 20px;
    gap: 25px;
  }

  .hr-cta-left {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }

  .hr-cta-icon {
    width: 72px;
    height: 72px;
    border-width: 6px;
  }

  .hr-cta-icon i {
    font-size: 34px;
  }

  .hr-cta-left h2 {
    font-size: 25px;
  }

  .hr-cta-left p {
    font-size: 16px;
  }

  .hr-cta-right {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .hr-call-btn,
  .hr-whatsapp-btn {
    width: 100%;
    min-width: auto;
    height: 50px;
    font-size: 15px;
  }

  .hr-footer {
    padding: 38px 0 16px;
  }

  .hr-footer-brand img {
    width: 130px;
  }

  .hr-footer-links h4,
  .hr-footer-contact h4 {
    margin-top: 10px;
  }

  .hr-footer-bottom p {
    font-size: 13px;
  }
}
.hr-hero {
  position: relative;
    background:linear-gradient(135deg,var(--brand-blue-dark),var(--brand-blue)),
    url("../image/hr-hero-bg.jpg");
  background-size: cover;
  background-position: center;
  color: #ffffff;
  padding: 80px 0 95px;
  overflow: hidden;
}

.hr-hero::after {
  content: "";
  position: absolute;
  left: -5%;
  right: -5%;
  bottom: -45px;
  height: 95px;
  background: #ffffff;
  border-radius: 50% 50% 0 0;
}

.hero-small {
  font-size: 16px;
  margin-bottom: 22px;
}

.hr-hero h1 {
  font-size: 62px;
  line-height: 1.08;
  font-weight: 500;
  margin-bottom: 25px;
}

.hr-hero h1 span {
  color: #ff7a00;
}

.hero-text {
  max-width: 610px;
  font-size: 17px;
  line-height: 1.8;
  color: #ffffff;
}

.hero-features {
  display: flex;
  gap: 38px;
  margin-top: 32px;
}

.hero-features div {
  display: flex;
  align-items: center;
  gap: 14px;
}

.hero-features i {
  width: 58px;
  height: 58px;
  background: #ffffff;
  color: #002b69;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.hero-features h5 {
  font-size: 15px;
  line-height: 1.35;
  margin: 0;
  font-weight: 500;
}

.apply-form-box {
  background: linear-gradient(135deg, #ffffff, #eef6ff);
  border-radius: 14px;
  padding:28px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
  position: relative;
  z-index: 2;
}

.apply-form-box h2 {
  color: #061b4d;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 28px;
  position: relative;
}

.apply-form-box h2::after {
  content: "";
  width: 35px;
  height: 3px;
  background: #ff7a00;
  position: absolute;
  left: 0;
  bottom: -9px;
}

.apply-form-box label {
  color: #061b4d;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
}

.apply-form-box label span {
  color: #ff0000;
}

.apply-form-box input,
.apply-form-box select,
.apply-form-box textarea {
  width: 100%;
  height: 45px;
  border: 1px solid #cbd8ea;
  border-radius: 5px;
  padding: 9px 14px;
  outline: none;
  font-size: 13px;
  color: #061b4d;
  background: #ffffff;
}

.apply-form-box textarea {
  height: 72px;
  padding-top: 13px;
  resize: none;
}

.apply-form-box button {
  width: 100%;
  height: 50px;
  background: linear-gradient(90deg, #ff8500, #ff6b00);
  color: #ffffff;
  border: none;
  border-radius: 5px;
  font-weight: 500;
  margin-top: 8px;
}

/* Overview */
.hr-overview {
  padding: 40px 0 70px;
  position: relative;
  z-index: 2;
}

.section-label {
  display: inline-block;
  background: #eaf3ff;
  color: #005ecb;
  font-size: 12px;
  font-weight: 500;
  border-radius: 20px;
  padding: 5px 13px;
  margin-bottom: 14px;
}

.hr-overview h2,
.hr-services h2,
.hr-industries h2 {
  font-size: 34px;
  line-height: 1.18;
  font-weight: 500;
  color: #061b4d;
  margin-bottom: 18px;
}

.hr-overview h2 span,
.hr-services h2 span,
.hr-industries h2 span {
  color: #ff7a00;
}

.hr-overview p {
  font-size: 14px;
  line-height: 1.8;
  color: #061b4d;
  max-width: 660px;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.stat-card {
  min-height: 175px;
  border: 1px solid #dbe5f3;
  border-radius: 10px;
  text-align: center;
  padding: 26px 14px;
  background: #ffffff;
}

.stat-card i {
  width: 58px;
  height: 58px;
  color: #ffffff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin-bottom: 18px;
}

.stat-card h3 {
  font-size: 34px;
  color: #061b4d;
  font-weight: 500;
  margin: 0 0 8px;
}

.stat-card p {
  margin: 0;
  font-size: 15px;
}

.stat-card.blue i { background: #005ecb; }
.stat-card.purple i { background: #7434b8; }
.stat-card.green i { background: #05a660; }
.stat-card.orange i { background: #ff7a00; }

/* Services */
.hr-services {
  padding: 55px 0 55px;
  background: #fbfdff;
}

.service-card {
  min-height: 175px;
  display: flex;
  gap: 24px;
  background: #ffffff;
  padding: 28px;
  border-radius: 10px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.07);
  transition: 0.3s ease;
}

.service-card:hover {
  transform: translateY(-6px);
}

.service-card > i {
  min-width: 62px;
  width: 62px;
  height: 62px;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 27px;
}

.service-card h4 {
  font-size: 18px;
  font-weight: 500;
  color: #061b4d;
  margin-bottom: 10px;
}

.service-card p {
  color: #061b4d;
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 14px;
}

.service-card a {
  color: #005ecb;
  font-size: 13px;
  font-weight: 500;
}

.service-card.blue > i { background: #005ecb; }
.service-card.purple > i { background: #7434b8; }
.service-card.green > i { background: #05a660; }
.service-card.orange > i { background: #ff7a00; }
.service-card.pink > i { background: #ef3b72; }
.service-card.violet > i { background: #7360b8; }

/* Industries */
.hr-industries {
  padding: 30px 0 45px;
}

.industry-sub {
  max-width: 760px;
  margin: 0 auto;
  color: #061b4d;
  font-size: 14px;
  line-height: 1.6;
}

.industry-card {
  position: relative;
  background: #ffffff;
  border-radius: 9px;
  overflow: hidden;
  text-align: left;
  box-shadow: 0 10px 35px rgba(0,0,0,0.08);
  padding-bottom: 20px;
  transition: 0.35s ease;
}

.industry-card:hover {
  transform: translateY(-4px);
}

.industry-card img {
  width: 100%;
  height: 125px;
  object-fit: cover;
}

.industry-icon {
  width: 58px;
  height: 58px;
  color: #ffffff;
  border-radius: 50%;
  margin: -28px 0 14px 20px;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
}

.industry-card h4 {
  color: #061b4d;
  font-size: 18px;
  font-weight: 500;
  padding: 0 20px;
  margin-bottom: 10px;
}

.industry-card p {
  color: #061b4d;
  font-size: 14px;
  line-height: 1.55;
  padding: 0 20px;
  margin-bottom: 12px;
}

.industry-card a {
  color: #005ecb;
  font-size: 14px;
  font-weight: 500;
  padding: 0 20px;
}

.industry-icon.blue { background: #005ecb; }
.industry-icon.purple { background: #7434b8; }
.industry-icon.green { background: #05a660; }
.industry-icon.orange { background: #ff7a00; }

/* Industries Animation */
.animate-industry {
  animation: industryFloat 4s ease-in-out infinite;
}

.delay-1 {
  animation-delay: 0.3s;
}

.delay-2 {
  animation-delay: 0.6s;
}

.delay-3 {
  animation-delay: 0.9s;
}

@keyframes industryFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

/* iPad */
@media (max-width: 991px) {
  .hr-hero {
    text-align: center;
    padding: 70px 0 90px;
  }

  .hr-hero h1 {
    font-size: 48px;
  }

  .hero-text {
    margin: auto;
  }

  .hero-features {
    justify-content: center;
    flex-wrap: wrap;
  }

  .apply-form-box {
    margin-top: 25px;
    text-align: left;
  }

  .hr-overview {
    text-align: center;
  }

  .hr-overview p {
    margin-left: auto;
    margin-right: auto;
  }

  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .hr-services {
    text-align: center;
  }

  .service-card {
    text-align: left;
  }

  .hr-industries {
    text-align: center;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .hr-hero {
    padding: 55px 0 80px;
  }

  .hr-hero h1 {
    font-size: 38px;
  }

  .hero-small {
    font-size: 14px;
  }

  .hero-text {
    font-size: 15px;
  }

  .hero-features {
    flex-direction: column;
    align-items: center;
    gap: 18px;
  }

  .hero-features div {
    width: 230px;
    justify-content: flex-start;
  }

  .apply-form-box {
    padding: 24px 18px;
  }

  .apply-form-box h2 {
    font-size: 25px;
  }

  .hr-overview h2,
  .hr-services h2,
  .hr-industries h2 {
    font-size: 27px;
  }

  .stats-grid {
    grid-template-columns: 1fr;
  }

  .service-card {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .industry-card {
    max-width: 340px;
    margin: auto;
  }

  .animate-industry {
    animation: none;
  }
}
/* HR About Page */
.hr-about-hero {
  background: linear-gradient(135deg, var(--brand-blue-dark), var(--brand-blue)), url(../image/hr-hero-bg.jpg);
  padding: 70px 0 0;
  overflow: hidden;
}

.hr-breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #bdc8e4;
  font-size: 15px;
  margin-bottom: 25px;
}

.hr-breadcrumb a {
  color: #ffffff;
  text-decoration: none;
}

.hr-about-hero h1 {
  color: #ffffff;
  font-size: 48px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 18px;
}

.hr-about-hero h1 span {
  color: #ff7a00;
}

.hr-orange-line {
  width: 42px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 22px;
}

.hr-about-hero p {
  color: #ffffff;
  font-size: 19px;
  line-height: 1.7;
  margin: 0;
}

.hr-about-hero-img {
  text-align: right;
}

.hr-about-hero-img img {
  width: 100%;
  max-width: 620px;
  display: inline-block;
}

/* Who We Are */
.hr-who-section {
  padding: 55px 0 45px;
}

.hr-section-label {
  display: inline-block;
  background: #003f91;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 20px;
  padding: 6px 15px;
  margin-bottom: 16px;
}

.hr-who-section h2 {
  color: #061b4d;
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 20px;
}

.hr-who-section p {
  color: #061b4d;
  font-size: 15px;
  line-height: 1.85;
  margin-bottom: 18px;
}

.hr-who-img img {
  width: 100%;
  height: 355px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 14px 38px rgba(0, 43, 105, 0.12);
}

/* Why Section */
.hr-why-section {
  padding: 35px 0 45px;
}

.hr-why-section h2,
.hr-approach-section h2 {
  color: #061b4d;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
  max-width: 900px;
  margin: 0 auto;
}

.hr-why-section h2 span,
.hr-approach-section h2 span {
  color: #ff7a00;
}

.why-card {
  height: 100%;
  min-height: 260px;
  background: #ffffff;
  border: 1px solid #e1e8f2;
  border-radius: 10px;
  padding: 28px 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  transition: 0.3s ease;
}

.why-card:hover {
  transform: translateY(-6px);
}

.why-card i {
  width: 74px;
  height: 74px;
  color: #ffffff;
  border-radius: 50%;
  font-size: 33px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}

.why-card h4 {
  color: #061b4d;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 500;
  margin-bottom: 15px;
}

.why-card p {
  color: #061b4d;
  font-size: 14px;
  line-height: 1.65;
  margin: 0;
}

.why-card.blue i { background: #005ecb; }
.why-card.purple i { background: #7434b8; }
.why-card.green i { background: #05a660; }
.why-card.orange i { background: #ff7a00; }
.why-card.pink i { background: #ef3b72; }
.why-card.violet i { background: #7360b8; }

/* Approach */
.hr-approach-section {
  padding: 35px 0 60px;
}

.hr-approach-section > .container > p {
  color: #061b4d;
  font-size: 14px;
  line-height: 1.7;
  max-width: 720px;
  margin: 8px auto 35px;
}

.approach-flow {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 14px;
}

.approach-card {
  position: relative;
  width: 19%;
  min-height: 245px;
  background: #ffffff;
  border: 1px solid #e1e8f2;
  border-radius: 10px;
  padding: 36px 18px 22px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.approach-card span {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 30px;
  height: 30px;
  background: #005ecb;
  color: #ffffff;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.approach-card:nth-of-type(3) span {
  background: #7434b8;
}

.approach-card:nth-of-type(5) span {
  background: #05a660;
}

.approach-card:nth-of-type(7) span {
  background: #ff7a00;
}

.approach-card:nth-of-type(9) span {
  background: #ef3b72;
}

.approach-card > i {
  color: #061b4d;
  font-size: 48px;
  margin-bottom: 18px;
  display: inline-block;
}

.approach-card h4 {
  color: #061b4d;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 500;
  margin-bottom: 14px;
}

.approach-card p {
  color: #061b4d;
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

.flow-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #89aef1;
  font-size: 34px;
}

/* iPad */
@media (max-width: 991px) {
  .hr-about-hero {
    padding: 55px 0 20px;
    text-align: center;
  }

  .hr-breadcrumb {
    justify-content: center;
  }

  .hr-orange-line {
    margin-left: auto;
    margin-right: auto;
  }

  .hr-about-hero h1 {
    font-size: 42px;
  }

  .hr-about-hero-img {
    text-align: center;
    margin-top: 25px;
  }

  .hr-about-hero-img img {
    max-width: 520px;
  }

  .hr-who-section {
    text-align: center;
  }

  .hr-who-section p {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

  .hr-who-img img {
    height: 320px;
  }

  .approach-flow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .approach-card {
    width: 100%;
  }

  .flow-arrow {
    display: none;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .hr-about-hero {
    padding: 42px 0 10px;
  }

  .hr-about-hero h1 {
    font-size: 34px;
  }

  .hr-about-hero p {
    font-size: 16px;
  }

  .hr-who-section {
    padding: 40px 0 30px;
  }

  .hr-who-section h2 {
    font-size: 28px;
  }

  .hr-who-img img {
    height: 240px;
  }

  .hr-why-section h2,
  .hr-approach-section h2 {
    font-size: 20px;
  }

  .why-card {
    min-height: 235px;
    padding: 24px 14px;
  }

  .why-card i {
    width: 64px;
    height: 64px;
    font-size: 28px;
  }

  .approach-flow {
    grid-template-columns: 1fr;
  }

  .approach-card {
    min-height: auto;
  }
}
/* Career Page */
.hr-career-hero {
  background: linear-gradient(135deg, var(--brand-blue-dark), var(--brand-blue)), url(../image/hr-hero-bg.jpg);background: linear-gradient(135deg, var(--brand-blue-dark), var(--brand-blue));
  padding: 35px 0 40px;
  overflow: hidden;
}

.hr-career-hero h1 {
  color: #ffffff;
  font-size: 54px;
  line-height: 1.12;
  font-weight: 500;
  margin-bottom: 20px;
}

.hr-career-hero h1 span {
  color: #ff7a00;
}

.career-line {
  width: 48px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 28px;
}

.hr-career-hero p {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.85;
  margin-bottom: 20px;
}

.career-hero-img {
  text-align: right;
}

.career-hero-img img {
  width: 100%;
  max-width: 660px;
  display: inline-block;
}

/* Career Apply Section */
.career-apply-section {
  padding: 40px 0 70px;
}

.career-label {
  display: inline-block;
  background: #eaf3ff;
  color: #005ecb;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 16px;
  border-radius: 25px;
  margin-bottom: 22px;
}

.career-benefit-list {
  display: grid;
  gap: 22px;
}

.career-benefit-card {
  background: #ffffff;
  border: 1px solid #e0e8f3;
  border-radius: 12px;
  padding: 27px 28px;
  display: flex;
  align-items: center;
  gap: 25px;
  box-shadow: 0 10px 32px rgba(0,0,0,0.06);
  transition: 0.3s ease;
}

.career-benefit-card:hover {
  transform: translateY(-5px);
}

.career-benefit-card i {
  min-width: 72px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.career-benefit-card h4 {
  color: #061b4d;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

.career-benefit-card p {
  color: #061b4d;
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}

.career-benefit-card.blue i {
  background: #005ecb;
}

.career-benefit-card.purple i {
  background: #7434b8;
}

.career-benefit-card.green i {
  background: #05a660;
}

.career-benefit-card.orange i {
  background: #ff7a00;
}

.career-benefit-card.pink i {
  background: #ef3b72;
}

/* Form */
.career-form-box {
  background: linear-gradient(135deg, #ffffff, #f1f7ff);
  border: 1px solid #cbdcf3;
  border-radius: 12px;
  padding: 38px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.07);
}

.career-form-box h2 {
  color: #061b4d;
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 8px;
}

.career-form-line {
  width: 40px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 22px;
}

.career-form-box > p {
  color: #061b4d;
  font-size: 15px;
  font-weight:500;
  margin-bottom: 28px;
}

.form-group {
  margin-bottom: 16px;
}

.form-group label {
  color: #061b4d;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}

.form-group label span {
  color: #ff0000;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  height: 44px;
  border: 1px solid #c9d8ea;
  border-radius: 5px;
  background: #ffffff;
  padding: 0 15px;
  font-size: 14px;
  color: #061b4d;
  outline: none;
}

.form-group textarea {
  height: 100px;
  padding-top: 13px;
  resize: none;
}

.career-form-box button {
  width: 100%;
  height: 50px;
  border: none;
  border-radius: 5px;
  background: linear-gradient(90deg, #005ecb, #003d96);
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  margin-top: 6px;
}

.career-form-box button i {
  margin-left: 8px;
}

/* iPad */
@media (max-width: 991px) {
  .hr-career-hero {
    text-align: center;
    padding: 55px 0 30px;
  }

  .hr-career-hero h1 {
    font-size: 44px;
  }

  .career-line {
    margin-left: auto;
    margin-right: auto;
  }

  .career-hero-img {
    text-align: center;
    margin-top: 25px;
  }

  .career-hero-img img {
    max-width: 560px;
  }

  .career-apply-section {
    padding-top: 35px;
  }

  .career-label {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .hr-career-hero {
    padding: 42px 0 25px;
  }

  .hr-career-hero h1 {
    font-size: 36px;
  }

  .hr-career-hero p {
    font-size: 15px;
  }

  .career-benefit-card {
    flex-direction: column;
    text-align: center;
    padding: 25px 20px;
  }

  .career-benefit-card i {
    width: 64px;
    height: 64px;
    min-width: 64px;
    font-size: 28px;
  }

  .career-form-box {
    padding: 26px 18px;
  }

  .career-form-box h2 {
    font-size: 28px;
  }
}
/* HR Contact Page */
.hr-contact-hero {
  background: linear-gradient(135deg, var(--brand-blue-dark), var(--brand-blue));
  padding: 78px 0 45px;
  overflow: hidden;
}

.contact-small {
  display: block;
  color: #061b4d;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 12px;
}

.contact-orange-line {
  width: 44px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 18px;
}

.hr-contact-hero h1 {
  color: #ffffff;
  font-size: 58px;
  line-height: 1.15;
  font-weight:500;
  margin-bottom: 24px;
}

.hr-contact-hero h1 span {
  color: #ff7a00;
}

.hr-contact-hero p {
  color: #ffffff;
  font-size: 17px;
  line-height: 1.8;
  margin: 0;
}

.contact-hero-img {
  text-align: right;
}

.contact-hero-img img {
  width: 100%;
  max-width: 650px;
}

/* Contact Cards */
.hr-contact-cards-section {
  padding: 48px 0 45px;
}

.hr-contact-card {
  min-height: 150px;
  background: #ffffff;
  border: 1px solid #e3eaf5;
  border-radius: 10px;
  padding: 20px 36px;
  display: flex;
  align-items: center;
  gap: 26px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.hr-contact-card i {
  min-width: 72px;
  width: 72px;
  height: 72px;
  background: linear-gradient(135deg, #005ecb, #003e9b);
  border-radius: 50%;
  color: #ffffff;
  font-size: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hr-contact-card h4 {
  color: #061b4d;
  font-size: 20px;
  font-weight:500;
  margin-bottom: 8px;
}

.hr-contact-card p {
  color: #061b4d;
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

/* Map */
.hr-contact-map-section {
  padding: 0 0 34px;
}

.hr-map-box {
  position: relative;
  height: 560px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #d8e4f4;
}

.hr-map-box iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* .hr-map-info {
  position: absolute;
  left: 50%;
  top: 38%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border: 1px solid #d8e4f4;
  border-radius: 8px;
  padding: 20px 24px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.14);
} */

.hr-map-info i {
  color: #e6322c;
  font-size: 42px;
}

.hr-map-info h4 {
  color: #061b4d;
  font-size: 17px;
  font-weight:500;
  margin-bottom: 8px;
}

.hr-map-info p {
  color: #061b4d;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  white-space: nowrap;
}

/* Assistance */
.hr-contact-assist-section {
  padding: 0 0 45px;
}

.hr-contact-assist {
  background: linear-gradient(135deg, #f1f7ff, #ffffff);
  border-radius: 10px;
  padding: 38px 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.assist-content {
  display: flex;
  align-items: center;
  gap: 28px;
}

.assist-content > i {
  min-width: 78px;
  width: 78px;
  height: 78px;
  background: linear-gradient(135deg, #005ecb, #003e9b);
  color: #ffffff;
  border-radius: 50%;
  font-size: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.assist-content h3 {
  color: #061b4d;
  font-size: 26px;
  font-weight:500;
  margin-bottom: 8px;
}

.assist-content p {
  color: #061b4d;
  font-size: 17px;
  margin: 0;
}

.hr-contact-assist a {
  min-width: 180px;
  height: 58px;
  background: linear-gradient(90deg, #005ecb, #003e9b);
  color: #ffffff;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  font-size: 18px;
  font-weight:500;
  text-decoration: none;
}

/* iPad */
@media (max-width: 991px) {
  .hr-contact-hero {
    text-align: center;
    padding: 60px 0 35px;
  }

  .contact-orange-line {
    margin-left: auto;
    margin-right: auto;
  }

  .hr-contact-hero h1 {
    font-size: 48px;
  }

  .contact-hero-img {
    text-align: center;
    margin-top: 25px;
  }

  .contact-hero-img img {
    max-width: 560px;
  }

  .hr-contact-card {
    min-height: 145px;
  }

  .hr-map-box {
    height: 430px;
  }

  .hr-contact-assist {
    flex-direction: column;
    text-align: center;
    gap: 26px;
  }

  .assist-content {
    flex-direction: column;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .hr-contact-hero {
    padding: 45px 0 30px;
  }

  .hr-contact-hero h1 {
    font-size: 38px;
  }

  .hr-contact-hero p {
    font-size: 15px;
  }

  .hr-contact-cards-section {
    padding: 38px 0 35px;
  }

  .hr-contact-card {
    flex-direction: column;
    text-align: center;
    padding: 30px 20px;
  }

  .hr-contact-card i {
    min-width: 64px;
    width: 64px;
    height: 64px;
    font-size: 29px;
  }

  .hr-map-box {
    height: 360px;
  }

  .hr-map-info {
    width: 88%;
    top: 50%;
    padding: 18px;
  }

  .hr-map-info p {
    white-space: normal;
  }

  .hr-contact-assist {
    padding: 32px 22px;
  }

  .assist-content > i {
    min-width: 68px;
    width: 68px;
    height: 68px;
    font-size: 32px;
  }

  .assist-content h3 {
    font-size: 23px;
  }

  .hr-contact-assist a {
    width: 100%;
  }
}
/* Recruitment & Staffing Page */
.rs-hero {
  background:
    linear-gradient(90deg, rgba(0, 43, 105, 0.98) 0%, rgba(0, 63, 145, 0.92) 47%, rgba(0, 43, 105, 0.15) 100%),
    url("../image/recruitment-hero.jpg");
  background-size: cover;
  background-position: center right;
  color: #ffffff;
  padding: 78px 0;
}

.rs-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 15px;
  margin-bottom: 25px;
}

.rs-breadcrumb a,
.rs-breadcrumb span {
  color: #ffffff;
  text-decoration: none;
}

.rs-hero h1 {
  font-size: 54px;
  line-height: 1.15;
  font-weight:500;
  margin-bottom: 18px;
}

.rs-hero h1 span {
  color: #ff7a00;
}

.rs-line {
  width: 46px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 22px;
}

.rs-hero p {
  font-size: 19px;
  line-height: 1.7;
  margin: 0;
}

.rs-hero-img {
  display: none;
}

/* About */
.rs-about {
  padding: 70px 0 55px;
}

.rs-small-line {
  width: 48px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 22px;
}

.rs-small-line.center {
  margin-left: auto;
  margin-right: auto;
}

.rs-about h2,
.rs-process h2 {
  color: #061b4d;
  font-size: 34px;
  line-height: 1.25;
  font-weight:500;
  margin-bottom: 28px;
}

.rs-about h2 span,
.rs-process h2 span {
  color: #ff7a00;
}

.rs-about p {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 26px;
}

.rs-about-img img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 12px;
}

/* Process */
.rs-process {
  padding: 35px 0 75px;
}

.rs-process-flow {
  margin-top: 45px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 14px;
}

.rs-process-card {
  width: 18%;
  text-align: center;
}

.process-icon {
  width: 118px;
  height: 118px;
  border: 1px solid currentColor;
  border-radius: 50%;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.process-icon::before {
  content: "";
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: currentColor;
  position: absolute;
}

.process-icon i {
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-size: 42px;
}

.rs-process-card span {
  width: 44px;
  height: 26px;
  background: currentColor;
  color: #ffffff;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight:500;
  margin-bottom: 22px;
}

.rs-process-card h4 {
  color: #061b4d;
  font-size: 18px;
  line-height: 1.4;
  font-weight:500;
  margin-bottom: 16px;
}

.rs-process-card p {
  color: #061b4d;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

.process-arrow {
  color: #a9b8d1;
  font-size: 34px;
  padding-top: 45px;
}

.rs-process-card.blue { color: #005ecb; }
.rs-process-card.purple { color: #7434b8; }
.rs-process-card.green { color: #05a660; }
.rs-process-card.orange { color: #ff7a00; }
.rs-process-card.pink { color: #ef3b72; }

/* iPad */
@media (max-width: 991px) {
  .rs-hero {
    text-align: center;
    padding: 60px 0;
    background:
      linear-gradient(rgba(0, 43, 105, 0.9), rgba(0, 43, 105, 0.9)),
      url("../image/recruitment-hero.jpg");
    background-size: cover;
    background-position: center;
  }

  .rs-breadcrumb {
    justify-content: center;
  }

  .rs-line {
    margin-left: auto;
    margin-right: auto;
  }

  .rs-hero h1 {
    font-size: 44px;
  }

  .rs-about {
    text-align: center;
  }

  .rs-small-line {
    margin-left: auto;
    margin-right: auto;
  }

  .rs-about-img img {
    height: 360px;
  }

  .rs-process-flow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
  }

  .rs-process-card {
    width: 100%;
  }

  .process-arrow {
    display: none;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .rs-hero {
    padding: 45px 0;
  }

  .rs-hero h1 {
    font-size: 35px;
  }

  .rs-hero p {
    font-size: 16px;
  }

  .rs-about {
    padding: 50px 0 40px;
  }

  .rs-about h2,
  .rs-process h2 {
    font-size: 28px;
  }

  .rs-about p {
    font-size: 15px;
  }

  .rs-about-img img {
    height: 260px;
  }

  .rs-process-flow {
    grid-template-columns: 1fr;
  }

  .process-icon {
    width: 105px;
    height: 105px;
  }

  .process-icon::before {
    width: 76px;
    height: 76px;
  }

  .process-icon i {
    font-size: 35px;
  }
}
/* Executive Search Page */
.es-hero {
  background:
    linear-gradient(90deg, rgba(0, 43, 105, 0.98) 0%, rgba(0, 63, 145, 0.88) 45%, rgba(0, 43, 105, 0.15) 100%),
    url("../image/executive-hero.jpg");
  background-size: cover;
  background-position: center right;
  color: #ffffff;
  padding: 78px 0;
}

.es-hero-content {
  max-width: 520px;
}

.es-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 15px;
}

.es-breadcrumb a,
.es-breadcrumb span {
  color: #ffffff;
  text-decoration: none;
}

.es-hero h1 {
  font-size: 58px;
  line-height: 1.12;
  font-weight:500;
  margin-bottom: 18px;
}

.es-hero h1 span {
  color: #ff7a00;
}

.es-line,
.es-small-line {
  width: 46px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 24px;
}

.es-hero p {
  font-size: 20px;
  margin: 0;
}

/* About */
.es-about {
  padding: 70px 0 55px;
}

.es-about h2,
.es-process h2 {
  color: #061b4d;
  font-size: 34px;
  font-weight:500;
  margin-bottom: 28px;
}

.es-about h2 span,
.es-process h2 span {
  color: #ff7a00;
}

.es-about p {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 26px;
}

.es-about-img img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 12px;
}

/* Process */
.es-process {
  padding: 35px 0 45px;
}

.es-small-line.center {
  margin-left: auto;
  margin-right: auto;
}

.es-process-flow {
  margin-top: 42px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}

.es-process-card {
  width: 15.5%;
  color: #005ecb;
}

.process-icon {
  width: 102px;
  height: 102px;
  border: 1px solid currentColor;
  border-radius: 50%;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.process-icon::before {
  content: "";
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: currentColor;
  position: absolute;
}

.process-icon i {
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-size: 34px;
}

.es-process-card span {
  width: 42px;
  height: 24px;
  background: currentColor;
  color: #ffffff;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight:500;
  margin-bottom: 18px;
}

.es-process-card h4 {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.35;
  font-weight:500;
  margin-bottom: 14px;
}

.es-process-card p {
  color: #061b4d;
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

.process-arrow {
  color: #a9b8d1;
  font-size: 30px;
  padding-top: 38px;
}

.es-process-card.blue { color: #005ecb; }
.es-process-card.purple { color: #7434b8; }
.es-process-card.green { color: #05a660; }
.es-process-card.orange { color: #ff7a00; }
.es-process-card.pink { color: #ef3b72; }

/* Feature Box */
.es-features {
  padding: 20px 0 60px;
}

.es-feature-box {
  background: linear-gradient(135deg, #eef6ff, #ffffff);
  border-radius: 10px;
  padding: 30px 28px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.es-feature-item {
  display: flex;
  gap: 18px;
  padding-right: 20px;
  border-right: 1px solid #cddcf0;
}

.es-feature-item:last-child {
  border-right: none;
}

.es-feature-item i {
  color: #005ecb;
  font-size: 34px;
}

.es-feature-item h4 {
  color: #061b4d;
  font-size: 16px;
  font-weight:500;
  margin-bottom: 10px;
}

.es-feature-item p {
  color: #061b4d;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}

/* iPad */
@media (max-width: 991px) {
  .es-hero {
    text-align: center;
    padding: 60px 0;
    background:
      linear-gradient(rgba(0, 43, 105, 0.9), rgba(0, 43, 105, 0.9)),
      url("../image/executive-hero.jpg");
    background-size: cover;
    background-position: center;
  }

  .es-hero-content {
    max-width: 100%;
  }

  .es-breadcrumb {
    justify-content: center;
  }

  .es-line,
  .es-small-line {
    margin-left: auto;
    margin-right: auto;
  }

  .es-hero h1 {
    font-size: 46px;
  }

  .es-about {
    text-align: center;
  }

  .es-about-img img {
    height: 350px;
  }

  .es-process-flow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
  }

  .es-process-card {
    width: 100%;
  }

  .process-arrow {
    display: none;
  }

  .es-feature-box {
    grid-template-columns: repeat(2, 1fr);
  }

  .es-feature-item {
    border-right: none;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .es-hero {
    padding: 45px 0;
  }

  .es-hero h1 {
    font-size: 38px;
  }

  .es-hero p {
    font-size: 16px;
  }

  .es-about {
    padding: 50px 0 40px;
  }

  .es-about h2,
  .es-process h2 {
    font-size: 28px;
  }

  .es-about p {
    font-size: 15px;
  }

  .es-about-img img {
    height: 260px;
  }

  .es-process-flow {
    grid-template-columns: 1fr;
  }

  .es-feature-box {
    grid-template-columns: 1fr;
  }

  .es-feature-item {
    padding-right: 0;
  }
}
/* Payroll Management Page */
.pm-hero {
  background:
    linear-gradient(90deg, rgba(0, 43, 105, 0.98) 0%, rgba(0, 63, 145, 0.88) 45%, rgba(0, 43, 105, 0.10) 100%),
    url("../image/payroll-hero.jpg");
  background-size: cover;
  background-position: center right;
  color: #ffffff;
  padding: 78px 0;
}

.pm-hero-content {
  max-width: 560px;
}

.pm-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 15px;
}

.pm-breadcrumb a,
.pm-breadcrumb span {
  color: #ffffff;
  text-decoration: none;
}

.pm-hero h1 {
  font-size: 58px;
  line-height: 1.12;
  font-weight:500;
  margin-bottom: 18px;
}

.pm-hero h1 span {
  color: #ff7a00;
}

.pm-line,
.pm-small-line {
  width: 46px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 24px;
}

.pm-hero p {
  font-size: 21px;
  line-height: 1.55;
  margin: 0;
}

/* About */
.pm-about {
  padding: 70px 0 55px;
}

.pm-about h2,
.pm-process h2 {
  color: #061b4d;
  font-size: 34px;
  font-weight:500;
  margin-bottom: 28px;
}

.pm-about h2 span,
.pm-process h2 span {
  color: #ff7a00;
}

.pm-about p {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 26px;
}

.pm-about-img img {
  width: 100%;
  height: 440px;
  object-fit: cover;
  border-radius: 12px;
}

/* Process */
.pm-process {
  padding: 35px 0 45px;
}

.pm-small-line.center {
  margin-left: auto;
  margin-right: auto;
}

.pm-process-flow {
  margin-top: 42px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}

.pm-process-card {
  width: 15.5%;
  color: #005ecb;
}

.process-icon {
  width: 102px;
  height: 102px;
  border: 1px solid currentColor;
  border-radius: 50%;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.process-icon::before {
  content: "";
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: currentColor;
  position: absolute;
}

.process-icon i {
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-size: 34px;
}

.pm-process-card span {
  width: 42px;
  height: 24px;
  background: currentColor;
  color: #ffffff;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight:500;
  margin-bottom: 18px;
}

.pm-process-card h4 {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.35;
  font-weight:500;
  margin-bottom: 14px;
}

.pm-process-card p {
  color: #061b4d;
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

.process-arrow {
  color: #a9b8d1;
  font-size: 30px;
  padding-top: 38px;
}

.pm-process-card.blue { color: #005ecb; }
.pm-process-card.purple { color: #7434b8; }
.pm-process-card.green { color: #05a660; }
.pm-process-card.orange { color: #ff7a00; }
.pm-process-card.pink { color: #ef3b72; }

/* Feature Box */
.pm-features {
  padding: 20px 0 60px;
}

.pm-feature-box {
  background: linear-gradient(135deg, #eef6ff, #ffffff);
  border-radius: 10px;
  padding: 30px 28px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.pm-feature-item {
  display: flex;
  gap: 18px;
  padding-right: 20px;
  border-right: 1px solid #cddcf0;
}

.pm-feature-item:last-child {
  border-right: none;
}

.pm-feature-item i {
  color: #005ecb;
  font-size: 34px;
}

.pm-feature-item h4 {
  color: #061b4d;
  font-size: 16px;
  font-weight:500;
  margin-bottom: 10px;
}

.pm-feature-item p {
  color: #061b4d;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}

/* iPad */
@media (max-width: 991px) {
  .pm-hero {
    text-align: center;
    padding: 60px 0;
    background:
      linear-gradient(rgba(0, 43, 105, 0.9), rgba(0, 43, 105, 0.9)),
      url("../image/payroll-hero.jpg");
    background-size: cover;
    background-position: center;
  }

  .pm-hero-content {
    max-width: 100%;
  }

  .pm-breadcrumb {
    justify-content: center;
  }

  .pm-line,
  .pm-small-line {
    margin-left: auto;
    margin-right: auto;
  }

  .pm-hero h1 {
    font-size: 46px;
  }

  .pm-about {
    text-align: center;
  }

  .pm-about-img img {
    height: 350px;
  }

  .pm-process-flow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
  }

  .pm-process-card {
    width: 100%;
  }

  .process-arrow {
    display: none;
  }

  .pm-feature-box {
    grid-template-columns: repeat(2, 1fr);
  }

  .pm-feature-item {
    border-right: none;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .pm-hero {
    padding: 45px 0;
  }

  .pm-hero h1 {
    font-size: 38px;
  }

  .pm-hero p {
    font-size: 16px;
  }

  .pm-about {
    padding: 50px 0 40px;
  }

  .pm-about h2,
  .pm-process h2 {
    font-size: 28px;
  }

  .pm-about p {
    font-size: 15px;
  }

  .pm-about-img img {
    height: 260px;
  }

  .pm-process-flow {
    grid-template-columns: 1fr;
  }

  .pm-feature-box {
    grid-template-columns: 1fr;
  }

  .pm-feature-item {
    padding-right: 0;
  }
}
/* Training & Development Page */
.td-hero {
  background:
    linear-gradient(90deg, rgba(0, 43, 105, 0.98) 0%, rgba(0, 63, 145, 0.88) 45%, rgba(0, 43, 105, 0.10) 100%),
    url("../image/training-hero.jpg");
  background-size: cover;
  background-position: center right;
  color: #ffffff;
  padding: 78px 0;
}

.td-hero-content {
  max-width: 560px;
}

.td-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 15px;
}

.td-breadcrumb a,
.td-breadcrumb span {
  color: #ffffff;
  text-decoration: none;
}

.td-hero h1 {
  font-size: 58px;
  line-height: 1.12;
  font-weight:500;
  margin-bottom: 18px;
}

.td-hero h1 span {
  color: #ff7a00;
}

.td-line,
.td-small-line {
  width: 46px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 24px;
}

.td-hero p {
  font-size: 21px;
  line-height: 1.55;
  margin: 0;
}

/* About */
.td-about {
  padding: 70px 0 55px;
}

.td-about h2,
.td-process h2 {
  color: #061b4d;
  font-size: 34px;
  font-weight:500;
  margin-bottom: 28px;
}

.td-about h2 span,
.td-process h2 span {
  color: #ff7a00;
}

.td-about p {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 26px;
}

.td-about-img img {
  width: 100%;
  height: 440px;
  object-fit: cover;
  border-radius: 12px;
}

/* Process */
.td-process {
  padding: 35px 0 45px;
}

.td-small-line.center {
  margin-left: auto;
  margin-right: auto;
}

.td-process-flow {
  margin-top: 42px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}

.td-process-card {
  width: 15.5%;
  color: #005ecb;
}

.process-icon {
  width: 102px;
  height: 102px;
  border: 1px solid currentColor;
  border-radius: 50%;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.process-icon::before {
  content: "";
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: currentColor;
  position: absolute;
}

.process-icon i {
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-size: 34px;
}

.td-process-card span {
  width: 42px;
  height: 24px;
  background: currentColor;
  color: #ffffff;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight:500;
  margin-bottom: 18px;
}

.td-process-card h4 {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.35;
  font-weight:500;
  margin-bottom: 14px;
}

.td-process-card p {
  color: #061b4d;
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

.process-arrow {
  color: #a9b8d1;
  font-size: 30px;
  padding-top: 38px;
}

.td-process-card.blue { color: #005ecb; }
.td-process-card.purple { color: #7434b8; }
.td-process-card.green { color: #05a660; }
.td-process-card.orange { color: #ff7a00; }
.td-process-card.pink { color: #ef3b72; }

/* Feature Box */
.td-features {
  padding: 20px 0 60px;
}

.td-feature-box {
  background: linear-gradient(135deg, #eef6ff, #ffffff);
  border-radius: 10px;
  padding: 30px 28px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}

.td-feature-item {
  display: flex;
  gap: 15px;
  padding-right: 18px;
  border-right: 1px solid #cddcf0;
}

.td-feature-item:last-child {
  border-right: none;
}

.td-feature-item i {
  color: #005ecb;
  font-size: 34px;
}

.td-feature-item h4 {
  color: #061b4d;
  font-size: 15px;
  font-weight:500;
  margin-bottom: 10px;
}

.td-feature-item p {
  color: #061b4d;
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
}

/* iPad */
@media (max-width: 991px) {
  .td-hero {
    text-align: center;
    padding: 60px 0;
    background:
      linear-gradient(rgba(0, 43, 105, 0.9), rgba(0, 43, 105, 0.9)),
      url("../image/training-hero.jpg");
    background-size: cover;
    background-position: center;
  }

  .td-hero-content {
    max-width: 100%;
  }

  .td-breadcrumb {
    justify-content: center;
  }

  .td-line,
  .td-small-line {
    margin-left: auto;
    margin-right: auto;
  }

  .td-hero h1 {
    font-size: 46px;
  }

  .td-about {
    text-align: center;
  }

  .td-about-img img {
    height: 350px;
  }

  .td-process-flow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
  }

  .td-process-card {
    width: 100%;
  }

  .process-arrow {
    display: none;
  }

  .td-feature-box {
    grid-template-columns: repeat(2, 1fr);
  }

  .td-feature-item {
    border-right: none;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .td-hero {
    padding: 45px 0;
  }

  .td-hero h1 {
    font-size: 38px;
  }

  .td-hero p {
    font-size: 16px;
  }

  .td-about {
    padding: 50px 0 40px;
  }

  .td-about h2,
  .td-process h2 {
    font-size: 28px;
  }

  .td-about p {
    font-size: 15px;
  }

  .td-about-img img {
    height: 260px;
  }

  .td-process-flow {
    grid-template-columns: 1fr;
  }

  .td-feature-box {
    grid-template-columns: 1fr;
  }

  .td-feature-item {
    padding-right: 0;
  }
}
/* HR Consulting Page */
.hc-hero {
  background:
    linear-gradient(90deg, rgba(0, 43, 105, 0.98) 0%, rgba(0, 63, 145, 0.88) 45%, rgba(0, 43, 105, 0.10) 100%),
    url("../image/hr-consulting-hero.jpg");
  background-size: cover;
  background-position: center right;
  color: #ffffff;
  padding: 78px 0;
}

.hc-hero-content {
  max-width: 560px;
}

.hc-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 15px;
}

.hc-breadcrumb a,
.hc-breadcrumb span {
  color: #ffffff;
  text-decoration: none;
}

.hc-hero h1 {
  font-size: 58px;
  line-height: 1.12;
  font-weight: 500;
  margin-bottom: 18px;
}

.hc-hero h1 span {
  color: #ff7a00;
}

.hc-line,
.hc-small-line {
  width: 46px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 24px;
}

.hc-hero p {
  font-size: 21px;
  line-height: 1.55;
  margin: 0;
}

.hc-about {
  padding: 70px 0 55px;
}

.hc-about h2,
.hc-process h2 {
  color: #061b4d;
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 28px;
}

.hc-about h2 span,
.hc-process h2 span {
  color: #ff7a00;
}

.hc-about p {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 26px;
}

.hc-about-img img {
  width: 100%;
  height: 440px;
  object-fit: cover;
  border-radius: 12px;
}

.hc-process {
  padding: 35px 0 45px;
}

.hc-small-line.center {
  margin-left: auto;
  margin-right: auto;
}

.hc-process-flow {
  margin-top: 42px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}

.hc-process-card {
  width: 15.5%;
  color: #005ecb;
}

.process-icon {
  width: 102px;
  height: 102px;
  border: 1px solid currentColor;
  border-radius: 50%;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.process-icon::before {
  content: "";
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: currentColor;
  position: absolute;
}

.process-icon i {
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-size: 34px;
}

.hc-process-card span {
  width: 42px;
  height: 24px;
  background: currentColor;
  color: #ffffff;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 18px;
}

.hc-process-card h4 {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 500;
  margin-bottom: 14px;
}

.hc-process-card p {
  color: #061b4d;
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

.process-arrow {
  color: #a9b8d1;
  font-size: 30px;
  padding-top: 38px;
}

.hc-process-card.blue { color: #005ecb; }
.hc-process-card.purple { color: #7434b8; }
.hc-process-card.green { color: #05a660; }
.hc-process-card.orange { color: #ff7a00; }
.hc-process-card.pink { color: #ef3b72; }

.hc-features {
  padding: 20px 0 60px;
}

.hc-feature-box {
  background: linear-gradient(135deg, #eef6ff, #ffffff);
  border-radius: 10px;
  padding: 30px 28px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.hc-feature-item {
  display: flex;
  gap: 18px;
  padding-right: 20px;
  border-right: 1px solid #cddcf0;
}

.hc-feature-item:last-child {
  border-right: none;
}

.hc-feature-item i {
  color: #005ecb;
  font-size: 34px;
}

.hc-feature-item h4 {
  color: #061b4d;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.hc-feature-item p {
  color: #061b4d;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}

/* iPad */
@media (max-width: 991px) {
  .hc-hero {
    text-align: center;
    padding: 60px 0;
    background:
      linear-gradient(rgba(0, 43, 105, 0.9), rgba(0, 43, 105, 0.9)),
      url("../image/hr-consulting-hero.jpg");
    background-size: cover;
    background-position: center;
  }

  .hc-hero-content {
    max-width: 100%;
  }

  .hc-breadcrumb {
    justify-content: center;
  }

  .hc-line,
  .hc-small-line {
    margin-left: auto;
    margin-right: auto;
  }

  .hc-hero h1 {
    font-size: 46px;
  }

  .hc-about {
    text-align: center;
  }

  .hc-about-img img {
    height: 350px;
  }

  .hc-process-flow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
  }

  .hc-process-card {
    width: 100%;
  }

  .process-arrow {
    display: none;
  }

  .hc-feature-box {
    grid-template-columns: repeat(2, 1fr);
  }

  .hc-feature-item {
    border-right: none;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .hc-hero {
    padding: 45px 0;
  }

  .hc-hero h1 {
    font-size: 38px;
  }

  .hc-hero p {
    font-size: 16px;
  }

  .hc-about {
    padding: 50px 0 40px;
  }

  .hc-about h2,
  .hc-process h2 {
    font-size: 28px;
  }

  .hc-about p {
    font-size: 15px;
  }

  .hc-about-img img {
    height: 260px;
  }

  .hc-process-flow {
    grid-template-columns: 1fr;
  }

  .hc-feature-box {
    grid-template-columns: 1fr;
  }

  .hc-feature-item {
    padding-right: 0;
  }
}
/* Compliance Management Page */
.cm-hero,
.cm-about,
.cm-process,
.cm-features {
  font-weight: 500;
}

.cm-hero {
  background:
    linear-gradient(90deg, rgba(0, 43, 105, 0.98) 0%, rgba(0, 63, 145, 0.88) 45%, rgba(0, 43, 105, 0.10) 100%),
    url("../image/compliance-hero.jpg");
  background-size: cover;
  background-position: center right;
  color: #ffffff;
  padding: 78px 0;
}

.cm-hero-content {
  max-width: 560px;
}

.cm-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 15px;
}

.cm-breadcrumb a,
.cm-breadcrumb span {
  color: #ffffff;
  text-decoration: none;
}

.cm-hero h1 {
  font-size: 58px;
  line-height: 1.12;
  font-weight: 500;
  margin-bottom: 18px;
}

.cm-hero h1 span {
  color: #ff7a00;
}

.cm-line,
.cm-small-line {
  width: 46px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 24px;
}

.cm-hero p {
  font-size: 21px;
  line-height: 1.55;
  margin: 0;
}

.cm-about {
  padding: 70px 0 55px;
}

.cm-about h2,
.cm-process h2 {
  color: #061b4d;
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 28px;
}

.cm-about h2 span,
.cm-process h2 span {
  color: #ff7a00;
}

.cm-about p {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 26px;
}

.cm-about-img img {
  width: 100%;
  height: 440px;
  object-fit: cover;
  border-radius: 12px;
}

.cm-process {
  padding: 35px 0 45px;
}

.cm-small-line.center {
  margin-left: auto;
  margin-right: auto;
}

.cm-process-flow {
  margin-top: 42px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}

.cm-process-card {
  width: 15.5%;
  color: #005ecb;
}

.process-icon {
  width: 102px;
  height: 102px;
  border: 1px solid currentColor;
  border-radius: 50%;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.process-icon::before {
  content: "";
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: currentColor;
  position: absolute;
}

.process-icon i {
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-size: 34px;
}

.cm-process-card span {
  width: 42px;
  height: 24px;
  background: currentColor;
  color: #ffffff;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 18px;
}

.cm-process-card h4 {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 500;
  margin-bottom: 14px;
}

.cm-process-card p {
  color: #061b4d;
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

.process-arrow {
  color: #a9b8d1;
  font-size: 30px;
  padding-top: 38px;
}

.cm-process-card.blue { color: #005ecb; }
.cm-process-card.purple { color: #7434b8; }
.cm-process-card.green { color: #05a660; }
.cm-process-card.orange { color: #ff7a00; }
.cm-process-card.pink { color: #ef3b72; }

.cm-features {
  padding: 20px 0 60px;
}

.cm-feature-box {
  background: linear-gradient(135deg, #eef6ff, #ffffff);
  border-radius: 10px;
  padding: 30px 28px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}

.cm-feature-item {
  display: flex;
  gap: 15px;
  padding-right: 18px;
  border-right: 1px solid #cddcf0;
}

.cm-feature-item:last-child {
  border-right: none;
}

.cm-feature-item i {
  color: #005ecb;
  font-size: 34px;
}

.cm-feature-item h4 {
  color: #061b4d;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

.cm-feature-item p {
  color: #061b4d;
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
}

/* iPad */
@media (max-width: 991px) {
  .cm-hero {
    text-align: center;
    padding: 60px 0;
    background:
      linear-gradient(rgba(0, 43, 105, 0.9), rgba(0, 43, 105, 0.9)),
      url("../image/compliance-hero.jpg");
    background-size: cover;
    background-position: center;
  }

  .cm-hero-content {
    max-width: 100%;
  }

  .cm-breadcrumb {
    justify-content: center;
  }

  .cm-line,
  .cm-small-line {
    margin-left: auto;
    margin-right: auto;
  }

  .cm-hero h1 {
    font-size: 46px;
  }

  .cm-about {
    text-align: center;
  }

  .cm-about-img img {
    height: 350px;
  }

  .cm-process-flow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
  }

  .cm-process-card {
    width: 100%;
  }

  .process-arrow {
    display: none;
  }

  .cm-feature-box {
    grid-template-columns: repeat(2, 1fr);
  }

  .cm-feature-item {
    border-right: none;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .cm-hero {
    padding: 45px 0;
  }

  .cm-hero h1 {
    font-size: 38px;
  }

  .cm-hero p {
    font-size: 16px;
  }

  .cm-about {
    padding: 50px 0 40px;
  }

  .cm-about h2,
  .cm-process h2 {
    font-size: 28px;
  }

  .cm-about p {
    font-size: 15px;
  }

  .cm-about-img img {
    height: 260px;
  }

  .cm-process-flow {
    grid-template-columns: 1fr;
  }

  .cm-feature-box {
    grid-template-columns: 1fr;
  }

  .cm-feature-item {
    padding-right: 0;
  }
}
/* Hotels & Hospitality Page */
.hh-hero,
.hh-about,
.hh-roles,
.hh-industries {
  font-weight: 500;
}

.hh-hero {
  background:
    linear-gradient(90deg, rgba(0, 43, 105, 0.98) 0%, rgba(0, 63, 145, 0.88) 43%, rgba(0, 43, 105, 0.08) 100%),
    url("../image/hospitality-hero.jpg");
  background-size: cover;
  background-position: center right;
  color: #ffffff;
  padding: 78px 0;
}

.hh-hero-content {
  max-width: 560px;
}

.hh-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 15px;
}

.hh-breadcrumb a,
.hh-breadcrumb span {
  color: #ffffff;
  text-decoration: none;
}

.hh-hero h1 {
  font-size: 58px;
  line-height: 1.12;
  font-weight: 500;
  margin-bottom: 18px;
}

.hh-hero h1 span {
  color: #ff7a00;
}

.hh-line,
.hh-small-line {
  width: 46px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 24px;
}

.hh-hero p {
  font-size: 21px;
  line-height: 1.55;
  margin: 0;
}

.hh-about {
  padding: 55px 0 30px;
}

.hh-about h2,
.hh-roles h2,
.hh-industries h2 {
  color: #061b4d;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 28px;
}

.hh-about h2 span,
.hh-roles h2 span,
.hh-industries h2 span {
  color: #ff7a00;
}

.hh-about p {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 18px;
}

.hh-about-img img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 12px;
}

.hh-roles {
  padding: 25px 0 30px;
}

.hh-small-line.center {
  margin-left: auto;
  margin-right: auto;
}

.hh-role-card {
  min-height: 160px;
  background: #ffffff;
  border: 1px solid #dbe5f3;
  border-radius: 10px;
  padding: 28px 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hh-role-card i {
  color: #061b4d;
  font-size: 48px;
  margin-bottom: 18px;
}

.hh-role-card h4 {
  color: #061b4d;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 500;
  margin: 0;
}

.hh-industries {
  padding: 20px 0 55px;
}

.hh-industry-card {
  min-height: 125px;
  background: #eef6ff;
  border-radius: 10px;
  padding: 24px 18px;
  color: #061b4d;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hh-industry-card.active {
  background: linear-gradient(135deg, #002b69, #003f91);
  color: #ffffff;
}

.hh-industry-card i {
  font-size: 42px;
  margin-bottom: 12px;
}

.hh-industry-card.active i {
  color: #ff7a00;
}

.hh-industry-card h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

/* iPad */
@media (max-width: 991px) {
  .hh-hero {
    text-align: center;
    padding: 60px 0;
    background:
      linear-gradient(rgba(0, 43, 105, 0.9), rgba(0, 43, 105, 0.9)),
      url("../image/hospitality-hero.jpg");
    background-size: cover;
    background-position: center;
  }

  .hh-hero-content {
    max-width: 100%;
  }

  .hh-breadcrumb {
    justify-content: center;
  }

  .hh-line {
    margin-left: auto;
    margin-right: auto;
  }

  .hh-hero h1 {
    font-size: 46px;
  }

  .hh-about {
    text-align: center;
  }

  .hh-about-img img {
    height: 330px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .hh-hero {
    padding: 45px 0;
  }

  .hh-hero h1 {
    font-size: 38px;
  }

  .hh-hero p {
    font-size: 16px;
  }

  .hh-about {
    padding: 45px 0 25px;
  }

  .hh-about h2,
  .hh-roles h2,
  .hh-industries h2 {
    font-size: 27px;
  }

  .hh-about p {
    font-size: 15px;
  }

  .hh-about-img img {
    height: 250px;
  }

  .hh-role-card {
    min-height: 140px;
  }

  .hh-industry-card {
    min-height: 110px;
  }
}
/* Manufacturing Page */
.mf-hero,
.mf-about,
.mf-roles,
.mf-industries {
  font-weight: 500;
}

.mf-hero {
  background:
    linear-gradient(90deg, rgba(0, 43, 105, 0.98) 0%, rgba(0, 63, 145, 0.88) 43%, rgba(0, 43, 105, 0.08) 100%),
    url("../image/manufacturing-hero.jpg");
  background-size: cover;
  background-position: center right;
  color: #ffffff;
  padding: 78px 0;
}

.mf-hero-content {
  max-width: 560px;
}

.mf-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 15px;
}

.mf-breadcrumb a,
.mf-breadcrumb span {
  color: #ffffff;
  text-decoration: none;
}

.mf-hero h1 {
  font-size: 58px;
  line-height: 1.12;
  font-weight: 500;
  margin-bottom: 18px;
}

.mf-line,
.mf-small-line {
  width: 46px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 24px;
}

.mf-hero p {
  font-size: 21px;
  line-height: 1.55;
  margin: 0;
}

.mf-about {
  padding: 55px 0 30px;
}

.mf-about h2,
.mf-roles h2,
.mf-industries h2 {
  color: #061b4d;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 28px;
}

.mf-about h2 span,
.mf-roles h2 span,
.mf-industries h2 span {
  color: #ff7a00;
}

.mf-about p {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 18px;
}

.mf-about-img img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 12px;
}

.mf-roles {
  padding: 25px 0 30px;
}

.mf-small-line.center {
  margin-left: auto;
  margin-right: auto;
}

.mf-role-card {
  min-height: 160px;
  background: #ffffff;
  border: 1px solid #dbe5f3;
  border-radius: 10px;
  padding: 28px 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mf-role-card i {
  color: #061b4d;
  font-size: 48px;
  margin-bottom: 18px;
}

.mf-role-card h4 {
  color: #061b4d;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 500;
  margin: 0;
}

.mf-industries {
  padding: 20px 0 55px;
}

.mf-industry-card {
  min-height: 125px;
  background: #eef6ff;
  border-radius: 10px;
  padding: 24px 18px;
  color: #061b4d;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mf-industry-card.active {
  background: linear-gradient(135deg, #002b69, #003f91);
  color: #ffffff;
}

.mf-industry-card i {
  font-size: 42px;
  margin-bottom: 12px;
}

.mf-industry-card.active i {
  color: #ff7a00;
}

.mf-industry-card h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

/* iPad */
@media (max-width: 991px) {
  .mf-hero {
    text-align: center;
    padding: 60px 0;
    background:
      linear-gradient(rgba(0, 43, 105, 0.9), rgba(0, 43, 105, 0.9)),
      url("../image/manufacturing-hero.jpg");
    background-size: cover;
    background-position: center;
  }

  .mf-hero-content {
    max-width: 100%;
  }

  .mf-breadcrumb {
    justify-content: center;
  }

  .mf-line {
    margin-left: auto;
    margin-right: auto;
  }

  .mf-hero h1 {
    font-size: 46px;
  }

  .mf-about {
    text-align: center;
  }

  .mf-about-img img {
    height: 330px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .mf-hero {
    padding: 45px 0;
  }

  .mf-hero h1 {
    font-size: 38px;
  }

  .mf-hero p {
    font-size: 16px;
  }

  .mf-about {
    padding: 45px 0 25px;
  }

  .mf-about h2,
  .mf-roles h2,
  .mf-industries h2 {
    font-size: 27px;
  }

  .mf-about p {
    font-size: 15px;
  }

  .mf-about-img img {
    height: 250px;
  }

  .mf-role-card {
    min-height: 140px;
  }

  .mf-industry-card {
    min-height: 110px;
  }
}
/* Security Services Page */
.ss-hero,
.ss-about,
.ss-roles,
.ss-industries {
  font-weight: 500;
}

.ss-hero {
  background:
    linear-gradient(90deg, rgba(0, 43, 105, 0.98) 0%, rgba(0, 63, 145, 0.88) 43%, rgba(0, 43, 105, 0.08) 100%),
    url("../image/security-hero.jpg");
  background-size: cover;
  background-position: center right;
  color: #ffffff;
  padding: 78px 0;
}

.ss-hero-content {
  max-width: 560px;
}

.ss-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 15px;
}

.ss-breadcrumb a,
.ss-breadcrumb span {
  color: #ffffff;
  text-decoration: none;
}

.ss-hero h1 {
  font-size: 58px;
  line-height: 1.12;
  font-weight: 500;
  margin-bottom: 18px;
}

.ss-hero h1 span {
  color: #ff7a00;
}

.ss-line,
.ss-small-line {
  width: 46px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 24px;
}

.ss-hero p {
  font-size: 21px;
  line-height: 1.55;
  margin: 0;
}

.ss-about {
  padding: 55px 0 30px;
}

.ss-about h2,
.ss-roles h2,
.ss-industries h2 {
  color: #061b4d;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 28px;
}

.ss-about h2 span,
.ss-roles h2 span,
.ss-industries h2 span {
  color: #ff7a00;
}

.ss-about p {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 18px;
}

.ss-about-img img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 12px;
}

.ss-roles {
  padding: 25px 0 30px;
}

.ss-small-line.center {
  margin-left: auto;
  margin-right: auto;
}

.ss-role-card {
  min-height: 160px;
  background: #ffffff;
  border: 1px solid #dbe5f3;
  border-radius: 10px;
  padding: 28px 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ss-role-card i {
  color: #061b4d;
  font-size: 48px;
  margin-bottom: 18px;
}

.ss-role-card h4 {
  color: #061b4d;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 500;
  margin: 0;
}

.ss-industries {
  padding: 20px 0 55px;
}

.ss-industry-card {
  min-height: 125px;
  background: #eef6ff;
  border-radius: 10px;
  padding: 24px 18px;
  color: #061b4d;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ss-industry-card.active {
  background: linear-gradient(135deg, #002b69, #003f91);
  color: #ffffff;
}

.ss-industry-card i {
  font-size: 42px;
  margin-bottom: 12px;
}

.ss-industry-card.active i {
  color: #ff7a00;
}

.ss-industry-card h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

/* iPad */
@media (max-width: 991px) {
  .ss-hero {
    text-align: center;
    padding: 60px 0;
    background:
      linear-gradient(rgba(0, 43, 105, 0.9), rgba(0, 43, 105, 0.9)),
      url("../image/security-hero.jpg");
    background-size: cover;
    background-position: center;
  }

  .ss-hero-content {
    max-width: 100%;
  }

  .ss-breadcrumb {
    justify-content: center;
  }

  .ss-line {
    margin-left: auto;
    margin-right: auto;
  }

  .ss-hero h1 {
    font-size: 46px;
  }

  .ss-about {
    text-align: center;
  }

  .ss-about-img img {
    height: 330px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .ss-hero {
    padding: 45px 0;
  }

  .ss-hero h1 {
    font-size: 38px;
  }

  .ss-hero p {
    font-size: 16px;
  }

  .ss-about {
    padding: 45px 0 25px;
  }

  .ss-about h2,
  .ss-roles h2,
  .ss-industries h2 {
    font-size: 27px;
  }

  .ss-about p {
    font-size: 15px;
  }

  .ss-about-img img {
    height: 250px;
  }

  .ss-role-card {
    min-height: 140px;
  }

  .ss-industry-card {
    min-height: 110px;
  }
}
/* IT & Software Page */
.its-hero,
.its-about,
.its-roles,
.its-industries {
  font-weight: 500;
}

.its-hero {
  background:
    linear-gradient(90deg, rgba(0, 43, 105, 0.98) 0%, rgba(0, 63, 145, 0.88) 43%, rgba(0, 43, 105, 0.08) 100%),
    url("../image/it-software-hero.jpg");
  background-size: cover;
  background-position: center right;
  color: #ffffff;
  padding: 78px 0;
}

.its-hero-content {
  max-width: 560px;
}

.its-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 15px;
}

.its-breadcrumb a,
.its-breadcrumb span {
  color: #ffffff;
  text-decoration: none;
}

.its-hero h1 {
  font-size: 58px;
  line-height: 1.12;
  font-weight: 500;
  margin-bottom: 18px;
}

.its-hero h1 span {
  color: #ff7a00;
}

.its-line,
.its-small-line {
  width: 46px;
  height: 3px;
  background: #ff7a00;
  margin-bottom: 24px;
}

.its-hero p {
  font-size: 21px;
  line-height: 1.55;
  margin: 0;
}

.its-about {
  padding: 55px 0 30px;
}

.its-about h2,
.its-roles h2,
.its-industries h2 {
  color: #061b4d;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 28px;
}

.its-about h2 span,
.its-roles h2 span,
.its-industries h2 span {
  color: #ff7a00;
}

.its-about p {
  color: #061b4d;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 18px;
}

.its-about-img img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 12px;
}

.its-roles {
  padding: 25px 0 30px;
}

.its-small-line.center {
  margin-left: auto;
  margin-right: auto;
}

.its-role-card {
  min-height: 160px;
  background: #ffffff;
  border: 1px solid #dbe5f3;
  border-radius: 10px;
  padding: 28px 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.its-role-card i {
  color: #061b4d;
  font-size: 48px;
  margin-bottom: 18px;
}

.its-role-card h4 {
  color: #061b4d;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 500;
  margin: 0;
}

.its-industries {
  padding: 20px 0 55px;
}

.its-industry-card {
  min-height: 125px;
  background: #eef6ff;
  border-radius: 10px;
  padding: 24px 18px;
  color: #061b4d;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.its-industry-card.active {
  background: linear-gradient(135deg, #002b69, #003f91);
  color: #ffffff;
}

.its-industry-card i {
  font-size: 42px;
  margin-bottom: 12px;
}

.its-industry-card.active i {
  color: #ff7a00;
}

.its-industry-card h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

/* iPad */
@media (max-width: 991px) {
  .its-hero {
    text-align: center;
    padding: 60px 0;
    background:
      linear-gradient(rgba(0, 43, 105, 0.9), rgba(0, 43, 105, 0.9)),
      url("../image/it-software-hero.jpg");
    background-size: cover;
    background-position: center;
  }

  .its-hero-content {
    max-width: 100%;
  }

  .its-breadcrumb {
    justify-content: center;
  }

  .its-line {
    margin-left: auto;
    margin-right: auto;
  }

  .its-hero h1 {
    font-size: 46px;
  }

  .its-about {
    text-align: center;
  }

  .its-about-img img {
    height: 330px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .its-hero {
    padding: 45px 0;
  }

  .its-hero h1 {
    font-size: 38px;
  }

  .its-hero p {
    font-size: 16px;
  }

  .its-about {
    padding: 45px 0 25px;
  }

  .its-about h2,
  .its-roles h2,
  .its-industries h2 {
    font-size: 27px;
  }

  .its-about p {
    font-size: 15px;
  }

  .its-about-img img {
    height: 250px;
  }

  .its-role-card {
    min-height: 140px;
  }

  .its-industry-card {
    min-height: 110px;
  }
}
.hr-services{
    border-top:1px solid #edf2fa;
}

.hr-industries{
    border-top:1px solid #edf2fa;
}
.floating-contact {
    position: fixed;
    right: 22px;
    top: 270px;
    z-index: 99;
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: #ffffff;
}
.floating-contact a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.floating-contact a:nth-child(1) {
    background: #24d366;
}
.floating-contact a:nth-child(2) {
    background: #1d7df2;
}
.floating-contact a:nth-child(3) {
    background: #ff9416;
}
.hr-mobile-drop-btn i{
    transition:.3s ease;
}

.hr-mobile-drop-btn.active i{
    transform:rotate(180deg);
}
 .btn-orange {
      background-color: #FF6B00;
      border-color: #FF6B00;
      color: #fff;
      font-weight: 500;
      padding: 10px 28px;
      border-radius: 8px;
      transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
    }
    .btn-orange:hover {
      background-color: #E55C00;
      border-color: #E55C00;
      color: #fff;
      box-shadow: 0 4px 14px rgba(255, 107, 0, 0.35);
      transform: translateY(-1px);
    }
    .btn-orange:active {
      background-color: #CC5200;
      transform: scale(0.97);
    }
    .mailer-text{
      margin-bottom: 35px;
    }
    .mailer-p {
      margin-bottom: 25px;
    }