:root {
  --primary: #4b328f;
  --primary-dark: #24125c;
  --green: #1f4d2d;
  --text: #131225;
  --muted: #6f6b80;
  --light: #f7f5fb;
  --white: #fff;
  --shadow: 0 18px 45px rgba(75, 50, 143, .14);
  --radius: 22px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

body {
  font-family: Arial, sans-serif;
  color: var(--text);
  background: #e4e4e4;
  overflow-x: hidden;
}

a {
  text-decoration: none
}

img {
  max-width: 100%
}

.top-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, .06);
}

.navbar-brand img {

  height: 70px;
}


.navbar-nav .nav-link {
  color: #201647;
  font-weight: 500;
  font-size: 15px;
  padding: 8px 14px !important;
  border-radius: 30px;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  background: rgba(75, 50, 143, .1);
  color: var(--primary);
}

.call-btn {
  /* background: linear-gradient(135deg, var(--primary), var(--primary-dark)); */
       background: linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f) !important;
  color: #fff;
  padding: 11px 20px 10px 22px;
  border-radius: 40px;
  box-shadow: 0 12px 25px rgba(75, 50, 143, .28);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
}

.call-btn {
  /* background: linear-gradient(135deg, #4c309b, #24125c); */
    background: radial-gradient(circle at top right, rgba(106, 90, 205, .28), transparent 34%), linear-gradient(135deg, #2d235e 0%, #3f3278 45%, #3b2a70 100%);
  color: #fff;
  transition: all 0.3s ease;
}

.call-btn:hover {
  background: linear-gradient(135deg, #5a4bcf, #7b68ee, #4b3fb5);
  color: #fff;
  transform: translateY(-2px);
}

.call-btn i {
  transition: all 0.3s ease;
}

/* 🔥 Hover pe icon move + thoda scale */
.call-btn:hover i {
  transform: translateX(5px) scale(1.1);
}

/* hero-section code  */

.hero-gulf{
  position:relative;
  height:90vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  font-family:'Poppins',sans-serif;

  background:
    linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.65)), /* dark overlay */
    radial-gradient(circle at center, rgba(255,102,0,0.12), transparent 40%), /* light glow */
    url("herophoto.png"); /* image */

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top left, rgba(106,90,205,.35), transparent 40%),
    radial-gradient(circle at bottom right, rgba(73,62,119,.35), transparent 40%);
}

.hero-content{
  position:relative;
  z-index:2;
  max-width:750px;
  padding:20px;
}

.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.12);
  padding:8px 18px;
  border-radius:40px;
  font-size:13px;
  margin-bottom:20px;
}

.hero-content h1 {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2;
}

.hero-content h1 span{
      background: linear-gradient(356deg, #cf8800, #f8aa00, #ffcc33);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.hero-content p{
  margin:20px 0 30px;
  color:#e3ddff;
  line-height:1.7;
}

.hero-buttons{
  display:flex;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
}

.btn-primary{
      background: linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f) !important;
  padding:14px 28px;
  border-radius:40px;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:8px;
  transition:.3s;
  box-shadow:0 15px 35px rgba(106,90,205,.4);
}

.btn-primary:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg,#6a5acd,#7b68ee);
}

.btn-outline{
  border:1px solid rgba(255,255,255,.3);
  padding:14px 28px;
  border-radius:40px;
  color:#fff;
  text-decoration:none;
  transition:.3s;
}

.btn-outline:hover{
  background:rgba(255,255,255,.1);
}

/* Responsive */

@media(max-width:768px){
  .hero-content h1{
    font-size:34px;
  }

  .hero-gulf{
    height:80vh;
  }
}



/* cards style */

/* service card */
/* ===== Compact Modern Service Cards ===== */


/* Column flex for equal height */
.ser>.col-md-3 {
  display: flex;
}

/* Card */
.service-card {
  position: relative;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  width: 100%;
  height: 100%;

  border: 1px solid #f0f0f0;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;

  display: flex;
  flex-direction: column;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

/* Image */
.img-box {
  height: 170px;
  min-height: 170px;
  position: relative;
  overflow: hidden;
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s ease;
}

.service-card:hover .img-box img {
  transform: scale(1.06);
}

/* Badge */
.badge-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #5541b8;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 30px;
  z-index: 2;
}

/* Content */
.service-card .p-3 {
  padding: 20px !important;
  text-align: center;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* GAP FIX */
}

/* Title */
.service-card h6 {
  font-size: 20px;
  color: rgb(34, 34, 34);
  line-height: 1.4;
  margin-bottom: 10px;
  font-weight: 700 !important;
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Description */
.service-card p {
  font-size: 14px;
  color: #6f6f6f !important;
  line-height: 1.6;

  margin-bottom: 10px !important;
  /* GAP FIX */

  min-height: 45px;
  max-height: 45px;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Remove extra inline margin */
.service-card p[style],
.service-card p.mt-4 {
  margin-top: 0 !important;
}

/* Button position fix */
.service-card .text-center.mt-3 {
  margin-top: 12px !important;
  /* GAP FIX */
}

/* Button */
.btn-view {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding-top: 14px;
  border-top: 1px solid #eeeeee;
  color: #5541b8 !important;
  font-size: 15px;
  text-decoration: none;
}

.btn-view::after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 18px;
  transition: 0.3s ease;
}

.btn-view:hover::after {
  transform: translateX(5px);
}

.btn-view:hover {
  color: #3f2ca0 !important;
}

/* Responsive */
@media (max-width: 1199px) {
  .ser>.col-md-3 {
    width: 33.333%;
  }
}

@media (max-width: 991px) {
  .ser>.col-md-3 {
    width: 50%;
  }

  .service-card {
    min-height: 400px;
  }
}

@media (max-width: 575px) {
  .ser>.col-md-3 {
    width: 100%;
  }

  .img-box {
    height: 190px;
    min-height: 190px;
  }

  .service-card {
    min-height: auto;
  }

  .service-card h6,
  .service-card p {
    min-height: auto;
    max-height: none;
  }
}


/* card */

/* Button area */
.service-card .text-center.mt-3 {
  margin-top: 18px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Premium Pill Button */
.service-card .btn-new {
  position: relative;
  overflow: hidden;
  padding: 11px 78px;
  border-radius: 50px;
  /* background: linear-gradient(135deg, #6a5acd, #3f22a8); */
        background: linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 10px 22px rgba(106, 90, 205, 0.28);
  transition: all 0.35s ease;
}

/* Arrow circle */
.service-card .btn-new::after {
  content: "→";
  width: 26px;
  height: 25px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  transition: all 0.35s ease;
}

/* Shine effect */
.service-card .btn-new::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 45%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);
  transform: skewX(-20deg);
  transition: 0.6s ease;
}

.service-card .btn-new:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(63, 34, 168, 0.35);
}

.service-card .btn-new:hover::before {
  left: 130%;
}

.service-card .btn-new:hover::after {
  background: #fff;
  color: #4834d4;
  transform: translateX(4px);
}



/* how its work  */


.how-modern {
  padding: 60px 0;

  /* background: radial-gradient(circle at top left, rgba(106, 90, 205, .35), transparent 40%), radial-gradient(circle at bottom right, rgba(73, 62, 119, .35), transparent 40%), linear-gradient(135deg, #493e77, #6a5acd, #24125c); */
  background: radial-gradient(circle at top right, rgba(106, 90, 205, .28), transparent 34%), linear-gradient(190deg, #251e46 0%, #3f3278 48%, #3b2a70 100%);

}

.how-modern::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  top: -160px;
  left: -120px;
}



.how-modern .container {
  position: relative;
  z-index: 2;
}

.how-modern-head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 55px;
}

.how-modern-head span {
  display: inline-block;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  padding: 8px 22px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.8px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(10px);
}

.how-modern-head h2 {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  margin: 16px 0 10px;
}

.how-modern-head p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  margin: 0;
}

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

.how-modern-card {
  min-height: 285px;
  padding: 24px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: 0 20px 45px rgba(20, 16, 55, 0.22);
  position: relative;
  overflow: hidden;
  transition: 0.4s ease;
}

.how-modern-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(106, 90, 205, 0.16), transparent 55%);
  opacity: 0;
  transition: 0.4s ease;
}

.how-modern-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 30px 70px rgba(20, 16, 55, 0.32);
}

.how-modern-card:hover::before {
  opacity: 1;
}

.how-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
  position: relative;
  z-index: 1;
}

.how-no {
  font-size: 54px;
  line-height: 1;
  font-weight: 900;
  color: rgba(106, 90, 205, 0.16);
}

.how-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
     background: linear-gradient(356deg, #cf8800, #f8aa00, #ffcc33);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  box-shadow: 0 14px 25px rgba(106, 90, 205, 0.35);
  transition: 0.4s ease;
}

.how-modern-card:hover .how-icon {
  transform: rotate(-8deg) scale(1.08);
}

.how-modern-card h4 {
  position: relative;
  z-index: 1;
  font-size: 21px;
  font-weight: 600;
  color: #11162a;
  margin: 0 0 12px;
}

.how-modern-card p {
  position: relative;
  z-index: 1;
  color: #626a7c;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
  text-align: justify;
}

@media (max-width: 1200px) {
  .how-modern-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .how-modern {
    padding: 60px 0;
  }

  .how-modern-grid {
    grid-template-columns: 1fr;
  }

  .how-modern-head h2 {
    font-size: 26px;
  }

  .how-modern-card {
    min-height: auto;
  }
}


/* why choose us  */

.why-choose-section {
  padding: 90px 20px;
  background: #f8f8f8;
}

.why-heading {
  text-align: center;
  max-width: 750px;
  margin: auto;
  margin-bottom: 60px;
}

.why-heading span {
  display: inline-block;
  background: rgba(225, 149, 3, 0.12);
  color: #e19503;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.why-heading h2 {
  font-size: 42px;
  font-weight: 800;
  color: #111;
  margin-bottom: 18px;
}

.why-heading p {
  font-size: 16px;
  line-height: 1.8;
  color: #666;
}

.why-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.why-box {
  background: #fff;
  padding: 35px 30px;
  border-radius: 24px;
  text-align: center;
  transition: 0.4s ease;
  border: 1px solid #eee;
  position: relative;
  overflow: hidden;
}

.why-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #e19503, #ffbb33);
  top: 0;
  left: 0;
}

.why-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(225, 149, 3, 0.18);
}

.why-icon {
  width: 75px;
  height: 75px;
  margin: auto;
  margin-bottom: 25px;
  border-radius: 22px;
  background: linear-gradient(135deg, #e19503, #ffbb33);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 28px;
}

.why-box h4 {
  font-size: 22px;
  font-weight: 700;
  color: #111;
  margin-bottom: 15px;
}

.why-box p {
  font-size: 15px;
  line-height: 1.8;
  color: #666;
  margin: 0;
  text-align: justify;
}

@media (max-width: 991px) {
  .why-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .why-heading h2 {
    font-size: 34px;
  }
}

@media (max-width: 576px) {
  .why-card-grid {
    grid-template-columns: 1fr;
  }

  .why-heading h2 {
    font-size: 28px;
  }

  .why-box {
    padding: 30px 22px;
  }
}


/* get in touch  */

.same-theme {
  padding: 81px 20px;
  /* background:
    radial-gradient(circle at top left, rgba(106, 90, 205, .35), transparent 40%),
    radial-gradient(circle at bottom right, rgba(73, 62, 119, .35), transparent 40%),
    linear-gradient(135deg, #493e77, #6a5acd, #24125c); */
      background: radial-gradient(circle at top right, rgba(106, 90, 205, .28), transparent 34%), linear-gradient(135deg, #120c2e 0%, #3f3278 48%, #3b2a70 100%);
  color: #fff;
  font-family: 'Poppins', sans-serif;
}

.luxury-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
}

/* LEFT */

.luxury-tag {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 40px;
  background: rgba(255, 255, 255, .12);
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}

.luxury-left h2 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 15px;
}

.luxury-left p {
     color: #8d8d8d;
  line-height: 1.7;
  max-width: 450px;
}

.luxury-info {
  margin-top: 30px;
}

.luxury-info div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  color: #e9e5ff;
}

.luxury-info i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .12);
}

/* FORM */

.service-form-card{
  max-width:500px;
  width:100%;
  background:#fff;
  padding:34px;
  border-radius:22px;
  border:1px solid #e9e5ff;
  box-shadow:0 22px 60px rgba(73,62,119,.14);
  font-family:'Poppins',sans-serif;
}

.service-form-card h3{
  font-size:28px;
  font-weight:800;
        font-weight: 500;
    color: #868686;
  margin:0 0 10px;
}
.service-form-card{
  max-width:500px;
  width:100%;
  background:#fff;
  padding:34px;
  border-radius:22px;
  border:1px solid #e9e5ff;
  box-shadow:0 22px 60px rgba(73,62,119,.14);
  font-family:'Poppins',sans-serif;
  box-sizing:border-box;
}

.service-form-card *{
  box-sizing:border-box;
}

.service-form-card h3{
  font-size:28px;
  font-weight:800;
  color:#06122a;
  margin:0 0 10px;
}

.service-form-card p{
  font-size:13px;
  color:#5f6072;
  margin:0 0 24px;
}

.service-form-card input,
.service-form-card select,
.service-form-card textarea{
  width:100%;
  background:#f7f7ff;
  border:1px solid #deddf0;
  border-radius:13px;
  padding:14px 16px;
  margin-bottom:14px;
  color:#24125c;
  font-size:13px;
  outline:none;
  transition:.3s ease;
}

.service-form-card textarea{
  height:96px;
  resize:none;
}

.service-form-card input:focus,
.service-form-card select:focus,
.service-form-card textarea:focus{
  background:#fff;
  border-color:#6a5acd;
  box-shadow:0 0 0 4px rgba(106,90,205,.12);
}

.service-form-card button{
  width:100%;
  border:0;
  border-radius:12px;
  padding:15px;
          background: linear-gradient(356deg, #cf8800, #f8aa00, #ffcc33);
  color:#fff;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(106,90,205,.28);
  transition:.3s ease;
}

.service-form-card button:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 35px rgba(106,90,205,.38);
}

/* Contact Section Responsive Fix */
@media (max-width: 992px){
  .luxury-container{
    grid-template-columns:1fr;
    gap:35px;
  }

  .service-form-card{
    max-width:100%;
    justify-self:center;
  }
}

@media (max-width: 768px){
  .same-theme{
    padding:60px 16px;
  }

  .luxury-left h2{
    font-size:34px;
  }

  .luxury-left p{
    max-width:100%;
  }
}

@media (max-width: 576px){
  .same-theme{
    padding:50px 14px;
  }

  .luxury-container{
    grid-template-columns:1fr;
    gap:28px;
  }

  .luxury-left h2{
    font-size:28px;
    line-height:1.25;
  }

  .luxury-left p{
    font-size:14px;
    line-height:1.7;
  }

  .luxury-info div{
    font-size:14px;
  }

  .service-form-card{
    width:100%;
    max-width:100%;
    padding:24px 18px;
  }
}



/* testinomial */

.client-love{
  padding:90px 18px;
  background:#f8f8f8;
  font-family:'Poppins',sans-serif;
}

.client-container{
  max-width:1180px;
  margin:auto;
}

.review-head{
  text-align:center;
  max-width:650px;
  margin:0 auto 45px;
}

.review-head span{
  display:inline-block;
  padding:8px 20px;
  border-radius:50px;
  background:rgba(225,149,3,0.12);
  color:#e19503;
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;
  margin-bottom:18px;
}

.review-head h2{
  font-size:42px;
  font-weight:800;
  color:#111;
  margin:0 0 12px;
}

.review-head p{
  color:#666;
  line-height:1.8;
  margin:0;
  font-size:16px;
}

.review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}

.review-card{
  position:relative;
  min-height:255px;
  height:100%;
  background:#fff;
  padding:35px 30px;
  border-radius:24px;
  border:1px solid #eee;
  box-shadow:0 18px 45px rgba(0,0,0,0.08);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  transition:0.4s ease;
}

.review-card::before{
  content:"";
  position:absolute;
  width:100%;
  height:5px;
  background:linear-gradient(90deg,#e19503,#ffbb33);
  top:0;
  left:0;
}

.review-card::after{
  content:"”";
  position:absolute;
  top:10px;
  right:24px;
  font-size:85px;
  font-weight:900;
  color:rgba(225,149,3,0.12);
  line-height:1;
}

.review-card:hover{
  transform:translateY(-10px);
  box-shadow:0 20px 50px rgba(225,149,3,0.18);
}

.review-card > *{
  position:relative;
  z-index:2;
}

.stars{
  color:#e19503;
  letter-spacing:3px;
  font-size:16px;
  margin-bottom:18px;
}

.review-card p{
  color:#666;
  font-size:15px;
  line-height:1.8;
  margin:0 0 26px;
  flex-grow:1;
}

.review-user{
  display:flex;
  align-items:center;
  gap:14px;
}

.review-user img{
  width:56px;
  height:56px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid rgba(225,149,3,0.18);
}

.review-user h4{
  margin:0;
  font-size:16px;
  font-weight:700;
  color:#111;
}

.review-user span{
  font-size:13px;
  color:#777;
}

@media(max-width:992px){
  .review-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:576px){

  .client-love{
    padding:60px 14px;
  }

  .review-head h2{
    font-size:30px;
  }

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

  .review-card{
    min-height:auto;
    padding:28px 24px;
    border-radius:22px;
  }

}

/* footer */

.footer-design-4{
 position: relative;
    overflow: hidden;
    background: radial-gradient(circle at top right, rgba(106, 90, 205, .28), transparent 34%), linear-gradient(135deg, #120c2e 0%, #3f3278 45%, #3b2a70 100%);
    color: #fff;
    padding: 55px 38px 0;
    font-family: 'Poppins', sans-serif;
    
}


.footer-wave-right{
  right:-120px;
  top:20px;
  background:repeating-radial-gradient(ellipse at right top,
    transparent 0 13px,
    rgba(166,143,255,.45) 14px 15px
  );
  transform:rotate(-8deg);
}

.footer-container{
  position:relative;
  z-index:2;
  max-width:1280px;
  margin:auto;
  display:grid;
  grid-template-columns:1.25fr .85fr 1.15fr 1fr 1.15fr;
  gap:36px;
  align-items:flex-start;
}

.footer-logo{
  max-width:255px;
  margin-bottom:18px;
     
}

.footer-brand p{
color: #bebebe;
  font-size:14px;
  line-height:1.65;
  max-width:320px;
  margin:0;
  text-align: justify;
}

.footer-social{
  display:flex;
  gap:13px;
  margin-top:24px;
}

.footer-social a{
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(190,175,255,.45);
  transition:.3s ease;
}

.footer-social a:hover{
  background:linear-gradient(135deg,#493e77,#6a5acd);
  transform:translateY(-4px);
  box-shadow:0 12px 25px rgba(106,90,205,.35);
}

.footer-col h4,
.footer-hours h4{
  font-size:15px;
  font-weight:600;
  text-transform:uppercase;
  margin:0 0 16px;
  color:#fff;
}

.footer-col a{
  display:block;
color: #bebebe;
  text-decoration:none;
  font-size:15px;
  margin-bottom:8px;
  transition:.3s ease;
}

.footer-col a:hover{
  color:#b9aaff;
  transform:translateX(5px);
}

.contact-item{
  display:flex;
  gap:12px;
color: #bebebe;
  font-size:15px;
  line-height:1.5;
  margin-bottom:16px;
}

.contact-item i{
  color:#b9aaff;
  font-size:17px;
  margin-top:3px;
}

.footer-hours{
    padding: 43px 20px;
  border-radius:18px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(190,175,255,.32);
  box-shadow:0 18px 45px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
}

.footer-hours h4{
  display:flex;
  align-items:center;
  gap:5px;
  margin-bottom:16px;
      margin-left: -7px;
}

.footer-hours h4 i{
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.45);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 600;
  font-size: 15px;
}

.footer-hours p{
  margin:8px 0;
color: #bebebe;
  font-size:14px;
}

.footer-bottom{
 text-align: center;
  position:relative;
  z-index:2;
  max-width:1280px;
  margin:35px auto 0;
  padding:17px 0;
  border-top:1px solid rgba(255,255,255,.18);
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
    color: #838383;
  font-size:15px;
}

.footer-bottom p{
  margin:0;
}

.footer-bottom-links{
  display:flex;
  align-items:center;
  gap:18px;
}

.footer-bottom-links a{
    color: #838383;
  text-decoration:none;
  transition:.3s;
  
}

.footer-bottom-links a:hover{
  color:#b9aaff;
}

.footer-bottom-links span{
  width:1px;
  height:14px;
  background:rgba(255,255,255,.35);
}

@media(max-width:1100px){
  .footer-container{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:576px){
  .footer-design-4{
    padding:45px 18px 0;
    border-radius:0;
  }

  .footer-container{
    grid-template-columns:1fr;
    gap:30px;
  }

  .footer-bottom{
    flex-direction:column;
  }

  .footer-bottom-links{
    flex-wrap:wrap;
    gap:12px;
  }
}


/* global manpower solution style */

.cs-info-page {
  width: 100%;
  background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 45%, #f6f8fc 100%);
  padding: 50px 15px;
  font-family: "Poppins", Arial, sans-serif;
  color: #172033;
}

.cs-info-container {
  max-width: 1180px;
  margin: auto;
}

.cs-info-hero {
  position: relative;
  height: 430px;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(25, 35, 80, 0.18);
}

.cs-info-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cs-info-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(22, 18, 70, 0.82), rgba(70, 54, 150, 0.45), rgba(0,0,0,0.05));
}

.cs-hero-overlay {
  position: absolute;
  left: 45px;
  bottom: 45px;
  z-index: 2;
  max-width: 650px;
  color: #fff;
}

.cs-hero-overlay span {
  display: inline-block;
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.25);
  padding: 8px 18px;
  border-radius: 50px;
  font-size: 14px;
  margin-bottom: 14px;
  backdrop-filter: blur(8px);
}

.cs-hero-overlay h1 {
  font-size: 46px;
  line-height: 1.15;
  margin: 0;
  font-weight: 800;
}

.cs-breadcrumb {
  margin: 26px 0;
  font-size: 14px;
  color: #6b7280;
}

.cs-breadcrumb span {
  color: #6a5acd;
  margin: 0 8px;
}

.cs-info-layout {
  display: grid;
  grid-template-columns: 1fr 330px;
  gap: 35px;
  align-items: start;
}

.cs-info-content {
  background: #fff;
  padding: 38px;
  border-radius: 26px;
  box-shadow: 0 15px 45px rgba(15, 23, 42, 0.08);
  border: 1px solid #edf0f7;
}

.cs-section-tag {
  display: inline-block;
  background: linear-gradient(135deg, #6a5acd, #493e77);
  color: #fff;
  padding: 8px 18px;
  border-radius: 50px;
  font-size: 13px;
  margin-bottom: 14px;
}

.cs-info-content h2 {
  font-size: 34px;
  margin: 0 0 16px;
  color: #111827;
}

.cs-info-content h3 {
  font-size: 24px;
  margin: 36px 0 18px;
  color: #22185f;
  position: relative;
  padding-left: 16px;
}

.cs-info-content h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 5px;
  height: 26px;
  background: linear-gradient(180deg, #6a5acd, #00c6ff);
  border-radius: 20px;
}

.cs-info-content p {
  font-size: 15.5px;
  line-height: 1.85;
  color: #4b5563;
  margin-bottom: 18px;
}

.cs-highlight-box {
  background: linear-gradient(135deg, #f0efff, #eef9ff);
  border-left: 5px solid #6a5acd;
  padding: 20px 22px;
  border-radius: 18px;
  color: #374151;
  line-height: 1.7;
  margin: 25px 0;
}

.cs-info-card {
  background: #fbfcff;
  border: 1px solid #edf1f7;
  border-radius: 20px;
  padding: 24px;
  margin-bottom: 18px;
  transition: 0.3s ease;
}

.cs-info-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 35px rgba(73, 62, 119, 0.12);
  border-color: rgba(106, 90, 205, 0.25);
}

.cs-info-card h4 {
  margin: 0 0 12px;
  color: #111827;
  font-size: 18px;
}

.cs-info-card ul {
  padding-left: 20px;
  margin: 0;
}

.cs-info-card li {
  margin-bottom: 9px;
  color: #4b5563;
  font-size: 15px;
  line-height: 1.7;
}

.cs-grid-points {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 22px;
}

.cs-grid-points div {
  background: #fff;
  border-radius: 22px;
  padding: 25px;
  border: 1px solid #edf0f7;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.cs-grid-points span {
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg, #6a5acd, #493e77);
  color: #fff;
  display: grid;
  place-items: center;
  border-radius: 14px;
  font-weight: 700;
  margin-bottom: 15px;
}

.cs-grid-points h4 {
  margin: 0 0 8px;
  color: #111827;
}

.cs-grid-points p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.7;
}

.cs-info-sidebar {
  position: sticky;
  top: 25px;
}

.cs-side-box {
  background: #fff;
  border-radius: 24px;
  padding: 28px;
  margin-bottom: 24px;
  border: 1px solid #edf0f7;
  box-shadow: 0 15px 40px rgba(15, 23, 42, 0.08);
}

.cs-side-box h3 {
  margin: 0 0 12px;
  font-size: 22px;
  color: #111827;
}

.cs-side-box p {
  color: #6b7280;
  font-size: 15px;
  line-height: 1.7;
}

.cs-side-box ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}

.cs-side-box li {
  padding: 11px 0;
  border-bottom: 1px solid #edf0f7;
  font-size: 14.5px;
  color: #374151;
}

.cs-side-box li span {
  color: #6a5acd;
  margin-right: 8px;
  font-weight: 700;
}

.cs-blue-box {
  background: linear-gradient(135deg, #493e77, #6a5acd);
  color: #fff;
}

.cs-blue-box h3,
.cs-blue-box p {
  color: #fff;
}

.cs-blue-box a {
  display: inline-block;
  margin-top: 10px;
  background: #fff;
  color: #493e77;
  padding: 12px 22px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s ease;
}

.cs-blue-box a:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.18);
}

/* Responsive */
@media (max-width: 992px) {
  .cs-info-layout {
    grid-template-columns: 1fr;
  }

  .cs-info-sidebar {
    position: static;
  }
}

@media (max-width: 768px) {
  .cs-info-page {
    padding: 30px 12px;
  }

  .cs-info-hero {
    height: 340px;
    border-radius: 22px;
  }

  .cs-hero-overlay {
    left: 22px;
    right: 22px;
    bottom: 28px;
  }

  .cs-hero-overlay h1 {
    font-size: 32px;
  }

  .cs-info-content {
    padding: 24px;
  }

  .cs-info-content h2 {
    font-size: 28px;
  }

  .cs-grid-points {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .cs-info-hero {
    height: 300px;
  }

  .cs-hero-overlay h1 {
    font-size: 27px;
  }

  .cs-info-content {
    padding: 20px;
  }
}

/* secondment services  */

/* ===== SERVICE PAGE LOCKED DESIGN ===== */

.cs-service-page,
.cs-service-page * {
  box-sizing: border-box !important;
}

.cs-service-page {
  width: 100% !important;
  background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 45%, #f6f8fc 100%) !important;
  padding: 50px 15px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  color: #172033 !important;
}

.cs-service-container {
  width: 100% !important;
  max-width: 1180px !important;
  margin: auto !important;
}

.cs-service-hero {
  position: relative !important;
  width: 100% !important;
  height: 430px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(25, 35, 80, 0.18) !important;
}

.cs-service-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.cs-service-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(22,18,70,.82), rgba(70,54,150,.45), rgba(0,0,0,.05)) !important;
}

.cs-service-hero-content {
  position: absolute !important;
  left: 45px !important;
  bottom: 45px !important;
  z-index: 2 !important;
  max-width: 760px !important;
  color: #fff !important;
}

.cs-service-hero-content span {
  display: inline-block !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  margin-bottom: 14px !important;
}

.cs-service-hero-content h1 {
  font-size: 44px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  font-weight: 800 !important;
}

.cs-breadcrumb {
  margin: 26px 0 !important;
  font-size: 14px !important;
  color: #6b7280 !important;
}

.cs-breadcrumb span {
  color: #6a5acd !important;
  margin: 0 8px !important;
}

.cs-service-layout {
  display: grid !important;
  grid-template-columns: 1fr 330px !important;
  gap: 35px !important;
  align-items: start !important;
}

.cs-service-content {
  width: 100% !important;
  background: #fff !important;
  padding: 38px !important;
  border-radius: 26px !important;
  box-shadow: 0 15px 45px rgba(15,23,42,.08) !important;
  border: 1px solid #edf0f7 !important;
}

.cs-section-tag {
  display: inline-block !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  margin-bottom: 14px !important;
}

.cs-service-content h2 {
  font-size: 34px !important;
  margin: 0 0 16px !important;
  color: #111827 !important;
}

.cs-service-content h3 {
  font-size: 24px !important;
  margin: 36px 0 18px !important;
  color: #22185f !important;
  position: relative !important;
  padding-left: 16px !important;
}

.cs-service-content h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  width: 5px !important;
  height: 26px !important;
  background: linear-gradient(180deg, #6a5acd, #00c6ff) !important;
  border-radius: 20px !important;
}

.cs-service-content p {
  font-size: 15.5px !important;
  line-height: 1.85 !important;
  color: #4b5563 !important;
  margin: 0 0 18px !important;
}

.cs-highlight-box {
  background: linear-gradient(135deg, #f0efff, #eef9ff) !important;
  border-left: 5px solid #6a5acd !important;
  padding: 20px 22px !important;
  border-radius: 18px !important;
  color: #374151 !important;
  line-height: 1.7 !important;
  margin: 25px 0 !important;
}

.cs-info-card {
  width: 100% !important;
  background: #fbfcff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 18px !important;
  transition: .3s ease !important;
}

.cs-info-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 15px 35px rgba(73,62,119,.12) !important;
  border-color: rgba(106,90,205,.25) !important;
}

.cs-info-card h4 {
  margin: 0 0 12px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.cs-info-card ul {
  padding-left: 20px !important;
  margin: 0 !important;
}

.cs-info-card li {
  margin-bottom: 9px !important;
  color: #4b5563 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.cs-grid-points {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  margin-top: 22px !important;
}

.cs-grid-points div {
  background: #fff !important;
  border-radius: 22px !important;
  padding: 25px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}

.cs-grid-points span {
  width: 42px !important;
  height: 42px !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
}

.cs-grid-points h4 {
  margin: 0 0 8px !important;
  color: #111827 !important;
}

.cs-grid-points p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}

.cs-service-sidebar {
  width: 100% !important;
  max-width: 330px !important;
  position: sticky !important;
  top: 25px !important;
}

.cs-side-box {
  width: 100% !important;
  background: #fff !important;
  border-radius: 24px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 15px 40px rgba(15,23,42,.08) !important;
}

.cs-side-box h3 {
  margin: 0 0 12px !important;
  font-size: 22px !important;
  color: #111827 !important;
}

.cs-side-box p {
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.cs-side-box ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 0 !important;
}

.cs-side-box li {
  padding: 11px 0 !important;
  border-bottom: 1px solid #edf0f7 !important;
  font-size: 14.5px !important;
  color: #374151 !important;
}

.cs-side-box li span {
  color: #6a5acd !important;
  margin-right: 8px !important;
  font-weight: 700 !important;
}

.cs-blue-box {
  background: linear-gradient(135deg, #493e77, #6a5acd) !important;
  color: #fff !important;
}

.cs-blue-box h3,
.cs-blue-box p {
  color: #fff !important;
}

.cs-blue-box a {
  display: inline-block !important;
  margin-top: 10px !important;
  background: #fff !important;
  color: #493e77 !important;
  padding: 12px 22px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: .3s ease !important;
}

.cs-blue-box a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(0,0,0,.18) !important;
}

@media (max-width: 992px) {
  .cs-service-layout {
    grid-template-columns: 1fr !important;
  }

  .cs-service-sidebar {
    position: static !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .cs-service-page {
    padding: 30px 12px !important;
  }

  .cs-service-hero {
    height: 340px !important;
    border-radius: 22px !important;
  }

  .cs-service-hero-content {
    left: 22px !important;
    right: 22px !important;
    bottom: 28px !important;
  }

  .cs-service-hero-content h1 {
    font-size: 31px !important;
  }

  .cs-service-content {
    padding: 24px !important;
  }

  .cs-service-content h2 {
    font-size: 28px !important;
  }

  .cs-grid-points {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .cs-service-hero {
    height: 300px !important;
  }

  .cs-service-hero-content h1 {
    font-size: 26px !important;
  }

  .cs-service-content {
    padding: 20px !important;
  }
}

/* global trading  */

.gts-info-page,
.gts-info-page * {
  box-sizing: border-box !important;
}

.gts-info-page {
  width: 100% !important;
  background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 45%, #f6f8fc 100%) !important;
  padding: 50px 15px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  color: #172033 !important;
}

.gts-container {
  width: 100% !important;
  max-width: 1180px !important;
  margin: auto !important;
}

.gts-hero {
  position: relative !important;
  width: 100% !important;
  height: 430px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(25, 35, 80, 0.18) !important;
}

.gts-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.gts-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(22,18,70,.84), rgba(70,54,150,.46), rgba(0,0,0,.06)) !important;
}

.gts-hero-content {
  position: absolute !important;
  left: 45px !important;
  bottom: 45px !important;
  z-index: 2 !important;
  max-width: 760px !important;
  color: #fff !important;
}

.gts-hero-content span {
  display: inline-block !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  margin-bottom: 14px !important;
}

.gts-hero-content h1 {
  font-size: 44px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  font-weight: 800 !important;
}

.gts-breadcrumb {
  margin: 26px 0 !important;
  font-size: 14px !important;
  color: #6b7280 !important;
}

.gts-breadcrumb span {
  color: #6a5acd !important;
  margin: 0 8px !important;
}

.gts-layout {
  display: grid !important;
  grid-template-columns: 1fr 330px !important;
  gap: 35px !important;
  align-items: start !important;
}

.gts-content {
  width: 100% !important;
  background: #fff !important;
  padding: 38px !important;
  border-radius: 26px !important;
  box-shadow: 0 15px 45px rgba(15,23,42,.08) !important;
  border: 1px solid #edf0f7 !important;
}

.gts-tag {
  display: inline-block !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  margin-bottom: 14px !important;
}

.gts-content h2 {
  font-size: 34px !important;
  margin: 0 0 16px !important;
  color: #111827 !important;
}

.gts-content h3 {
  font-size: 24px !important;
  margin: 36px 0 18px !important;
  color: #22185f !important;
  position: relative !important;
  padding-left: 16px !important;
}

.gts-content h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  width: 5px !important;
  height: 26px !important;
  background: linear-gradient(180deg, #6a5acd, #00c6ff) !important;
  border-radius: 20px !important;
}

.gts-content p {
  font-size: 15.5px !important;
  line-height: 1.85 !important;
  color: #4b5563 !important;
  margin: 0 0 18px !important;
}

.gts-highlight {
  background: linear-gradient(135deg, #f0efff, #eef9ff) !important;
  border-left: 5px solid #6a5acd !important;
  padding: 20px 22px !important;
  border-radius: 18px !important;
  color: #374151 !important;
  line-height: 1.7 !important;
  margin: 25px 0 !important;
}

.gts-card {
  width: 100% !important;
  background: #fbfcff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 18px !important;
  transition: .3s ease !important;
}

.gts-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 15px 35px rgba(73,62,119,.12) !important;
  border-color: rgba(106,90,205,.25) !important;
}

.gts-card h4 {
  margin: 0 0 12px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.gts-card ul {
  padding-left: 20px !important;
  margin: 0 !important;
}

.gts-card li {
  margin-bottom: 9px !important;
  color: #4b5563 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.gts-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  margin: 22px 0 30px !important;
}

.gts-grid div {
  background: #fff !important;
  border-radius: 22px !important;
  padding: 25px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}

.gts-grid span {
  width: 42px !important;
  height: 42px !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
}

.gts-grid h4 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.gts-grid p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}

.gts-sidebar {
  width: 100% !important;
  max-width: 330px !important;
  position: sticky !important;
  top: 25px !important;
}

.gts-side-box {
  width: 100% !important;
  background: #fff !important;
  border-radius: 24px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 15px 40px rgba(15,23,42,.08) !important;
}

.gts-side-box h3 {
  margin: 0 0 12px !important;
  font-size: 22px !important;
  color: #111827 !important;
}

.gts-side-box p {
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.gts-side-box ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 0 !important;
}

.gts-side-box li {
  padding: 11px 0 !important;
  border-bottom: 1px solid #edf0f7 !important;
  font-size: 14.5px !important;
  color: #374151 !important;
}

.gts-side-box li span {
  color: #6a5acd !important;
  margin-right: 8px !important;
  font-weight: 700 !important;
}

.gts-purple-box {
  background: linear-gradient(135deg, #493e77, #6a5acd) !important;
  color: #fff !important;
}

.gts-purple-box h3,
.gts-purple-box p {
  color: #fff !important;
}

.gts-purple-box a {
  display: inline-block !important;
  margin-top: 18px !important;
  background: #fff !important;
  color: #493e77 !important;
  padding: 12px 22px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: .3s ease !important;
}

.gts-purple-box a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(0,0,0,.18) !important;
}

@media (max-width: 992px) {
  .gts-layout {
    grid-template-columns: 1fr !important;
  }

  .gts-sidebar {
    position: static !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .gts-info-page {
    padding: 30px 12px !important;
  }

  .gts-hero {
    height: 340px !important;
    border-radius: 22px !important;
  }

  .gts-hero-content {
    left: 22px !important;
    right: 22px !important;
    bottom: 28px !important;
  }

  .gts-hero-content h1 {
    font-size: 31px !important;
  }

  .gts-content {
    padding: 24px !important;
  }

  .gts-content h2 {
    font-size: 28px !important;
  }

  .gts-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .gts-hero {
    height: 300px !important;
  }

  .gts-hero-content h1 {
    font-size: 26px !important;
  }

  .gts-content {
    padding: 20px !important;
  }
}

/* civil construction */

.cci-info-page,
.cci-info-page * {
  box-sizing: border-box !important;
}

.cci-info-page {
  width: 100% !important;
  background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 45%, #f6f8fc 100%) !important;
  padding: 50px 15px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  color: #172033 !important;
}

.cci-container {
  width: 100% !important;
  max-width: 1180px !important;
  margin: auto !important;
}

.cci-hero {
  position: relative !important;
  width: 100% !important;
  height: 430px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(25, 35, 80, 0.18) !important;
}

.cci-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.cci-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(22,18,70,.84), rgba(70,54,150,.46), rgba(0,0,0,.06)) !important;
}

.cci-hero-content {
  position: absolute !important;
  left: 45px !important;
  bottom: 45px !important;
  z-index: 2 !important;
  max-width: 760px !important;
  color: #fff !important;
}

.cci-hero-content span {
  display: inline-block !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  margin-bottom: 14px !important;
}

.cci-hero-content h1 {
  font-size: 44px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  font-weight: 800 !important;
}

.cci-breadcrumb {
  margin: 26px 0 !important;
  font-size: 14px !important;
  color: #6b7280 !important;
}

.cci-breadcrumb span {
  color: #6a5acd !important;
  margin: 0 8px !important;
}

.cci-layout {
  display: grid !important;
  grid-template-columns: 1fr 330px !important;
  gap: 35px !important;
  align-items: start !important;
}

.cci-content {
  width: 100% !important;
  background: #fff !important;
  padding: 38px !important;
  border-radius: 26px !important;
  box-shadow: 0 15px 45px rgba(15,23,42,.08) !important;
  border: 1px solid #edf0f7 !important;
}

.cci-tag {
  display: inline-block !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  margin-bottom: 14px !important;
}

.cci-content h2 {
  font-size: 34px !important;
  margin: 0 0 16px !important;
  color: #111827 !important;
}

.cci-content h3 {
  font-size: 24px !important;
  margin: 36px 0 18px !important;
  color: #22185f !important;
  position: relative !important;
  padding-left: 16px !important;
}

.cci-content h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  width: 5px !important;
  height: 26px !important;
  background: linear-gradient(180deg, #6a5acd, #00c6ff) !important;
  border-radius: 20px !important;
}

.cci-content p {
  font-size: 15.5px !important;
  line-height: 1.85 !important;
  color: #4b5563 !important;
  margin: 0 0 18px !important;
}

.cci-highlight {
  background: linear-gradient(135deg, #f0efff, #eef9ff) !important;
  border-left: 5px solid #6a5acd !important;
  padding: 20px 22px !important;
  border-radius: 18px !important;
  color: #374151 !important;
  line-height: 1.7 !important;
  margin: 25px 0 !important;
}

.cci-card {
  width: 100% !important;
  background: #fbfcff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 18px !important;
  transition: .3s ease !important;
}

.cci-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 15px 35px rgba(73,62,119,.12) !important;
  border-color: rgba(106,90,205,.25) !important;
}

.cci-card h4 {
  margin: 0 0 12px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.cci-card ul {
  padding-left: 20px !important;
  margin: 0 !important;
}

.cci-card li {
  margin-bottom: 9px !important;
  color: #4b5563 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.cci-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  margin: 22px 0 30px !important;
}

.cci-grid div {
  background: #fff !important;
  border-radius: 22px !important;
  padding: 25px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}

.cci-grid span {
  width: 42px !important;
  height: 42px !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
}

.cci-grid h4 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.cci-grid p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}

.cci-sidebar {
  width: 100% !important;
  max-width: 330px !important;
  position: sticky !important;
  top: 25px !important;
}

.cci-side-box {
  width: 100% !important;
  background: #fff !important;
  border-radius: 24px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 15px 40px rgba(15,23,42,.08) !important;
}

.cci-side-box h3 {
  margin: 0 0 12px !important;
  font-size: 22px !important;
  color: #111827 !important;
}

.cci-side-box p {
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.cci-side-box ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 0 !important;
}

.cci-side-box li {
  padding: 11px 0 !important;
  border-bottom: 1px solid #edf0f7 !important;
  font-size: 14.5px !important;
  color: #374151 !important;
}

.cci-side-box li span {
  color: #6a5acd !important;
  margin-right: 8px !important;
  font-weight: 700 !important;
}

.cci-purple-box {
  background: linear-gradient(135deg, #493e77, #6a5acd) !important;
  color: #fff !important;
}

.cci-purple-box h3,
.cci-purple-box p {
  color: #fff !important;
}

.cci-purple-box a {
  display: inline-block !important;
  margin-top: 18px !important;
  background: #fff !important;
  color: #493e77 !important;
  padding: 12px 22px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: .3s ease !important;
}

.cci-purple-box a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(0,0,0,.18) !important;
}

@media (max-width: 992px) {
  .cci-layout {
    grid-template-columns: 1fr !important;
  }

  .cci-sidebar {
    position: static !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .cci-info-page {
    padding: 30px 12px !important;
  }

  .cci-hero {
    height: 340px !important;
    border-radius: 22px !important;
  }

  .cci-hero-content {
    left: 22px !important;
    right: 22px !important;
    bottom: 28px !important;
  }

  .cci-hero-content h1 {
    font-size: 31px !important;
  }

  .cci-content {
    padding: 24px !important;
  }

  .cci-content h2 {
    font-size: 28px !important;
  }

  .cci-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .cci-hero {
    height: 300px !important;
  }

  .cci-hero-content h1 {
    font-size: 26px !important;
  }

  .cci-content {
    padding: 20px !important;
  }
}

/* industrial structure  */

.isfx-page,
.isfx-page * {
  box-sizing: border-box !important;
}

.isfx-page {
  width: 100% !important;
  background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 45%, #f6f8fc 100%) !important;
  padding: 50px 15px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  color: #172033 !important;
}

.isfx-page .isfx-container {
  width: 100% !important;
  max-width: 1180px !important;
  margin: auto !important;
}

.isfx-page .isfx-hero {
  position: relative !important;
  width: 100% !important;
  height: 430px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(25, 35, 80, 0.18) !important;
}

.isfx-page .isfx-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.isfx-page .isfx-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(22,18,70,.84), rgba(70,54,150,.46), rgba(0,0,0,.06)) !important;
}

.isfx-page .isfx-hero-content {
  position: absolute !important;
  left: 45px !important;
  bottom: 45px !important;
  z-index: 2 !important;
  max-width: 760px !important;
  color: #fff !important;
}

.isfx-page .isfx-hero-content span {
  display: inline-block !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  margin-bottom: 14px !important;
}

.isfx-page .isfx-hero-content h1 {
  font-size: 44px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  font-weight: 800 !important;
}

.isfx-page .isfx-breadcrumb {
  margin: 26px 0 !important;
  font-size: 14px !important;
  color: #6b7280 !important;
}

.isfx-page .isfx-breadcrumb span {
  color: #6a5acd !important;
  margin: 0 8px !important;
}

.isfx-page .isfx-layout {
  display: grid !important;
  grid-template-columns: 1fr 330px !important;
  gap: 35px !important;
  align-items: start !important;
}

.isfx-page .isfx-content {
  width: 100% !important;
  background: #fff !important;
  padding: 38px !important;
  border-radius: 26px !important;
  box-shadow: 0 15px 45px rgba(15,23,42,.08) !important;
  border: 1px solid #edf0f7 !important;
}

.isfx-page .isfx-tag {
  display: inline-block !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  margin-bottom: 14px !important;
}

.isfx-page .isfx-content h2 {
  font-size: 34px !important;
  margin: 0 0 16px !important;
  color: #111827 !important;
}

.isfx-page .isfx-content h3 {
  font-size: 24px !important;
  margin: 36px 0 18px !important;
  color: #22185f !important;
  position: relative !important;
  padding-left: 16px !important;
}

.isfx-page .isfx-content h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  width: 5px !important;
  height: 26px !important;
  background: linear-gradient(180deg, #6a5acd, #00c6ff) !important;
  border-radius: 20px !important;
}

.isfx-page .isfx-content p {
  font-size: 15.5px !important;
  line-height: 1.85 !important;
  color: #4b5563 !important;
  margin: 0 0 18px !important;
}

.isfx-page .isfx-highlight {
  background: linear-gradient(135deg, #f0efff, #eef9ff) !important;
  border-left: 5px solid #6a5acd !important;
  padding: 20px 22px !important;
  border-radius: 18px !important;
  color: #374151 !important;
  line-height: 1.7 !important;
  margin: 25px 0 !important;
}

.isfx-page .isfx-card {
  width: 100% !important;
  background: #fbfcff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 18px !important;
  transition: .3s ease !important;
}

.isfx-page .isfx-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 15px 35px rgba(73,62,119,.12) !important;
  border-color: rgba(106,90,205,.25) !important;
}

.isfx-page .isfx-card h4 {
  margin: 0 0 12px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.isfx-page .isfx-card ul {
  padding-left: 20px !important;
  margin: 0 !important;
}

.isfx-page .isfx-card li {
  margin-bottom: 9px !important;
  color: #4b5563 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.isfx-page .isfx-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  margin: 22px 0 30px !important;
}

.isfx-page .isfx-grid div {
  background: #fff !important;
  border-radius: 22px !important;
  padding: 25px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}

.isfx-page .isfx-grid span {
  width: 42px !important;
  height: 42px !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
}

.isfx-page .isfx-grid h4 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.isfx-page .isfx-grid p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}

.isfx-page .isfx-sidebar {
  width: 100% !important;
  max-width: 330px !important;
  position: sticky !important;
  top: 25px !important;
}

.isfx-page .isfx-side-box {
  width: 100% !important;
  background: #fff !important;
  border-radius: 24px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 15px 40px rgba(15,23,42,.08) !important;
}

.isfx-page .isfx-side-box h3 {
  margin: 0 0 12px !important;
  font-size: 22px !important;
  color: #111827 !important;
}

.isfx-page .isfx-side-box p {
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.isfx-page .isfx-side-box ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 0 !important;
}

.isfx-page .isfx-side-box li {
  padding: 11px 0 !important;
  border-bottom: 1px solid #edf0f7 !important;
  font-size: 14.5px !important;
  color: #374151 !important;
}

.isfx-page .isfx-side-box li span {
  color: #6a5acd !important;
  margin-right: 8px !important;
  font-weight: 700 !important;
}

.isfx-page .isfx-purple-box {
  background: linear-gradient(135deg, #493e77, #6a5acd) !important;
  color: #fff !important;
}

.isfx-page .isfx-purple-box h3,
.isfx-page .isfx-purple-box p {
  color: #fff !important;
}

.isfx-page .isfx-purple-box a {
  display: inline-block !important;
  margin-top: 18px !important;
  background: #fff !important;
  color: #493e77 !important;
  padding: 12px 22px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: .3s ease !important;
}

.isfx-page .isfx-purple-box a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(0,0,0,.18) !important;
}

@media (max-width: 992px) {
  .isfx-page .isfx-layout {
    grid-template-columns: 1fr !important;
  }

  .isfx-page .isfx-sidebar {
    position: static !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .isfx-page {
    padding: 30px 12px !important;
  }

  .isfx-page .isfx-hero {
    height: 340px !important;
    border-radius: 22px !important;
  }

  .isfx-page .isfx-hero-content {
    left: 22px !important;
    right: 22px !important;
    bottom: 28px !important;
  }

  .isfx-page .isfx-hero-content h1 {
    font-size: 31px !important;
  }

  .isfx-page .isfx-content {
    padding: 24px !important;
  }

  .isfx-page .isfx-content h2 {
    font-size: 28px !important;
  }

  .isfx-page .isfx-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .isfx-page .isfx-hero {
    height: 300px !important;
  }

  .isfx-page .isfx-hero-content h1 {
    font-size: 26px !important;
  }

  .isfx-page .isfx-content {
    padding: 20px !important;
  }
}

/* professional hr  */

.hrhc-page,
.hrhc-page * {
  box-sizing: border-box !important;
}

.hrhc-page {
  width: 100% !important;
  background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 45%, #f6f8fc 100%) !important;
  padding: 50px 15px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  color: #172033 !important;
}

.hrhc-page .hrhc-container {
  width: 100% !important;
  max-width: 1180px !important;
  margin: auto !important;
}

.hrhc-page .hrhc-hero {
  position: relative !important;
  width: 100% !important;
  height: 430px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(25, 35, 80, 0.18) !important;
}

.hrhc-page .hrhc-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.hrhc-page .hrhc-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(22,18,70,.84), rgba(70,54,150,.46), rgba(0,0,0,.06)) !important;
}

.hrhc-page .hrhc-hero-content {
  position: absolute !important;
  left: 45px !important;
  bottom: 45px !important;
  z-index: 2 !important;
  max-width: 760px !important;
  color: #fff !important;
}

.hrhc-page .hrhc-hero-content span {
  display: inline-block !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  margin-bottom: 14px !important;
}

.hrhc-page .hrhc-hero-content h1 {
  font-size: 44px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  font-weight: 800 !important;
}

.hrhc-page .hrhc-breadcrumb {
  margin: 26px 0 !important;
  font-size: 14px !important;
  color: #6b7280 !important;
}

.hrhc-page .hrhc-breadcrumb span {
  color: #6a5acd !important;
  margin: 0 8px !important;
}

.hrhc-page .hrhc-layout {
  display: grid !important;
  grid-template-columns: 1fr 330px !important;
  gap: 35px !important;
  align-items: start !important;
}

.hrhc-page .hrhc-content {
  width: 100% !important;
  background: #fff !important;
  padding: 38px !important;
  border-radius: 26px !important;
  box-shadow: 0 15px 45px rgba(15,23,42,.08) !important;
  border: 1px solid #edf0f7 !important;
}

.hrhc-page .hrhc-tag {
  display: inline-block !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  margin-bottom: 14px !important;
}

.hrhc-page .hrhc-content h2 {
  font-size: 34px !important;
  margin: 0 0 16px !important;
  color: #111827 !important;
}

.hrhc-page .hrhc-content h3 {
  font-size: 24px !important;
  margin: 36px 0 18px !important;
  color: #22185f !important;
  position: relative !important;
  padding-left: 16px !important;
}

.hrhc-page .hrhc-content h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  width: 5px !important;
  height: 26px !important;
  background: linear-gradient(180deg, #6a5acd, #00c6ff) !important;
  border-radius: 20px !important;
}

.hrhc-page .hrhc-content p {
  font-size: 15.5px !important;
  line-height: 1.85 !important;
  color: #4b5563 !important;
  margin: 0 0 18px !important;
}

.hrhc-page .hrhc-highlight {
  background: linear-gradient(135deg, #f0efff, #eef9ff) !important;
  border-left: 5px solid #6a5acd !important;
  padding: 20px 22px !important;
  border-radius: 18px !important;
  color: #374151 !important;
  line-height: 1.7 !important;
  margin: 25px 0 !important;
}

.hrhc-page .hrhc-card {
  width: 100% !important;
  background: #fbfcff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 18px !important;
  transition: .3s ease !important;
}

.hrhc-page .hrhc-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 15px 35px rgba(73,62,119,.12) !important;
  border-color: rgba(106,90,205,.25) !important;
}

.hrhc-page .hrhc-card h4 {
  margin: 0 0 12px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.hrhc-page .hrhc-card ul {
  padding-left: 20px !important;
  margin: 0 !important;
}

.hrhc-page .hrhc-card li {
  margin-bottom: 9px !important;
  color: #4b5563 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.hrhc-page .hrhc-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  margin: 22px 0 30px !important;
}

.hrhc-page .hrhc-grid div {
  background: #fff !important;
  border-radius: 22px !important;
  padding: 25px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}

.hrhc-page .hrhc-grid span {
  width: 42px !important;
  height: 42px !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
}

.hrhc-page .hrhc-grid h4 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.hrhc-page .hrhc-grid p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}

.hrhc-page .hrhc-sidebar {
  width: 100% !important;
  max-width: 330px !important;
  position: sticky !important;
  top: 25px !important;
}

.hrhc-page .hrhc-side-box {
  width: 100% !important;
  background: #fff !important;
  border-radius: 24px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 15px 40px rgba(15,23,42,.08) !important;
}

.hrhc-page .hrhc-side-box h3 {
  margin: 0 0 12px !important;
  font-size: 22px !important;
  color: #111827 !important;
}

.hrhc-page .hrhc-side-box p {
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.hrhc-page .hrhc-side-box ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 0 !important;
}

.hrhc-page .hrhc-side-box li {
  padding: 11px 0 !important;
  border-bottom: 1px solid #edf0f7 !important;
  font-size: 14.5px !important;
  color: #374151 !important;
}

.hrhc-page .hrhc-side-box li span {
  color: #6a5acd !important;
  margin-right: 8px !important;
  font-weight: 700 !important;
}

.hrhc-page .hrhc-purple-box {
  background: linear-gradient(135deg, #493e77, #6a5acd) !important;
  color: #fff !important;
}

.hrhc-page .hrhc-purple-box h3,
.hrhc-page .hrhc-purple-box p {
  color: #fff !important;
}

.hrhc-page .hrhc-purple-box a {
  display: inline-block !important;
  margin-top: 18px !important;
  background: #fff !important;
  color: #493e77 !important;
  padding: 12px 22px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: .3s ease !important;
}

.hrhc-page .hrhc-purple-box a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(0,0,0,.18) !important;
}

@media (max-width: 992px) {
  .hrhc-page .hrhc-layout {
    grid-template-columns: 1fr !important;
  }

  .hrhc-page .hrhc-sidebar {
    position: static !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .hrhc-page {
    padding: 30px 12px !important;
  }

  .hrhc-page .hrhc-hero {
    height: 340px !important;
    border-radius: 22px !important;
  }

  .hrhc-page .hrhc-hero-content {
    left: 22px !important;
    right: 22px !important;
    bottom: 28px !important;
  }

  .hrhc-page .hrhc-hero-content h1 {
    font-size: 31px !important;
  }

  .hrhc-page .hrhc-content {
    padding: 24px !important;
  }

  .hrhc-page .hrhc-content h2 {
    font-size: 28px !important;
  }

  .hrhc-page .hrhc-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .hrhc-page .hrhc-hero {
    height: 300px !important;
  }

  .hrhc-page .hrhc-hero-content h1 {
    font-size: 26px !important;
  }

  .hrhc-page .hrhc-content {
    padding: 20px !important;
  }
}

/* manpower-rectruitment */

.mrlx-page,
.mrlx-page * {
  box-sizing: border-box !important;
}

.mrlx-page {
  width: 100% !important;
  background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 45%, #f6f8fc 100%) !important;
  padding: 50px 15px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  color: #172033 !important;
}

.mrlx-page .mrlx-container {
  width: 100% !important;
  max-width: 1180px !important;
  margin: auto !important;
}

.mrlx-page .mrlx-hero {
  position: relative !important;
  width: 100% !important;
  height: 430px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(25, 35, 80, 0.18) !important;
}

.mrlx-page .mrlx-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.mrlx-page .mrlx-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(22,18,70,.84), rgba(70,54,150,.46), rgba(0,0,0,.06)) !important;
}

.mrlx-page .mrlx-hero-content {
  position: absolute !important;
  left: 45px !important;
  bottom: 45px !important;
  z-index: 2 !important;
  max-width: 760px !important;
  color: #fff !important;
}

.mrlx-page .mrlx-hero-content span {
  display: inline-block !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  margin-bottom: 14px !important;
}

.mrlx-page .mrlx-hero-content h1 {
  font-size: 44px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  font-weight: 800 !important;
}

.mrlx-page .mrlx-breadcrumb {
  margin: 26px 0 !important;
  font-size: 14px !important;
  color: #6b7280 !important;
}

.mrlx-page .mrlx-breadcrumb span {
  color: #6a5acd !important;
  margin: 0 8px !important;
}

.mrlx-page .mrlx-layout {
  display: grid !important;
  grid-template-columns: 1fr 330px !important;
  gap: 35px !important;
  align-items: start !important;
}

.mrlx-page .mrlx-content {
  width: 100% !important;
  background: #fff !important;
  padding: 38px !important;
  border-radius: 26px !important;
  box-shadow: 0 15px 45px rgba(15,23,42,.08) !important;
  border: 1px solid #edf0f7 !important;
}

.mrlx-page .mrlx-tag {
  display: inline-block !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  margin-bottom: 14px !important;
}

.mrlx-page .mrlx-content h2 {
  font-size: 34px !important;
  margin: 0 0 16px !important;
  color: #111827 !important;
}

.mrlx-page .mrlx-content h3 {
  font-size: 24px !important;
  margin: 36px 0 18px !important;
  color: #22185f !important;
  position: relative !important;
  padding-left: 16px !important;
}

.mrlx-page .mrlx-content h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  width: 5px !important;
  height: 26px !important;
  background: linear-gradient(180deg, #6a5acd, #00c6ff) !important;
  border-radius: 20px !important;
}

.mrlx-page .mrlx-content p {
  font-size: 15.5px !important;
  line-height: 1.85 !important;
  color: #4b5563 !important;
  margin: 0 0 18px !important;
}

.mrlx-page .mrlx-highlight {
  background: linear-gradient(135deg, #f0efff, #eef9ff) !important;
  border-left: 5px solid #6a5acd !important;
  padding: 20px 22px !important;
  border-radius: 18px !important;
  color: #374151 !important;
  line-height: 1.7 !important;
  margin: 25px 0 !important;
}

.mrlx-page .mrlx-card {
  width: 100% !important;
  background: #fbfcff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 18px !important;
  transition: .3s ease !important;
}

.mrlx-page .mrlx-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 15px 35px rgba(73,62,119,.12) !important;
  border-color: rgba(106,90,205,.25) !important;
}

.mrlx-page .mrlx-card h4 {
  margin: 0 0 12px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.mrlx-page .mrlx-card ul {
  padding-left: 20px !important;
  margin: 0 !important;
}

.mrlx-page .mrlx-card li {
  margin-bottom: 9px !important;
  color: #4b5563 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.mrlx-page .mrlx-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  margin: 22px 0 30px !important;
}

.mrlx-page .mrlx-grid div {
  background: #fff !important;
  border-radius: 22px !important;
  padding: 25px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}

.mrlx-page .mrlx-grid span {
  width: 42px !important;
  height: 42px !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
}

.mrlx-page .mrlx-grid h4 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.mrlx-page .mrlx-grid p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}

.mrlx-page .mrlx-sidebar {
  width: 100% !important;
  max-width: 330px !important;
  position: sticky !important;
  top: 25px !important;
}

.mrlx-page .mrlx-side-box {
  width: 100% !important;
  background: #fff !important;
  border-radius: 24px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 15px 40px rgba(15,23,42,.08) !important;
}

.mrlx-page .mrlx-side-box h3 {
  margin: 0 0 12px !important;
  font-size: 22px !important;
  color: #111827 !important;
}

.mrlx-page .mrlx-side-box p {
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.mrlx-page .mrlx-side-box ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 0 !important;
}

.mrlx-page .mrlx-side-box li {
  padding: 11px 0 !important;
  border-bottom: 1px solid #edf0f7 !important;
  font-size: 14.5px !important;
  color: #374151 !important;
}

.mrlx-page .mrlx-side-box li span {
  color: #6a5acd !important;
  margin-right: 8px !important;
  font-weight: 700 !important;
}

.mrlx-page .mrlx-purple-box {
  background: linear-gradient(135deg, #493e77, #6a5acd) !important;
  color: #fff !important;
}

.mrlx-page .mrlx-purple-box h3,
.mrlx-page .mrlx-purple-box p {
  color: #fff !important;
}

.mrlx-page .mrlx-purple-box a {
  display: inline-block !important;
  margin-top: 18px !important;
  background: #fff !important;
  color: #493e77 !important;
  padding: 12px 22px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: .3s ease !important;
}

.mrlx-page .mrlx-purple-box a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(0,0,0,.18) !important;
}

@media (max-width: 992px) {
  .mrlx-page .mrlx-layout {
    grid-template-columns: 1fr !important;
  }

  .mrlx-page .mrlx-sidebar {
    position: static !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .mrlx-page {
    padding: 30px 12px !important;
  }

  .mrlx-page .mrlx-hero {
    height: 340px !important;
    border-radius: 22px !important;
  }

  .mrlx-page .mrlx-hero-content {
    left: 22px !important;
    right: 22px !important;
    bottom: 28px !important;
  }

  .mrlx-page .mrlx-hero-content h1 {
    font-size: 31px !important;
  }

  .mrlx-page .mrlx-content {
    padding: 24px !important;
  }

  .mrlx-page .mrlx-content h2 {
    font-size: 28px !important;
  }

  .mrlx-page .mrlx-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .mrlx-page .mrlx-hero {
    height: 300px !important;
  }

  .mrlx-page .mrlx-hero-content h1 {
    font-size: 26px !important;
  }

  .mrlx-page .mrlx-content {
    padding: 20px !important;
  }
}

/* project mobilization */

.pmds-page,
.pmds-page * {
  box-sizing: border-box !important;
}

.pmds-page {
  width: 100% !important;
  background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 45%, #f6f8fc 100%) !important;
  padding: 50px 15px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  color: #172033 !important;
}

.pmds-page .pmds-container {
  width: 100% !important;
  max-width: 1180px !important;
  margin: auto !important;
}

.pmds-page .pmds-hero {
  position: relative !important;
  width: 100% !important;
  height: 430px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(25, 35, 80, 0.18) !important;
}

.pmds-page .pmds-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.pmds-page .pmds-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(22,18,70,.84), rgba(70,54,150,.46), rgba(0,0,0,.06)) !important;
}

.pmds-page .pmds-hero-content {
  position: absolute !important;
  left: 45px !important;
  bottom: 45px !important;
  z-index: 2 !important;
  max-width: 760px !important;
  color: #fff !important;
}

.pmds-page .pmds-hero-content span {
  display: inline-block !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  margin-bottom: 14px !important;
}

.pmds-page .pmds-hero-content h1 {
  font-size: 44px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  font-weight: 800 !important;
}

.pmds-page .pmds-breadcrumb {
  margin: 26px 0 !important;
  font-size: 14px !important;
  color: #6b7280 !important;
}

.pmds-page .pmds-breadcrumb span {
  color: #6a5acd !important;
  margin: 0 8px !important;
}

.pmds-page .pmds-layout {
  display: grid !important;
  grid-template-columns: 1fr 330px !important;
  gap: 35px !important;
  align-items: start !important;
}

.pmds-page .pmds-content {
  width: 100% !important;
  background: #fff !important;
  padding: 38px !important;
  border-radius: 26px !important;
  box-shadow: 0 15px 45px rgba(15,23,42,.08) !important;
  border: 1px solid #edf0f7 !important;
}

.pmds-page .pmds-tag {
  display: inline-block !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  margin-bottom: 14px !important;
}

.pmds-page .pmds-content h2 {
  font-size: 34px !important;
  margin: 0 0 16px !important;
  color: #111827 !important;
}

.pmds-page .pmds-content h3 {
  font-size: 24px !important;
  margin: 36px 0 18px !important;
  color: #22185f !important;
  position: relative !important;
  padding-left: 16px !important;
}

.pmds-page .pmds-content h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  width: 5px !important;
  height: 26px !important;
  background: linear-gradient(180deg, #6a5acd, #00c6ff) !important;
  border-radius: 20px !important;
}

.pmds-page .pmds-content p {
  font-size: 15.5px !important;
  line-height: 1.85 !important;
  color: #4b5563 !important;
  margin: 0 0 18px !important;
}

.pmds-page .pmds-highlight {
  background: linear-gradient(135deg, #f0efff, #eef9ff) !important;
  border-left: 5px solid #6a5acd !important;
  padding: 20px 22px !important;
  border-radius: 18px !important;
  color: #374151 !important;
  line-height: 1.7 !important;
  margin: 25px 0 !important;
}

.pmds-page .pmds-card {
  width: 100% !important;
  background: #fbfcff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 18px !important;
  transition: .3s ease !important;
}

.pmds-page .pmds-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 15px 35px rgba(73,62,119,.12) !important;
  border-color: rgba(106,90,205,.25) !important;
}

.pmds-page .pmds-card h4 {
  margin: 0 0 12px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.pmds-page .pmds-card ul {
  padding-left: 20px !important;
  margin: 0 !important;
}

.pmds-page .pmds-card li {
  margin-bottom: 9px !important;
  color: #4b5563 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.pmds-page .pmds-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  margin: 22px 0 30px !important;
}

.pmds-page .pmds-grid div {
  background: #fff !important;
  border-radius: 22px !important;
  padding: 25px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}

.pmds-page .pmds-grid span {
  width: 42px !important;
  height: 42px !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
}

.pmds-page .pmds-grid h4 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.pmds-page .pmds-grid p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}

.pmds-page .pmds-sidebar {
  width: 100% !important;
  max-width: 330px !important;
  position: sticky !important;
  top: 25px !important;
}

.pmds-page .pmds-side-box {
  width: 100% !important;
  background: #fff !important;
  border-radius: 24px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 15px 40px rgba(15,23,42,.08) !important;
}

.pmds-page .pmds-side-box h3 {
  margin: 0 0 12px !important;
  font-size: 22px !important;
  color: #111827 !important;
}

.pmds-page .pmds-side-box p {
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.pmds-page .pmds-side-box ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 0 !important;
}

.pmds-page .pmds-side-box li {
  padding: 11px 0 !important;
  border-bottom: 1px solid #edf0f7 !important;
  font-size: 14.5px !important;
  color: #374151 !important;
}

.pmds-page .pmds-side-box li span {
  color: #6a5acd !important;
  margin-right: 8px !important;
  font-weight: 700 !important;
}

.pmds-page .pmds-purple-box {
  background: linear-gradient(135deg, #493e77, #6a5acd) !important;
  color: #fff !important;
}

.pmds-page .pmds-purple-box h3,
.pmds-page .pmds-purple-box p {
  color: #fff !important;
}

.pmds-page .pmds-purple-box a {
  display: inline-block !important;
  margin-top: 18px !important;
  background: #fff !important;
  color: #493e77 !important;
  padding: 12px 22px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: .3s ease !important;
}

.pmds-page .pmds-purple-box a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(0,0,0,.18) !important;
}

@media (max-width: 992px) {
  .pmds-page .pmds-layout {
    grid-template-columns: 1fr !important;
  }

  .pmds-page .pmds-sidebar {
    position: static !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .pmds-page {
    padding: 30px 12px !important;
  }

  .pmds-page .pmds-hero {
    height: 340px !important;
    border-radius: 22px !important;
  }

  .pmds-page .pmds-hero-content {
    left: 22px !important;
    right: 22px !important;
    bottom: 28px !important;
  }

  .pmds-page .pmds-hero-content h1 {
    font-size: 31px !important;
  }

  .pmds-page .pmds-content {
    padding: 24px !important;
  }

  .pmds-page .pmds-content h2 {
    font-size: 28px !important;
  }

  .pmds-page .pmds-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .pmds-page .pmds-hero {
    height: 300px !important;
  }

  .pmds-page .pmds-hero-content h1 {
    font-size: 26px !important;
  }

  .pmds-page .pmds-content {
    padding: 20px !important;
  }
}

/* saudi-workforce */

.swdz-page,
.swdz-page * {
  box-sizing: border-box !important;
}

.swdz-page {
  width: 100% !important;
  background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 45%, #f6f8fc 100%) !important;
  padding: 50px 15px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  color: #172033 !important;
}

.swdz-page .swdz-container {
  width: 100% !important;
  max-width: 1180px !important;
  margin: auto !important;
}

.swdz-page .swdz-hero {
  position: relative !important;
  width: 100% !important;
  height: 430px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(25, 35, 80, 0.18) !important;
}

.swdz-page .swdz-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.swdz-page .swdz-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(22,18,70,.84), rgba(70,54,150,.46), rgba(0,0,0,.06)) !important;
}

.swdz-page .swdz-hero-content {
  position: absolute !important;
  left: 45px !important;
  bottom: 45px !important;
  z-index: 2 !important;
  max-width: 760px !important;
  color: #fff !important;
}

.swdz-page .swdz-hero-content span {
  display: inline-block !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  margin-bottom: 14px !important;
}

.swdz-page .swdz-hero-content h1 {
  font-size: 44px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  font-weight: 800 !important;
}

.swdz-page .swdz-breadcrumb {
  margin: 26px 0 !important;
  font-size: 14px !important;
  color: #6b7280 !important;
}

.swdz-page .swdz-breadcrumb span {
  color: #6a5acd !important;
  margin: 0 8px !important;
}

.swdz-page .swdz-layout {
  display: grid !important;
  grid-template-columns: 1fr 330px !important;
  gap: 35px !important;
  align-items: start !important;
}

.swdz-page .swdz-content {
  width: 100% !important;
  background: #fff !important;
  padding: 38px !important;
  border-radius: 26px !important;
  box-shadow: 0 15px 45px rgba(15,23,42,.08) !important;
  border: 1px solid #edf0f7 !important;
}

.swdz-page .swdz-tag {
  display: inline-block !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  margin-bottom: 14px !important;
}

.swdz-page .swdz-content h2 {
  font-size: 34px !important;
  margin: 0 0 16px !important;
  color: #111827 !important;
}

.swdz-page .swdz-content h3 {
  font-size: 24px !important;
  margin: 36px 0 18px !important;
  color: #22185f !important;
  position: relative !important;
  padding-left: 16px !important;
}

.swdz-page .swdz-content h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  width: 5px !important;
  height: 26px !important;
  background: linear-gradient(180deg, #6a5acd, #00c6ff) !important;
  border-radius: 20px !important;
}

.swdz-page .swdz-content p {
  font-size: 15.5px !important;
  line-height: 1.85 !important;
  color: #4b5563 !important;
  margin: 0 0 18px !important;
}

.swdz-page .swdz-highlight {
  background: linear-gradient(135deg, #f0efff, #eef9ff) !important;
  border-left: 5px solid #6a5acd !important;
  padding: 20px 22px !important;
  border-radius: 18px !important;
  color: #374151 !important;
  line-height: 1.7 !important;
  margin: 25px 0 !important;
}

.swdz-page .swdz-card {
  width: 100% !important;
  background: #fbfcff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 18px !important;
  transition: .3s ease !important;
}

.swdz-page .swdz-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 15px 35px rgba(73,62,119,.12) !important;
  border-color: rgba(106,90,205,.25) !important;
}

.swdz-page .swdz-card h4 {
  margin: 0 0 12px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.swdz-page .swdz-card ul {
  padding-left: 20px !important;
  margin: 0 !important;
}

.swdz-page .swdz-card li {
  margin-bottom: 9px !important;
  color: #4b5563 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.swdz-page .swdz-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  margin: 22px 0 30px !important;
}

.swdz-page .swdz-grid div {
  background: #fff !important;
  border-radius: 22px !important;
  padding: 25px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}

.swdz-page .swdz-grid span {
  width: 42px !important;
  height: 42px !important;
  background: linear-gradient(135deg, #6a5acd, #493e77) !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
}

.swdz-page .swdz-grid h4 {
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

.swdz-page .swdz-grid p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}

.swdz-page .swdz-sidebar {
  width: 100% !important;
  max-width: 330px !important;
  position: sticky !important;
  top: 25px !important;
}

.swdz-page .swdz-side-box {
  width: 100% !important;
  background: #fff !important;
  border-radius: 24px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
  border: 1px solid #edf0f7 !important;
  box-shadow: 0 15px 40px rgba(15,23,42,.08) !important;
}

.swdz-page .swdz-side-box h3 {
  margin: 0 0 12px !important;
  font-size: 22px !important;
  color: #111827 !important;
}

.swdz-page .swdz-side-box p {
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.swdz-page .swdz-side-box ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 0 !important;
}

.swdz-page .swdz-side-box li {
  padding: 11px 0 !important;
  border-bottom: 1px solid #edf0f7 !important;
  font-size: 14.5px !important;
  color: #374151 !important;
}

.swdz-page .swdz-side-box li span {
  color: #6a5acd !important;
  margin-right: 8px !important;
  font-weight: 700 !important;
}

.swdz-page .swdz-purple-box {
  background: linear-gradient(135deg, #493e77, #6a5acd) !important;
  color: #fff !important;
}

.swdz-page .swdz-purple-box h3,
.swdz-page .swdz-purple-box p {
  color: #fff !important;
}

.swdz-page .swdz-purple-box a {
  display: inline-block !important;
  margin-top: 18px !important;
  background: #fff !important;
  color: #493e77 !important;
  padding: 12px 22px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: .3s ease !important;
}

.swdz-page .swdz-purple-box a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(0,0,0,.18) !important;
}

@media (max-width: 992px) {
  .swdz-page .swdz-layout {
    grid-template-columns: 1fr !important;
  }

  .swdz-page .swdz-sidebar {
    position: static !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .swdz-page {
    padding: 30px 12px !important;
  }

  .swdz-page .swdz-hero {
    height: 340px !important;
    border-radius: 22px !important;
  }

  .swdz-page .swdz-hero-content {
    left: 22px !important;
    right: 22px !important;
    bottom: 28px !important;
  }

  .swdz-page .swdz-hero-content h1 {
    font-size: 31px !important;
  }

  .swdz-page .swdz-content {
    padding: 24px !important;
  }

  .swdz-page .swdz-content h2 {
    font-size: 28px !important;
  }

  .swdz-page .swdz-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .swdz-page .swdz-hero {
    height: 300px !important;
  }

  .swdz-page .swdz-hero-content h1 {
    font-size: 26px !important;
  }

  .swdz-page .swdz-content {
    padding: 20px !important;
  }
}

/* saudi hr */

.hrhc-page{
  background:#f5f7fb;
  padding:45px 0 60px;
  font-family:'Poppins',Arial,sans-serif;
  color:#101833;
}

.hrhc-container{
  width:min(1180px,92%);
  margin:auto;
}

.hrhc-hero{
  position:relative;
  height:360px;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(24,18,62,.16);
}

.hrhc-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hrhc-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(40,31,101,.82),rgba(73,62,119,.45),rgba(73,62,119,.12));
}

.hrhc-hero-content{
  position:absolute;
  left:42px;
  bottom:42px;
  max-width:620px;
  color:#fff;
}

.hrhc-hero-content span{
  display:inline-block;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.35);
  padding:10px 18px;
  border-radius:30px;
  font-size:14px;
  margin-bottom:16px;
  backdrop-filter:blur(8px);
}

.hrhc-hero-content h1{
  font-size:42px;
  line-height:1.08;
  font-weight:800;
  margin:0;
}

.hrhc-breadcrumb{
  font-size:13px;
  color:#50607c;
  margin:24px 0;
}

.hrhc-breadcrumb span{
  color:#6a5acd;
  margin:0 8px;
}

.hrhc-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:36px;
  align-items:start;
}

.hrhc-content,
.hrhc-side-box{
  background:#fff;
  border-radius:22px;
  border:1px solid #e8edf5;
  box-shadow:0 12px 35px rgba(17,31,64,.06);
}

.hrhc-content{
  padding:34px;
}

.hrhc-tag{
  display:inline-block;
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  padding:9px 18px;
  border-radius:24px;
  font-size:13px;
  margin-bottom:18px;
}

.hrhc-content h2{
  font-size:30px;
  font-weight:700;
  margin-bottom:15px;
  color:#111936;
}

.hrhc-content p{
  font-size:15px;
  line-height:1.9;
  color:#47526b;
}

.hrhc-focus{
  background:linear-gradient(135deg,#f1f5ff,#eefaff);
  border-left:4px solid #6a5acd;
  padding:22px;
  border-radius:16px;
  margin:28px 0;
  color:#34415d;
  line-height:1.8;
}

.hrhc-content h3{
  position:relative;
  font-size:21px;
  color:#1c2670;
  font-weight:700;
  margin:35px 0 18px;
  padding-left:14px;
}

.hrhc-content h3:before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  width:4px;
  height:24px;
  background:#246bff;
  border-radius:10px;
}

.hrhc-info-box{
  background:#fbfcff;
  border:1px solid #e7ecf4;
  border-radius:18px;
  padding:22px 24px;
  margin-bottom:18px;
  transition:.3s ease;
}

.hrhc-info-box:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 35px rgba(31,44,90,.08);
  border-color:#d9ddff;
}

.hrhc-info-box h4{
  font-size:16px;
  font-weight:700;
  color:#17203a;
  margin-bottom:12px;
}

.hrhc-info-box ul{
  margin:0;
  padding-left:18px;
}

.hrhc-info-box li{
  font-size:14px;
  line-height:1.85;
  color:#44506a;
  margin-bottom:6px;
}

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

.hrhc-process-card{
  background:#fff;
  border:1px solid #e6ebf3;
  border-radius:18px;
  padding:24px;
  box-shadow:0 12px 30px rgba(15,31,60,.06);
  transition:.3s ease;
}

.hrhc-process-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 42px rgba(35,35,90,.12);
}

.hrhc-process-card span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  border-radius:12px;
  font-weight:700;
  margin-bottom:16px;
}

.hrhc-process-card h4{
  font-size:16px;
  font-weight:700;
  margin-bottom:10px;
}

.hrhc-process-card p{
  font-size:14px;
  line-height:1.7;
  margin:0;
}

.hrhc-sidebar{
  position:sticky;
  top:25px;
}

.hrhc-side-box{
  padding:26px;
  margin-bottom:24px;
}

.hrhc-side-box h3,
.hrhc-cta-box h3{
  font-size:20px;
  font-weight:700;
  margin-bottom:12px;
}

.hrhc-side-box p{
  font-size:14px;
  color:#59667e;
  line-height:1.8;
}

.hrhc-side-box ul{
  list-style:none;
  padding:0;
  margin:22px 0 0;
}

.hrhc-side-box li{
  display:flex;
  gap:10px;
  padding:13px 0;
  border-bottom:1px solid #edf0f5;
  font-size:14px;
  color:#26324b;
}

.hrhc-side-box li span{
  color:#5d4ed1;
  font-weight:800;
}

.hrhc-cta-box{
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  border-radius:22px;
  padding:28px;
  box-shadow:0 18px 38px rgba(73,62,119,.28);
}

.hrhc-cta-box p{
  font-size:14px;
  line-height:1.8;
  color:rgba(255,255,255,.88);
}

.hrhc-cta-box a{
  display:inline-block;
  margin-top:12px;
  background:#fff;
  color:#493e77;
  padding:12px 20px;
  border-radius:30px;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:.3s ease;
}

.hrhc-cta-box a:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 25px rgba(0,0,0,.18);
}

@media(max-width:991px){
  .hrhc-layout{
    grid-template-columns:1fr;
  }

  .hrhc-sidebar{
    position:static;
  }

  .hrhc-hero{
    height:310px;
  }

  .hrhc-hero-content h1{
    font-size:34px;
  }
}

@media(max-width:576px){
  .hrhc-page{
    padding:25px 0 45px;
  }

  .hrhc-hero{
    height:280px;
    border-radius:18px;
  }

  .hrhc-hero-content{
    left:22px;
    right:22px;
    bottom:28px;
  }

  .hrhc-hero-content h1{
    font-size:28px;
  }

  .hrhc-content{
    padding:22px;
  }

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

/* payroll & salary  */

.prsm-page{
  background:#f5f7fb;
  padding:45px 0 60px;
  font-family:'Poppins',Arial,sans-serif;
  color:#101833;
}

.prsm-container{
  width:min(1180px,92%);
  margin:auto;
}

/* HERO */
.prsm-hero{
  position:relative;
  height:360px;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(24,18,62,.16);
}

.prsm-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.prsm-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(40,31,101,.84),rgba(73,62,119,.48),rgba(73,62,119,.12));
}

.prsm-hero-content{
  position:absolute;
  left:42px;
  bottom:42px;
  max-width:650px;
  color:#fff;
}

.prsm-hero-content span{
  display:inline-block;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.35);
  padding:10px 18px;
  border-radius:30px;
  font-size:14px;
  margin-bottom:16px;
  backdrop-filter:blur(8px);
}

.prsm-hero-content h1{
  font-size:42px;
  line-height:1.08;
  font-weight:800;
  margin:0;
}

/* BREADCRUMB */
.prsm-breadcrumb{
  font-size:13px;
  color:#50607c;
  margin:24px 0;
}

.prsm-breadcrumb span{
  color:#6a5acd;
  margin:0 8px;
}

/* LAYOUT */
.prsm-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:36px;
  align-items:start;
}

/* CONTENT */
.prsm-content{
  background:#fff;
  border-radius:22px;
  border:1px solid #e8edf5;
  box-shadow:0 12px 35px rgba(17,31,64,.06);
  padding:34px;
}

.prsm-tag{
  display:inline-block;
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  padding:9px 18px;
  border-radius:24px;
  font-size:13px;
  margin-bottom:18px;
}

.prsm-content h2{
  font-size:30px;
  font-weight:700;
  margin-bottom:15px;
  color:#111936;
}

.prsm-content p{
  font-size:15px;
  line-height:1.9;
  color:#47526b;
}

.prsm-focus{
  background:linear-gradient(135deg,#f1f5ff,#eefaff);
  border-left:4px solid #6a5acd;
  padding:22px;
  border-radius:16px;
  margin:28px 0;
  color:#34415d;
  line-height:1.8;
}

.prsm-content h3{
  position:relative;
  font-size:21px;
  color:#1c2670;
  font-weight:700;
  margin:35px 0 18px;
  padding-left:14px;
}

.prsm-content h3:before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  width:4px;
  height:24px;
  background:#246bff;
  border-radius:10px;
}

/* INFO BOX */
.prsm-box{
  background:#fbfcff;
  border:1px solid #e7ecf4;
  border-radius:18px;
  padding:22px 24px;
  margin-bottom:18px;
  transition:.3s ease;
}

.prsm-box:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 35px rgba(31,44,90,.08);
  border-color:#d9ddff;
}

.prsm-box h4{
  font-size:16px;
  font-weight:700;
  color:#17203a;
  margin-bottom:12px;
}

.prsm-box ul{
  margin:0;
  padding-left:18px;
}

.prsm-box li{
  font-size:14px;
  line-height:1.85;
  color:#44506a;
  margin-bottom:6px;
}

/* PROCESS GRID */
.prsm-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}

.prsm-card{
  background:#fff;
  border:1px solid #e6ebf3;
  border-radius:18px;
  padding:24px;
  box-shadow:0 12px 30px rgba(15,31,60,.06);
  transition:.3s ease;
}

.prsm-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 42px rgba(35,35,90,.12);
}

.prsm-card span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  border-radius:12px;
  font-weight:700;
  margin-bottom:16px;
}

.prsm-card h4{
  font-size:16px;
  font-weight:700;
  margin-bottom:10px;
}

.prsm-card p{
  font-size:14px;
  line-height:1.7;
  margin:0;
}

/* SIDEBAR */
.prsm-sidebar{
  position:sticky;
  top:25px;
}

.prsm-side{
  background:#fff;
  border-radius:22px;
  border:1px solid #e8edf5;
  box-shadow:0 12px 35px rgba(17,31,64,.06);
  padding:26px;
  margin-bottom:24px;
}

.prsm-side h3,
.prsm-cta h3{
  font-size:20px;
  font-weight:700;
  margin-bottom:12px;
}

.prsm-side p{
  font-size:14px;
  color:#59667e;
  line-height:1.8;
}

.prsm-side ul{
  list-style:none;
  padding:0;
  margin:22px 0 0;
}

.prsm-side li{
  display:flex;
  gap:10px;
  padding:13px 0;
  border-bottom:1px solid #edf0f5;
  font-size:14px;
  color:#26324b;
}

.prsm-side li span{
  color:#5d4ed1;
  font-weight:800;
}

.prsm-cta{
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  border-radius:22px;
  padding:28px;
  box-shadow:0 18px 38px rgba(73,62,119,.28);
}

.prsm-cta p{
  font-size:14px;
  line-height:1.8;
  color:rgba(255,255,255,.88);
}

.prsm-cta a{
  display:inline-block;
  margin-top:12px;
  background:#fff;
  color:#493e77;
  padding:12px 20px;
  border-radius:30px;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:.3s ease;
}

.prsm-cta a:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 25px rgba(0,0,0,.18);
}

/* TABLET */
@media(max-width:991px){
  .prsm-layout{
    grid-template-columns:1fr;
    gap:24px;
  }

  .prsm-sidebar{
    position:static;
  }

  .prsm-hero{
    height:310px;
  }

  .prsm-hero-content h1{
    font-size:34px;
  }

  .prsm-content{
    padding:28px;
  }
}

/* MOBILE */
@media(max-width:576px){
  .prsm-page{
    padding:25px 0 45px;
  }

  .prsm-container{
    width:92%;
  }

  .prsm-hero{
    height:280px;
    border-radius:18px;
  }

  .prsm-hero-content{
    left:22px;
    right:22px;
    bottom:28px;
  }

  .prsm-hero-content span{
    font-size:12px;
    padding:8px 13px;
  }

  .prsm-hero-content h1{
    font-size:27px;
    line-height:1.15;
  }

  .prsm-content{
    padding:22px;
    border-radius:18px;
  }

  .prsm-content h2{
    font-size:24px;
  }

  .prsm-content h3{
    font-size:19px;
  }

  .prsm-box{
    padding:18px;
  }

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

  .prsm-side,
  .prsm-cta{
    border-radius:18px;
    padding:22px;
  }
}

/* budget controll  */

.bccm-page{
  background:#f5f7fb;
  padding:45px 0 60px;
  font-family:'Poppins',Arial,sans-serif;
  color:#101833;
}

.bccm-container{
  width:min(1180px,92%);
  margin:auto;
}

.bccm-hero{
  position:relative;
  height:360px;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(24,18,62,.16);
}

.bccm-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.bccm-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(40,31,101,.84),rgba(73,62,119,.48),rgba(73,62,119,.12));
}

.bccm-hero-content{
  position:absolute;
  left:42px;
  bottom:42px;
  max-width:650px;
  color:#fff;
}

.bccm-hero-content span{
  display:inline-block;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.35);
  padding:10px 18px;
  border-radius:30px;
  font-size:14px;
  margin-bottom:16px;
  backdrop-filter:blur(8px);
}

.bccm-hero-content h1{
  font-size:42px;
  line-height:1.08;
  font-weight:800;
  margin:0;
}

.bccm-breadcrumb{
  font-size:13px;
  color:#50607c;
  margin:24px 0;
}

.bccm-breadcrumb span{
  color:#6a5acd;
  margin:0 8px;
}

.bccm-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:36px;
  align-items:start;
}

.bccm-content{
  background:#fff;
  border-radius:22px;
  border:1px solid #e8edf5;
  box-shadow:0 12px 35px rgba(17,31,64,.06);
  padding:34px;
}

.bccm-tag{
  display:inline-block;
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  padding:9px 18px;
  border-radius:24px;
  font-size:13px;
  margin-bottom:18px;
}

.bccm-content h2{
  font-size:30px;
  font-weight:700;
  margin-bottom:15px;
  color:#111936;
}

.bccm-content p{
  font-size:15px;
  line-height:1.9;
  color:#47526b;
}

.bccm-focus{
  background:linear-gradient(135deg,#f1f5ff,#eefaff);
  border-left:4px solid #6a5acd;
  padding:22px;
  border-radius:16px;
  margin:28px 0;
  color:#34415d;
  line-height:1.8;
}

.bccm-content h3{
  position:relative;
  font-size:21px;
  color:#1c2670;
  font-weight:700;
  margin:35px 0 18px;
  padding-left:14px;
}

.bccm-content h3:before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  width:4px;
  height:24px;
  background:#246bff;
  border-radius:10px;
}

.bccm-box{
  background:#fbfcff;
  border:1px solid #e7ecf4;
  border-radius:18px;
  padding:22px 24px;
  margin-bottom:18px;
  transition:.3s ease;
}

.bccm-box:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 35px rgba(31,44,90,.08);
  border-color:#d9ddff;
}

.bccm-box h4{
  font-size:16px;
  font-weight:700;
  color:#17203a;
  margin-bottom:12px;
}

.bccm-box ul{
  margin:0;
  padding-left:18px;
}

.bccm-box li{
  font-size:14px;
  line-height:1.85;
  color:#44506a;
  margin-bottom:6px;
}

.bccm-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}

.bccm-card{
  background:#fff;
  border:1px solid #e6ebf3;
  border-radius:18px;
  padding:24px;
  box-shadow:0 12px 30px rgba(15,31,60,.06);
  transition:.3s ease;
}

.bccm-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 42px rgba(35,35,90,.12);
}

.bccm-card span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  border-radius:12px;
  font-weight:700;
  margin-bottom:16px;
}

.bccm-card h4{
  font-size:16px;
  font-weight:700;
  margin-bottom:10px;
}

.bccm-card p{
  font-size:14px;
  line-height:1.7;
  margin:0;
}

.bccm-sidebar{
  position:sticky;
  top:25px;
}

.bccm-side{
  background:#fff;
  border-radius:22px;
  border:1px solid #e8edf5;
  box-shadow:0 12px 35px rgba(17,31,64,.06);
  padding:26px;
  margin-bottom:24px;
}

.bccm-side h3,
.bccm-cta h3{
  font-size:20px;
  font-weight:700;
  margin-bottom:12px;
}

.bccm-side p{
  font-size:14px;
  color:#59667e;
  line-height:1.8;
}

.bccm-side ul{
  list-style:none;
  padding:0;
  margin:22px 0 0;
}

.bccm-side li{
  display:flex;
  gap:10px;
  padding:13px 0;
  border-bottom:1px solid #edf0f5;
  font-size:14px;
  color:#26324b;
}

.bccm-side li span{
  color:#5d4ed1;
  font-weight:800;
}

.bccm-cta{
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  border-radius:22px;
  padding:28px;
  box-shadow:0 18px 38px rgba(73,62,119,.28);
}

.bccm-cta p{
  font-size:14px;
  line-height:1.8;
  color:rgba(255,255,255,.88);
}

.bccm-cta a{
  display:inline-block;
  margin-top:12px;
  background:#fff;
  color:#493e77;
  padding:12px 20px;
  border-radius:30px;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:.3s ease;
}

.bccm-cta a:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 25px rgba(0,0,0,.18);
}

@media(max-width:991px){
  .bccm-layout{
    grid-template-columns:1fr;
    gap:24px;
  }

  .bccm-sidebar{
    position:static;
  }

  .bccm-hero{
    height:310px;
  }

  .bccm-hero-content h1{
    font-size:34px;
  }

  .bccm-content{
    padding:28px;
  }
}

@media(max-width:576px){
  .bccm-page{
    padding:25px 0 45px;
  }

  .bccm-container{
    width:92%;
  }

  .bccm-hero{
    height:280px;
    border-radius:18px;
  }

  .bccm-hero-content{
    left:22px;
    right:22px;
    bottom:28px;
  }

  .bccm-hero-content span{
    font-size:12px;
    padding:8px 13px;
  }

  .bccm-hero-content h1{
    font-size:27px;
    line-height:1.15;
  }

  .bccm-content{
    padding:22px;
    border-radius:18px;
  }

  .bccm-content h2{
    font-size:24px;
  }

  .bccm-content h3{
    font-size:19px;
  }

  .bccm-box{
    padding:18px;
  }

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

  .bccm-side,
  .bccm-cta{
    border-radius:18px;
    padding:22px;
  }
}

/* manpower-budget */

.mbcm-page{
  background:#f5f7fb;
  padding:45px 0 60px;
  font-family:'Poppins',Arial,sans-serif;
  color:#101833;
}

.mbcm-container{
  width:min(1180px,92%);
  margin:auto;
}

/* HERO */
.mbcm-hero{
  position:relative;
  height:360px;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(24,18,62,.16);
}

.mbcm-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.mbcm-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(40,31,101,.84),rgba(73,62,119,.48),rgba(73,62,119,.12));
}

.mbcm-hero-content{
  position:absolute;
  left:42px;
  bottom:42px;
  max-width:650px;
  color:#fff;
}

.mbcm-hero-content span{
  display:inline-block;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.35);
  padding:10px 18px;
  border-radius:30px;
  font-size:14px;
  margin-bottom:16px;
  backdrop-filter:blur(8px);
}

.mbcm-hero-content h1{
  font-size:42px;
  line-height:1.08;
  font-weight:800;
  margin:0;
}

/* BREADCRUMB */
.mbcm-breadcrumb{
  font-size:13px;
  color:#50607c;
  margin:24px 0;
}

.mbcm-breadcrumb span{
  color:#6a5acd;
  margin:0 8px;
}

/* LAYOUT */
.mbcm-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:36px;
  align-items:start;
}

/* CONTENT */
.mbcm-content{
  background:#fff;
  border-radius:22px;
  border:1px solid #e8edf5;
  box-shadow:0 12px 35px rgba(17,31,64,.06);
  padding:34px;
}

.mbcm-tag{
  display:inline-block;
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  padding:9px 18px;
  border-radius:24px;
  font-size:13px;
  margin-bottom:18px;
}

.mbcm-content h2{
  font-size:30px;
  font-weight:700;
  margin-bottom:15px;
  color:#111936;
}

.mbcm-content p{
  font-size:15px;
  line-height:1.9;
  color:#47526b;
}

.mbcm-focus{
  background:linear-gradient(135deg,#f1f5ff,#eefaff);
  border-left:4px solid #6a5acd;
  padding:22px;
  border-radius:16px;
  margin:28px 0;
  color:#34415d;
  line-height:1.8;
}

.mbcm-content h3{
  position:relative;
  font-size:21px;
  color:#1c2670;
  font-weight:700;
  margin:35px 0 18px;
  padding-left:14px;
}

.mbcm-content h3:before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  width:4px;
  height:24px;
  background:#246bff;
  border-radius:10px;
}

/* INFO BOX */
.mbcm-box{
  background:#fbfcff;
  border:1px solid #e7ecf4;
  border-radius:18px;
  padding:22px 24px;
  margin-bottom:18px;
  transition:.3s ease;
}

.mbcm-box:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 35px rgba(31,44,90,.08);
  border-color:#d9ddff;
}

.mbcm-box h4{
  font-size:16px;
  font-weight:700;
  color:#17203a;
  margin-bottom:12px;
}

.mbcm-box ul{
  margin:0;
  padding-left:18px;
}

.mbcm-box li{
  font-size:14px;
  line-height:1.85;
  color:#44506a;
  margin-bottom:6px;
}

/* PROCESS GRID */
.mbcm-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}

.mbcm-card{
  background:#fff;
  border:1px solid #e6ebf3;
  border-radius:18px;
  padding:24px;
  box-shadow:0 12px 30px rgba(15,31,60,.06);
  transition:.3s ease;
}

.mbcm-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 42px rgba(35,35,90,.12);
}

.mbcm-card span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  border-radius:12px;
  font-weight:700;
  margin-bottom:16px;
}

.mbcm-card h4{
  font-size:16px;
  font-weight:700;
  margin-bottom:10px;
}

.mbcm-card p{
  font-size:14px;
  line-height:1.7;
  margin:0;
}

/* SIDEBAR */
.mbcm-sidebar{
  position:sticky;
  top:25px;
}

.mbcm-side{
  background:#fff;
  border-radius:22px;
  border:1px solid #e8edf5;
  box-shadow:0 12px 35px rgba(17,31,64,.06);
  padding:26px;
  margin-bottom:24px;
}

.mbcm-side h3,
.mbcm-cta h3{
  font-size:20px;
  font-weight:700;
  margin-bottom:12px;
}

.mbcm-side p{
  font-size:14px;
  color:#59667e;
  line-height:1.8;
}

.mbcm-side ul{
  list-style:none;
  padding:0;
  margin:22px 0 0;
}

.mbcm-side li{
  display:flex;
  gap:10px;
  padding:13px 0;
  border-bottom:1px solid #edf0f5;
  font-size:14px;
  color:#26324b;
}

.mbcm-side li span{
  color:#5d4ed1;
  font-weight:800;
}

.mbcm-cta{
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  border-radius:22px;
  padding:28px;
  box-shadow:0 18px 38px rgba(73,62,119,.28);
}

.mbcm-cta p{
  font-size:14px;
  line-height:1.8;
  color:rgba(255,255,255,.88);
}

.mbcm-cta a{
  display:inline-block;
  margin-top:12px;
  background:#fff;
  color:#493e77;
  padding:12px 20px;
  border-radius:30px;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:.3s ease;
}

.mbcm-cta a:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 25px rgba(0,0,0,.18);
}

/* TABLET */
@media(max-width:991px){
  .mbcm-layout{
    grid-template-columns:1fr;
    gap:24px;
  }

  .mbcm-sidebar{
    position:static;
  }

  .mbcm-hero{
    height:310px;
  }

  .mbcm-hero-content h1{
    font-size:34px;
  }

  .mbcm-content{
    padding:28px;
  }
}

/* MOBILE */
@media(max-width:576px){
  .mbcm-page{
    padding:25px 0 45px;
  }

  .mbcm-container{
    width:92%;
  }

  .mbcm-hero{
    height:280px;
    border-radius:18px;
  }

  .mbcm-hero-content{
    left:22px;
    right:22px;
    bottom:28px;
  }

  .mbcm-hero-content span{
    font-size:12px;
    padding:8px 13px;
  }

  .mbcm-hero-content h1{
    font-size:27px;
    line-height:1.15;
  }

  .mbcm-content{
    padding:22px;
    border-radius:18px;
  }

  .mbcm-content h2{
    font-size:24px;
  }

  .mbcm-content h3{
    font-size:19px;
  }

  .mbcm-box{
    padding:18px;
  }

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

  .mbcm-side,
  .mbcm-cta{
    border-radius:18px;
    padding:22px;
  }
}

/* housing & catering */

.hcs-page{
  background:#f5f7fb;
  padding:45px 0 60px;
  font-family:'Poppins',Arial,sans-serif;
  color:#101833;
}

.hcs-container{
  width:min(1180px,92%);
  margin:auto;
}

/* HERO */
.hcs-hero{
  position:relative;
  height:360px;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(24,18,62,.16);
}

.hcs-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hcs-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(40,31,101,.84),rgba(73,62,119,.48),rgba(73,62,119,.12));
}

.hcs-hero-content{
  position:absolute;
  left:42px;
  bottom:42px;
  max-width:650px;
  color:#fff;
}

.hcs-hero-content span{
  display:inline-block;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.35);
  padding:10px 18px;
  border-radius:30px;
  font-size:14px;
  margin-bottom:16px;
  backdrop-filter:blur(8px);
}

.hcs-hero-content h1{
  font-size:42px;
  line-height:1.08;
  font-weight:800;
  margin:0;
}

/* BREADCRUMB */
.hcs-breadcrumb{
  font-size:13px;
  color:#50607c;
  margin:24px 0;
}

.hcs-breadcrumb span{
  color:#6a5acd;
  margin:0 8px;
}

/* LAYOUT */
.hcs-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:36px;
  align-items:start;
}

/* CONTENT */
.hcs-content{
  background:#fff;
  border-radius:22px;
  border:1px solid #e8edf5;
  box-shadow:0 12px 35px rgba(17,31,64,.06);
  padding:34px;
}

.hcs-tag{
  display:inline-block;
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  padding:9px 18px;
  border-radius:24px;
  font-size:13px;
  margin-bottom:18px;
}

.hcs-content h2{
  font-size:30px;
  font-weight:700;
  margin-bottom:15px;
  color:#111936;
}

.hcs-content p{
  font-size:15px;
  line-height:1.9;
  color:#47526b;
}

.hcs-focus{
  background:linear-gradient(135deg,#f1f5ff,#eefaff);
  border-left:4px solid #6a5acd;
  padding:22px;
  border-radius:16px;
  margin:28px 0;
  color:#34415d;
  line-height:1.8;
}

.hcs-content h3{
  position:relative;
  font-size:21px;
  color:#1c2670;
  font-weight:700;
  margin:35px 0 18px;
  padding-left:14px;
}

.hcs-content h3:before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  width:4px;
  height:24px;
  background:#246bff;
  border-radius:10px;
}

/* BOX */
.hcs-box{
  background:#fbfcff;
  border:1px solid #e7ecf4;
  border-radius:18px;
  padding:22px 24px;
  margin-bottom:18px;
  transition:.3s ease;
}

.hcs-box:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 35px rgba(31,44,90,.08);
  border-color:#d9ddff;
}

.hcs-box h4{
  font-size:16px;
  font-weight:700;
  color:#17203a;
  margin-bottom:12px;
}

.hcs-box ul{
  margin:0;
  padding-left:18px;
}

.hcs-box li{
  font-size:14px;
  line-height:1.85;
  color:#44506a;
  margin-bottom:6px;
}

/* GRID */
.hcs-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}

.hcs-card{
  background:#fff;
  border:1px solid #e6ebf3;
  border-radius:18px;
  padding:24px;
  box-shadow:0 12px 30px rgba(15,31,60,.06);
  transition:.3s ease;
}

.hcs-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 42px rgba(35,35,90,.12);
}

.hcs-card span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  border-radius:12px;
  font-weight:700;
  margin-bottom:16px;
}

/* SIDEBAR */
.hcs-sidebar{
  position:sticky;
  top:25px;
}

.hcs-side{
  background:#fff;
  border-radius:22px;
  border:1px solid #e8edf5;
  box-shadow:0 12px 35px rgba(17,31,64,.06);
  padding:26px;
  margin-bottom:24px;
}

.hcs-side h3,
.hcs-cta h3{
  font-size:20px;
  font-weight:700;
  margin-bottom:12px;
}

.hcs-side p{
  font-size:14px;
  color:#59667e;
  line-height:1.8;
}

.hcs-side ul{
  list-style:none;
  padding:0;
  margin:22px 0 0;
}

.hcs-side li{
  display:flex;
  gap:10px;
  padding:13px 0;
  border-bottom:1px solid #edf0f5;
  font-size:14px;
}

.hcs-side li span{
  color:#5d4ed1;
  font-weight:800;
}

.hcs-cta{
  background:linear-gradient(135deg,#493e77,#6a5acd);
  color:#fff;
  border-radius:22px;
  padding:28px;
  box-shadow:0 18px 38px rgba(73,62,119,.28);
}

.hcs-cta a{
  display:inline-block;
  margin-top:12px;
  background:#fff;
  color:#493e77;
  padding:12px 20px;
  border-radius:30px;
  text-decoration:none;
}

/* RESPONSIVE */
@media(max-width:991px){
  .hcs-layout{
    grid-template-columns:1fr;
  }

  .hcs-sidebar{
    position:static;
  }

  .hcs-hero{
    height:310px;
  }

  .hcs-hero-content h1{
    font-size:34px;
  }
}

@media(max-width:576px){
  .hcs-hero{
    height:280px;
  }

  .hcs-hero-content h1{
    font-size:27px;
  }

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

/* diciplinary procedure */

.disciplinary-page{
  font-family:'Poppins',sans-serif;
  background:#f6f7fb;
  color:#111827;
}

.disciplinary-hero{
  padding:100px 20px 130px;
  text-align:center;
  color:#fff;

  background:
  linear-gradient(135deg,rgba(17,24,39,.90),rgba(54,35,5,.82)),
  url("https://images.unsplash.com/photo-1450101499163-c8848c66ca85?q=80&w=1600&auto=format&fit=crop");

  background-size:cover;
  background-position:center;

  border-radius:0 0 55px 55px;
}

.disciplinary-hero span,
.disciplinary-intro span,
.disciplinary-title span{
  display:inline-block;
  color:#f8aa00;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:12px;
}

.disciplinary-hero h1{
  font-size:56px;
  font-weight:800;
  margin-bottom:16px;
}

.disciplinary-hero p{
  max-width:760px;
  margin:auto;
  font-size:17px;
  line-height:1.8;
}

.disciplinary-container{
  max-width:1200px;
  margin:-70px auto 0;
  padding:0 18px 90px;
}

/* INTRO */

.disciplinary-intro{
  background:#fff;
  padding:42px;
  border-radius:34px;

  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;

  box-shadow:0 25px 65px rgba(0,0,0,.10);

  margin-bottom:45px;
}

.disciplinary-intro h2{
  font-size:42px;
  font-weight:800;
  line-height:1.2;
  margin-bottom:15px;
}

.disciplinary-intro p{
  color:#5f6775;
  line-height:1.9;
}

.disciplinary-icon{
  min-width:120px;
  height:120px;

  border-radius:30px;

  background:
  linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);

  color:#fff;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:52px;
}

/* CARD */

.disciplinary-card{
  background:#fff;

  padding:40px;

  border-radius:30px;

  margin-bottom:35px;

  box-shadow:0 18px 45px rgba(0,0,0,.07);

  border:1px solid rgba(225,149,3,.12);
}

.disciplinary-title{
  margin-bottom:30px;
}

.disciplinary-title h3{
  font-size:34px;
  font-weight:800;
}

.disciplinary-content{
  display:flex;
  flex-direction:column;
  gap:20px;
}

/* BOX */

.disciplinary-box{
  background:#f9fafb;

  padding:24px;

  border-radius:20px;

  border-left:4px solid #e19503;
}

.disciplinary-box h4{
  font-size:20px;
  font-weight:800;
  margin-bottom:12px;
  color:#111827;
}

.disciplinary-box p{
  color:#5f6775;
  line-height:1.9;
  font-size:15px;
}

.disciplinary-box ul{
  padding-left:20px;
  margin:15px 0;
}

.disciplinary-box li{
  color:#5f6775;
  line-height:1.9;
  margin-bottom:8px;
}

/* RESPONSIVE */

@media(max-width:992px){

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

  .disciplinary-intro{
    flex-direction:column;
    text-align:center;
  }

}

@media(max-width:576px){

  .disciplinary-hero{
    padding:75px 15px 110px;
    border-radius:0 0 35px 35px;
  }

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

  .disciplinary-container{
    padding:0 14px 60px;
  }

  .disciplinary-intro,
  .disciplinary-card{
    padding:25px 18px;
    border-radius:24px;
  }

  .disciplinary-intro h2{
    font-size:28px;
  }

  .disciplinary-title h3{
    font-size:25px;
  }

  .disciplinary-icon{
    min-width:95px;
    height:95px;
    font-size:40px;
    border-radius:24px;
  }

  .disciplinary-box{
    padding:18px;
  }

  .disciplinary-box h4{
    font-size:18px;
  }

  .disciplinary-box p,
  .disciplinary-box li{
    font-size:14px;
  }

}

/* about us  */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Poppins',sans-serif;
  background:#f7f8fc;
}

.about-page{
  padding:80px 18px;
  overflow:hidden;
}

/* Common */
.about-section,
.founder-section,
.why-section{
  max-width:1200px;
  margin:0 auto 90px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:55px;
  align-items:center;
}

.about-img img,
.founder-img img,
.why-img img{
  width: 100%;
    height: 451px;
 object-fit: cover;
  border-radius:30px;
  box-shadow:0 25px 55px rgba(0,0,0,.13);
}

.about-text span,
.founder-text span,
.title-box span,
.why-content span{
  display:inline-block;
  color:#e19503;
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:12px;
}

.about-text h2,
.founder-text h2,
.title-box h2,
.why-content h2{
  font-size:27px;
  line-height:1.25;
  font-weight:800;
  color:#111827;
  margin-bottom:18px;
}

.about-text p,
.founder-text p,
.why-content p{
  font-size:16px;
  line-height:1.85;
  color:#5d6472;
  margin-bottom:16px;
  text-align: justify;
}

.gold-btn{
  display:inline-block;
  margin-top:15px;
  padding:14px 32px;
  border-radius:50px;
  background:linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  box-shadow:0 15px 35px rgba(225,149,3,.35);
  transition:.35s ease;
}

.gold-btn:hover{
  transform:translateY(-5px);
  color:#fff;
  box-shadow:0 22px 45px rgba(225,149,3,.45);
}

/* Founder */
.quote{
  margin-top:25px;
  padding:24px;
  background:#fff;
  border-left:5px solid #e19503;
  border-radius:20px;
  box-shadow:0 18px 40px rgba(0,0,0,.08);
  color:#222;
  font-weight:700;
  line-height:1.7;
}

.quote i{
  color:#e19503;
  margin-right:8px;
}

/* Title */
.title-box{
  text-align:center;
  max-width:700px;
  margin:0 auto 45px;
}

/* Advantage Cards */

/* TITLE */

.title-box{
    max-width:850px;
    margin:0 auto 55px;
    text-align:center;
}

.title-box span{
    display:inline-block;
    color:#e19503;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:12px;
}

.title-box h2{
    font-size:46px;
    line-height:1.2;
    font-weight:800;
    color:#111827;
    margin-bottom:18px;
}

.title-box p{
    color:#5f6775;
    font-size:16px;
    line-height:1.8;
}

/* ADVANTAGE SECTION */

.advantage-wrapper{
    max-width:1250px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;
}

.advantage-box{
    position:relative;
    background:#fff;
    padding:40px 35px;
    border-radius:32px;
    overflow:hidden;
    transition:.4s ease;
    box-shadow:0 20px 45px rgba(0,0,0,.07);
    border:1px solid rgba(225,149,3,.12);
}

.advantage-box::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(225,149,3,.08);
    border-radius:50%;
    top:-70px;
    right:-70px;
}

.advantage-box:hover{
    transform:translateY(-10px);
    box-shadow:0 28px 60px rgba(225,149,3,.18);
}

.adv-icon{
    width:75px;
    height:75px;
    border-radius:24px;
    background:linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:30px;
    margin-bottom:25px;
    position:relative;
    z-index:2;
}

.advantage-box h3{
    font-size:28px;
    font-weight:800;
    color:#111827;
    margin-bottom:18px;
    position:relative;
    z-index:2;
}

.advantage-box p{
    color:#5f6775;
    font-size:15px;
    line-height:1.9;
    position:relative;
    z-index:2;
}

/* Responsive */

@media(max-width:992px){

    .title-box h2{
        font-size:36px;
    }

    .advantage-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:576px){

    .title-box{
        margin-bottom:35px;
    }

    .title-box h2{
        font-size:28px;
    }

    .title-box p{
        font-size:14px;
    }

    .advantage-box{
        padding:30px 22px;
        border-radius:24px;
    }

    .advantage-box h3{
        font-size:22px;
    }

    .advantage-box p{
        font-size:14px;
        line-height:1.8;
    }

    .adv-icon{
        width:65px;
        height:65px;
        font-size:24px;
        border-radius:18px;
    }

}

/* Mission Vision Values */

/* =========================
   CORE SECTION
========================= */

.core-section{
  padding:90px 18px;
 
  font-family:'Poppins',sans-serif;
}

/* Heading */

.core-head{
  max-width:760px;
  margin:0 auto 55px;
  text-align:center;
}

.core-head span{
  color:#e19503;
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
}

.core-head h2{
  font-size:46px;
  font-weight:800;
  color:#111827;
  margin:14px 0;
}

.core-head p{
  color:#5f6775;
  line-height:1.8;
}

/* Grid */

.core-grid{
  max-width:1250px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  align-items:stretch;
}

/* Card */

.core-card{
  position:relative;
  background:#fff;
  padding:38px 28px;
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.08);
  border:1px solid rgba(225,149,3,.12);
  transition:.35s ease;
}

.core-card:hover{
  transform:translateY(-10px);
  box-shadow:0 28px 65px rgba(225,149,3,.18);
}

/* Top Border */

.core-card::before{
  content:"";
  position:absolute;
  inset:0;
  height:7px;
  background:linear-gradient(90deg,#cf8800,#f8aa00,#ffb01f);
}

/* Number */

.core-number{
  position:absolute;
  right:25px;
  top:22px;
  font-size:58px;
  font-weight:800;
  color:rgba(225,149,3,.12);
}

/* Icon */

.core-icon{
  width:72px;
  height:72px;
  border-radius:22px;
  background:linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  margin-bottom:25px;
}

/* Title */

.core-card h3{
  font-size:30px;
  font-weight:800;
  color:#111827;
  margin-bottom:15px;
}

/* Paragraph */

.core-card > p{
  color:#5f6775;
  line-height:1.8;
  margin-bottom:24px;
}

/* Points */

.core-points{
  display:flex;
  flex-direction:column;
  gap:13px;
}

.core-points span{
  background:#fafafa;
  padding:14px 15px;
  border-radius:15px;
  color:#4b5563;
  font-size:14px;
  line-height:1.65;
  border-left:4px solid #e19503;
}

.core-points b{
  color:#111827;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1100px){

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

  .core-card{
    max-width:760px;
    width:100%;
    margin:auto;
  }

}

@media(max-width:576px){

  .core-section{
    padding:60px 14px;
  }

  .core-head h2{
    font-size:30px;
  }

  .core-card{
    padding:32px 20px;
    border-radius:26px;
  }

  .core-card h3{
    font-size:25px;
  }

  .core-number{
    font-size:44px;
    right:18px;
  }

  .core-icon{
    width:65px;
    height:65px;
    font-size:26px;
  }

  .core-points span{
    font-size:13px;
    padding:12px 13px;
  }

}

/* Why */
.why-section{
  background:
    radial-gradient(circle at top left, rgba(255,176,31,.18), transparent 35%),
    linear-gradient(135deg,#111827,#2b1b05);
  padding:60px;
  border-radius:35px;
}

.why-content h2,
.why-content p{
  color:#fff;
}

.why-content ul{
  list-style:none;
  margin-top:25px;
}

.why-content li{
  margin-bottom:16px;
  padding:15px 18px;
  background:rgba(255,255,255,.1);
  border-radius:14px;
  color:#fff;
  font-weight:600;
}

.why-content li i{
  color:#f8aa00;
  margin-right:10px;
}

.why-img img{
  height:430px;
  box-shadow:none;
}

/* Tablet / Medium */
@media (max-width: 992px){

  .about-page{
    padding:60px 18px;
  }

  .about-section,
  .founder-section,
  .why-section{
    grid-template-columns:1fr;
    gap:35px;
    margin-bottom:65px;
  }

  .about-text,
  .founder-text,
  .why-content{
    text-align:center;
  }

  .about-text h2,
  .founder-text h2,
  .title-box h2,
  .why-content h2{
    font-size:34px;
  }

  .about-img img,
  .founder-img img,
  .why-img img{
    height:380px;
  }

  .cards-grid{
    grid-template-columns:repeat(2,1fr);
    gap:22px;
  }

  .mvv-section{
    grid-template-columns:repeat(2,1fr);
    gap:22px;
  }

  .mvv-card.active{
    transform:none;
  }

  .why-section{
    padding:45px 30px;
  }

  .why-content ul{
    text-align:left;
  }

  .founder-img{
    order:-1;
  }
}

/* Small Mobile */
@media (max-width: 576px){

  .about-page{
    padding:45px 14px;
  }

  .about-section,
  .founder-section,
  .why-section{
    gap:25px;
    margin-bottom:55px;
  }

  .about-text h2,
  .founder-text h2,
  .title-box h2,
  .why-content h2{
    font-size:26px;
    line-height:1.3;
  }

  .about-text p,
  .founder-text p,
  .why-content p{
    font-size:14px;
    line-height:1.8;
  }

  .about-img img,
  .founder-img img,
  .why-img img{
    height:260px;
    border-radius:20px;
    width: 100%;
  }

  .cards-grid,
  .mvv-section{
    grid-template-columns:1fr;
    gap:18px;
  }

  .info-card,
  .mvv-card{
    padding:28px 20px;
    border-radius:22px;
  }

  .why-section{
    padding:28px 18px;
    border-radius:22px;
  }

  .why-content li{
    font-size:14px;
    padding:13px 14px;
  }

  .gold-btn{
    padding:12px 26px;
    font-size:14px;
  }
}

/* Extra Small */
@media (max-width: 380px){

  .about-text h2,
  .founder-text h2,
  .title-box h2,
  .why-content h2{
    font-size:23px;
  }

  .about-img img,
  .founder-img img,
  .why-img img{
    height:230px;
  }
}

/* our client  */

.clients-page{
  font-family:'Poppins',sans-serif;
  background:#f6f7fb;
  color:#111827;
}

.clients-hero{
  padding:100px 20px 130px;
  text-align:center;
  color:#fff;
  background:
    linear-gradient(135deg,rgba(17,24,39,.90),rgba(54,35,5,.82)),
    url("https://images.unsplash.com/photo-1521791136064-7986c2920216?q=80&w=1600&auto=format&fit=crop");
  background-size:cover;
  background-position:center;
  border-radius:0 0 55px 55px;
}

.clients-hero span,
.clients-intro-card span{
  display:inline-block;
  color:#f8aa00;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:12px;
}

.clients-hero h1{
  font-size:60px;
  font-weight:800;
  margin-bottom:15px;
}

.clients-hero p{
  max-width:760px;
  margin:auto;
  font-size:17px;
  line-height:1.8;
}

.clients-container{
  max-width:1250px;
  margin:-70px auto 0;
  padding:0 18px 90px;
}

.clients-intro-card{
  background:#fff;
  padding:42px;
  border-radius:34px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  box-shadow:0 25px 65px rgba(0,0,0,.10);
  margin-bottom:55px;
}

.clients-intro-card h2{
  font-size:42px;
  font-weight:800;
  line-height:1.2;
  margin-bottom:16px;
}

.clients-intro-card p{
  color:#5f6775;
  line-height:1.9;
  font-size:16px;
}

.clients-big-icon{
  min-width:120px;
  height:120px;
  border-radius:30px;
  background:linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:52px;
}

.clients-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.client-item{
  position:relative;
  background:#fff;
  padding:18px 18px 18px 48px;
  border-radius:18px;
  color:#4b5563;
  font-size:15px;
  line-height:1.6;
  font-weight:500;
  border:1px solid rgba(225,149,3,.12);
  box-shadow:0 14px 35px rgba(0,0,0,.05);
  transition:.35s ease;
}

.client-item::before{
  content:"\f058";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  left:18px;
  top:20px;
  color:#e19503;
}

.client-item:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 48px rgba(225,149,3,.14);
  border-color:rgba(225,149,3,.35);
}

/* Responsive */
@media(max-width:992px){
  .clients-hero h1{
    font-size:42px;
  }

  .clients-intro-card{
    flex-direction:column;
    text-align:center;
  }

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

@media(max-width:576px){
  .clients-hero{
    padding:75px 15px 110px;
    border-radius:0 0 35px 35px;
  }

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

  .clients-container{
    padding:0 14px 60px;
  }

  .clients-intro-card{
    padding:25px 18px;
    border-radius:24px;
  }

  .clients-intro-card h2{
    font-size:28px;
  }

  .clients-big-icon{
    min-width:95px;
    height:95px;
    font-size:40px;
    border-radius:24px;
  }

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

  .client-item{
    font-size:14px;
  }
}


/* contact us  */



.contact-page{
    font-family:'Poppins',sans-serif;
    background:#f6f7fb;
    color:#111827;
}

/* HERO */

.contact-hero{
    padding:100px 20px 130px;
    text-align:center;
    color:#fff;

    background:
    linear-gradient(135deg,rgba(17,24,39,.90),rgba(54,35,5,.82)),
    url("https://images.unsplash.com/photo-1521791136064-7986c2920216?q=80&w=1600&auto=format&fit=crop");

    background-size:cover;
    background-position:center;

    border-radius:0 0 55px 55px;
}

.contact-hero span,
.contact-top-card span,
.map-title span,
.office-head span{
    display:inline-block;
    color:#f8aa00;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:12px;
}

.contact-hero h1{
    font-size:60px;
    font-weight:800;
    margin-bottom:15px;
}

.contact-hero p{
    max-width:720px;
    margin:auto;
    font-size:17px;
    line-height:1.8;
}

/* CONTAINER */

.contact-container{
    max-width:1250px;
    margin:-70px auto 0;
    padding:0 18px 90px;
}

/* TOP CARD */

.contact-top-card{
    background:#fff;
    padding:42px;
    border-radius:34px;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;

    box-shadow:0 25px 65px rgba(0,0,0,.10);

    margin-bottom:70px;
}

.contact-top-card h2,
.map-title h2{
    font-size:42px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:16px;
}

.contact-top-card p{
    color:#5f6775;
    line-height:1.9;
}

.contact-icon{
    min-width:120px;
    height:120px;

    border-radius:30px;

    background:
    linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:52px;
}

/* OFFICE GRID */

.office-grid{
    display:grid;
    
    gap:28px;

    margin-bottom:80px;
}

/* OFFICE CARD */

.office-card{
    background:#fff;

    padding:35px;

    border-radius:30px;

    box-shadow:0 18px 45px rgba(0,0,0,.07);

    border:1px solid rgba(225,149,3,.12);

    transition:.35s;
}

.office-card:hover{
    transform:translateY(-8px);

    box-shadow:0 28px 60px rgba(225,149,3,.15);
}

.office-head{
    display:flex;
    align-items:center;
    gap:18px;

    margin-bottom:30px;
}

.office-icon{
    min-width:70px;
    height:70px;

    border-radius:22px;

    background:
    linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:28px;
}

.office-head h3{
    font-size:28px;
    font-weight:800;
}

/* INFO */

.office-info{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.info-box{
    display:flex;
    gap:15px;
    align-items:flex-start;

    background:#f9fafb;

    padding:18px;

    border-radius:18px;

    border-left:4px solid #e19503;
}

.info-box i{
    color:#e19503;
    font-size:20px;
    margin-top:4px;
}

.info-box p{
    color:#5f6775;
    line-height:1.8;
    font-size:15px;
    margin-bottom: 0px !important;
}

/* MAP */

.map-section{
    margin-top:20px;
}

.map-title{
    text-align:center;
    margin-bottom:35px;
}

.map-box{
    overflow:hidden;

    border-radius:35px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

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

/* =========================
   RESPONSIVE
========================= */

@media(max-width:992px){

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

    .contact-top-card{
        flex-direction:column;
        text-align:center;
    }

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

}

@media(max-width:576px){

    .contact-hero{
        padding:75px 15px 110px;
        border-radius:0 0 35px 35px;
    }

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

    .contact-container{
        padding:0 14px 60px;
    }

    .contact-top-card,
    .office-card{
        padding:25px 18px;
        border-radius:24px;
    }

    .contact-top-card h2,
    .map-title h2{
        font-size:28px;
    }

    .contact-icon{
        min-width:95px;
        height:95px;
        font-size:40px;
        border-radius:24px;
    }

    .office-head{
        align-items:flex-start;
    }

    .office-head h3{
        font-size:22px;
    }

    .info-box{
        padding:15px;
    }

    .info-box p{
        font-size:14px;
    }

    .map-box{
        border-radius:24px;
    }

    .map-box iframe{
        height:350px;
    }

}

/* terms and conditions  */

.terms-page{
  font-family:'Poppins',sans-serif;
  background:#f6f7fb;
  color:#111827;
}

.terms-hero{
  padding:105px 20px 125px;
  text-align:center;
  color:#fff;
  background:
    linear-gradient(135deg,rgba(17,24,39,.9),rgba(54,35,5,.82)),
    url("https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1600&q=80");
  background-size:cover;
  background-position:center;
  border-radius:0 0 55px 55px;
}

.terms-hero span,
.terms-intro h2,
.client-card span{
  color:#f8aa00;
}

.terms-hero span{
  display:inline-block;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:12px;
}

.terms-hero h1{
  font-size:58px;
  font-weight:800;
  margin-bottom:14px;
}

.terms-hero p{
  max-width:720px;
  margin:auto;
  font-size:17px;
  line-height:1.8;
}

.terms-container{
  max-width:1200px;
  margin:-70px auto 0;
  padding:0 18px 90px;
}

.terms-intro,
.terms-card,
.terms-small-card,
.client-card{
  background:#fff;
  border-radius:30px;
  box-shadow:0 20px 50px rgba(0,0,0,.08);
  border:1px solid rgba(225,149,3,.12);
}

.terms-intro{
  padding:45px;
  margin-bottom:35px;
}

.terms-intro h2{
  font-size:34px;
  font-weight:800;
  margin-bottom:18px;
}

.terms-intro p,
.terms-card p,
.terms-card li,
.terms-small-card p,
.client-card p{
  color:#5f6775;
  line-height:1.85;
  font-size:15px;
}

.terms-intro p{
  margin-bottom:14px;
}

.terms-card{
  padding:38px;
  margin-bottom:35px;
}

.terms-card h3,
.terms-small-card h3{
  font-size:28px;
  font-weight:800;
  margin-bottom:22px;
  color:#111827;
  position:relative;
  padding-left:18px;
}

.terms-card h3::before,
.terms-small-card h3::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:5px;
  height:28px;
  border-radius:20px;
  background:linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);
}

.terms-card ol{
  padding-left:20px;
}

.terms-card li{
  margin-bottom:16px;
  padding:14px 16px;
  background:#f9fafb;
  border-radius:14px;
  border-left:4px solid #e19503;
}

.warning-card{
  background:
    radial-gradient(circle at top left, rgba(255,176,31,.16), transparent 35%),
    linear-gradient(135deg,#111827,#2b1b05);
}

.warning-card h3,
.warning-card p{
  color:#fff;
}

.terms-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:28px;
  margin-bottom:35px;
}

.terms-small-card{
  padding:35px;
}

.client-terms{
  margin-top:55px;
}

.client-terms h2{
  text-align:center;
  font-size:40px;
  font-weight:800;
  margin-bottom:35px;
  color:#111827;
}

.client-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:28px;
}

.client-card{
  padding:35px;
}

.client-card span{
  display:inline-block;
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:12px;
}

.thanks-box{
  margin-top:30px;
  padding:28px;
  border-radius:24px;
  text-align:center;
  color:#fff;
  font-size:20px;
  font-weight:700;
  background:linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);
  box-shadow:0 18px 40px rgba(225,149,3,.28);
}

/* Responsive */
@media(max-width:992px){
  .terms-hero h1{
    font-size:42px;
  }

  .terms-grid,
  .client-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:576px){
  .terms-hero{
    padding:75px 15px 110px;
    border-radius:0 0 35px 35px;
  }

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

  .terms-container{
    padding:0 14px 60px;
  }

  .terms-intro,
  .terms-card,
  .terms-small-card,
  .client-card{
    padding:25px 18px;
    border-radius:24px;
  }

  .terms-intro h2{
    font-size:26px;
  }

  .terms-card h3,
  .terms-small-card h3{
    font-size:23px;
  }

  .client-terms h2{
    font-size:28px;
  }

  .terms-card li{
    font-size:14px;
    padding:12px 13px;
  }

  .thanks-box{
    font-size:16px;
  }
}


/* post resume */

.resume-page{
  font-family:'Poppins',sans-serif;
  background:#fff;
  padding:55px 20px 80px;
  color:#2f3b45;
}

.resume-title{
    text-align: -webkit-center !important;
  justify-content:center;
  gap:35px;
  margin-bottom:45px;
}

.resume-title span{
  height:1px;
  flex:1;
  max-width:420px;
  background:repeating-linear-gradient(
    45deg,
    #ddd,
    #ddd 2px,
    transparent 2px,
    transparent 5px
  );
}

.resume-title h1{
      font-size: 34px;
    font-weight: 800;
    letter-spacing: .5px;
    margin: 0;
    background: linear-gradient(356deg, #cf8800, #f8aa00, #ffcc33);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.resume-box{
  max-width:1200px;
  margin:auto;
  background:#fff;
  border:1px solid #eee;
  padding:35px 45px 60px;
  box-shadow:0 15px 45px rgba(0,0,0,.05);
}

.form-note{
  font-size:18px;
  margin-bottom:30px;
  color:#2f3b45;
}

.form-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px 35px;
}

.form-group label{
  display:block;
  font-size:16px;
  margin-bottom:10px;
  color:#2f3b45;
}

.form-group label b{
  color:red;
}

.form-group input,
.form-group select{
  width:100%;
  height:46px;
  border:1px solid #ddd;
  border-radius:4px;
  padding:0 15px;
  font-size:15px;
  outline:none;
  color:#333;
  background:#fff;
}

.form-group input:focus,
.form-group select:focus{
  border-color:#31a9d8;
  box-shadow:0 0 0 3px rgba(49,169,216,.12);
}

.checkbox-area{
  margin-top:28px;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:16px;
}

.checkbox-area input,
.terms-check input{
  width:18px;
  height:18px;
  margin-right:8px;
}

.checkbox-area a,
.terms-check a{
  color:#d40000;
  text-decoration:none;
}

.terms-check{
  margin-top:30px;
  font-size:16px;
}

.submit-area{
  margin-top:35px;
  display:flex;
  justify-content:flex-end;
}

.submit-area button{
     border: none;
    color: #fff;
   
    border-radius: 44px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
    background: linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f) !important;
    padding: 9px 20px;
}


.submit-area button:hover{
  background:#178fc0;
  transform:translateY(-3px);
}

@media(max-width:992px){
  .form-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:576px){
  .resume-page{
    padding:40px 14px;
  }

  .resume-title{
    gap:15px;
  }

  .resume-title h1{
    font-size:26px;
  }

  .resume-box{
    padding:25px 18px 35px;
  }

  .form-grid{
    grid-template-columns:1fr;
    gap:22px;
  }

  .submit-area{
    justify-content:center;
  }

  .submit-area button{
    width:100%;
    font-size:18px;
  }
}


/* service page  */

.visa-modern-page{
  font-family:'Poppins',sans-serif;
  background:#f6f7fb;
  color:#111827;
}

.visa-modern-hero{
  padding:100px 20px 130px;
  text-align:center;
  color:#fff;
  background:
    linear-gradient(135deg,rgba(17,24,39,.88),rgba(54,35,5,.82)),
    url("https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=1600&q=80");
  background-size:cover;
  background-position:center;
  border-radius:0 0 55px 55px;
}

.visa-modern-hero span,
.visa-intro-card span,
.modern-title span{
  display:inline-block;
  color:#f8aa00;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:12px;
}

.visa-modern-hero h1{
  font-size:60px;
  font-weight:800;
  margin-bottom:14px;
}

.visa-modern-hero p{
  max-width:720px;
  margin:auto;
  font-size:17px;
  line-height:1.8;
}

.visa-modern-container{
  max-width:1250px;
  margin:-70px auto 0;
  padding:0 18px 90px;
}

.visa-intro-card{
  background:#fff;
  padding:42px;
  border-radius:32px;
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
  box-shadow:0 25px 65px rgba(0,0,0,.12);
  margin-bottom:75px;
}

.visa-intro-card h2,
.modern-title h2{
  font-size:40px;
  font-weight:800;
  line-height:1.25;
  margin-bottom:14px;
}

.visa-intro-card p{
  color:#5f6775;
  line-height:1.9;
}

.visa-big-icon{
  min-width:120px;
  height:120px;
  border-radius:30px;
  background:linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:52px;
}

.modern-title{
  text-align:center;
  max-width:850px;
  margin:0 auto 45px;
}

.modern-card-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:26px;
  margin-bottom:80px;
}

.modern-doc-card,
.degree-modern-card{
  background:#fff;
  border-radius:28px;
  padding:32px;
  box-shadow:0 18px 45px rgba(0,0,0,.07);
  border:1px solid rgba(225,149,3,.12);
  transition:.35s;
}

.modern-doc-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 60px rgba(225,149,3,.16);
}

.doc-top{
  display:flex;
  gap:16px;
  align-items:center;
  margin-bottom:24px;
}

.doc-top i{
  min-width:62px;
  height:62px;
  border-radius:18px;
  background:linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:25px;
}

.doc-top h3{
  font-size:23px;
  font-weight:800;
}

.modern-doc-card ul,
.degree-modern-card ul{
  list-style:none;
  padding:0;
  margin:0;
}

.modern-doc-card li,
.degree-modern-card li{
  background:#f9fafb;
  padding:14px 16px;
  border-radius:14px;
  margin-bottom:12px;
  color:#5f6775;
  line-height:1.75;
  border-left:4px solid #e19503;
}

.modern-doc-card b,
.degree-modern-card b{
  color:#111827;
}

.modern-attestation{
  padding:60px 45px;
  border-radius:36px;
  background:linear-gradient(135deg,#111827,#2b1b05);
  margin-bottom:80px;
  color:#fff;
}

.modern-title.light h2{
  color:#fff;
}

.attest-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}

.attest-grid div{
  background:rgba(255,255,255,.1);
  padding:24px 15px;
  border-radius:20px;
  text-align:center;
  transition:.3s;
}

.attest-grid div:hover{
  transform:translateY(-6px);
  background:rgba(255,255,255,.16);
}

.attest-grid i{
  display:block;
  color:#f8aa00;
  font-size:30px;
  margin-bottom:12px;
}

.attest-grid span{
  font-weight:700;
  line-height:1.5;
}

.modern-attestation p{
  text-align:center;
  margin-top:28px;
  color:#f3f3f3;
}

@media(max-width:992px){
  .visa-modern-hero h1{
    font-size:42px;
  }

  .visa-intro-card{
    flex-direction:column;
    text-align:center;
  }

  .modern-card-grid{
    grid-template-columns:1fr;
  }

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

@media(max-width:576px){
  .visa-modern-hero{
    padding:75px 15px 110px;
    border-radius:0 0 35px 35px;
  }

  .visa-modern-hero h1{
    font-size:34px;
  }

  .visa-modern-container{
    padding:0 14px 60px;
  }

  .visa-intro-card,
  .modern-doc-card,
  .degree-modern-card,
  .modern-attestation{
    padding:25px 18px;
    border-radius:24px;
  }

  .visa-intro-card h2,
  .modern-title h2{
    font-size:28px;
  }

  .doc-top{
    align-items:flex-start;
  }

  .doc-top h3{
    font-size:20px;
  }

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



/* rules of practises  */

.rules-page{
  font-family:'Poppins',sans-serif;
  background:#f6f7fb;
  color:#111827;
}

.rules-hero{
  padding:100px 20px 130px;
  text-align:center;
  color:#fff;
  background:
    linear-gradient(135deg,rgba(17,24,39,.90),rgba(54,35,5,.82)),
    url("https://images.unsplash.com/photo-1450101499163-c8848c66ca85?q=80&w=1600&auto=format&fit=crop");
  background-size:cover;
  background-position:center;
  border-radius:0 0 55px 55px;
}

.rules-hero span,
.rules-intro-card span{
  display:inline-block;
  color:#f8aa00;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:12px;
}

.rules-hero h1{
  font-size:58px;
  font-weight:800;
  margin-bottom:14px;
}

.rules-hero p{
  max-width:760px;
  margin:auto;
  font-size:17px;
  line-height:1.8;
}

.rules-container{
  max-width:1180px;
  margin:-70px auto 0;
  padding:0 18px 90px;
}

/* Intro */
.rules-intro-card{
  background:#fff;
  padding:42px;
  border-radius:34px;
  display:grid;
  grid-template-columns:1fr 120px;
  gap:35px;
  align-items:center;
  box-shadow:0 25px 65px rgba(0,0,0,.10);
  margin-bottom:70px;
}

.rules-intro-card h2{
  font-size:42px;
  font-weight:800;
  line-height:1.2;
  margin-bottom:16px;
}

.rules-intro-card p{
  color:#5f6775;
  line-height:1.9;
  margin-bottom:14px;
  font-size:15px;
}

.rules-big-icon{
  width:120px;
  height:120px;
  border-radius:30px;
  background:linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:52px;
}

/* Timeline */
.principles-grid{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:34px;
  max-width:1080px;
  margin:0 auto;
}

.principles-grid::before{
  content:"";
  position:absolute;
  left:39px;
  top:20px;
  bottom:20px;
  width:4px;
  border-radius:40px;
  background:linear-gradient(180deg,#cf8800,#f8aa00,#ffb01f);
}

/* Card */
.principle-card{
  position:relative;
  
  grid-template-columns:92px 1fr;
  gap:28px;
  align-items:start;
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
}

/* Icon side */
.principle-top{
  position:relative;
  z-index:2;
  width:82px;
  min-height:120px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
}

.principle-top i{
  width:78px;
  height:78px;
  border-radius:24px;
  background:linear-gradient(135deg,#cf8800,#f8aa00,#ffb01f);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  box-shadow:0 16px 36px rgba(225,149,3,.32);
}

.principle-top span{
  display:block;
  background:#fff;
  color:#e19503;
  padding:7px 10px;
  border-radius:30px;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.5px;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  white-space:nowrap;
}

/* Content card */
.principle-card h3,
.principle-card p,
.principle-card ul{
  grid-column:2;
  background:#fff;
  margin:0;
}

.principle-card h3{
  padding:32px 36px 12px;
  border-radius:30px 30px 0 0;
  font-size:28px;
  font-weight:800;
  color:#111827;
  box-shadow:0 12px 32px rgba(0,0,0,.04);
      margin-top: 28px;
}

.principle-card p,
.principle-card ul{
  padding:8px 36px 34px;
  border-radius:0 0 30px 30px;
  box-shadow:0 18px 45px rgba(0,0,0,.07);
}

.principle-card p,
.principle-card li{
  color:#5f6775;
  line-height:1.85;
  font-size:15px;
}

.principle-card ul{
  list-style:none;
}

.principle-card li{
  position:relative;
  background:#f9fafb;
  padding:14px 16px 14px 42px;
  border-radius:14px;
  margin-bottom:12px;
  border:1px solid #eef0f4;
}

.principle-card li:last-child{
  margin-bottom:0;
}

.principle-card li::before{
  content:"\f00c";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  left:16px;
  top:15px;
  color:#e19503;
  font-size:13px;
}

.principle-card:hover .principle-top i{
  transform:scale(1.06);
}

.principle-top i,
.principle-card h3,
.principle-card p,
.principle-card ul{
  transition:.35s ease;
}

.principle-card:hover h3,
.principle-card:hover p,
.principle-card:hover ul{
  box-shadow:0 24px 55px rgba(225,149,3,.12);
}

/* Tablet */
@media(max-width:992px){
  .rules-hero h1{
    font-size:42px;
  }

  .rules-intro-card{
    grid-template-columns:1fr;
    text-align:center;
  }

  .rules-big-icon{
    margin:auto;
  }

  .principles-grid{
    max-width:760px;
  }
}

/* Mobile */
@media(max-width:576px){
  .rules-hero{
    padding:75px 15px 110px;
    border-radius:0 0 35px 35px;
  }

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

  .rules-container{
    padding:0 14px 60px;
  }

  .rules-intro-card{
    padding:25px 18px;
    border-radius:24px;
    margin-bottom:55px;
  }

  .rules-intro-card h2{
    font-size:28px;
  }

  .rules-big-icon{
    width:95px;
    height:95px;
    font-size:40px;
    border-radius:24px;
  }

  .principles-grid{
    gap:28px;
  }

  .principles-grid::before{
    left:27px;
  }

  .principle-card{
    grid-template-columns:64px 1fr;
    gap:12px;
  }

  .principle-top{
    width:58px;
    min-height:90px;
  }

  .principle-top i{
    width:56px;
    height:56px;
    border-radius:17px;
    font-size:22px;
  }

  .principle-top span{
    font-size:9px;
    padding:5px 7px;
  }

  .principle-card h3{
    padding:24px 18px 10px;
    border-radius:22px 22px 0 0;
    font-size:21px;
  }

  .principle-card p,
  .principle-card ul{
    padding:6px 18px 24px;
    border-radius:0 0 22px 22px;
  }

  .principle-card p,
  .principle-card li{
    font-size:14px;
  }

  .principle-card li{
    padding:12px 13px 12px 36px;
  }

  .principle-card li::before{
    left:13px;
    top:13px;
  }
}


/* enquiry */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.enquiry-page {
  min-height: 100vh;
  padding: 70px 20px;
  background: #fff;
  font-family: Arial, sans-serif;
}

.enquiry-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
  margin-bottom: 45px;
}

.enquiry-title span {
  width: 330px;
  height: 14px;
  background: repeating-linear-gradient(
    -45deg,
    #f2ead8 0,
    #f2ead8 3px,
    transparent 3px,
    transparent 7px
  );
}

.enquiry-title h2 {
  font-size: 36px;
  font-weight: 900;
  color: #26343a;
}

.enquiry-box {
  max-width: 1180px;
  margin: auto;
  padding: 42px 85px;
  background: #fff;
  border: 1px solid #f0eadf;
  border-radius: 14px;
  box-shadow: 0 18px 45px rgba(193, 128, 0, 0.12);
}

.secure-text {
  font-size: 22px;
  color: #26343a;
  margin-bottom: 35px;
}

.mandatory {
  color: #e19503;
  font-size: 22px;
  margin-bottom: 35px;
  font-weight: 600;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px 52px;
  margin-bottom: 28px;
}

.enquiry-box input,
.enquiry-box select,
.enquiry-box textarea {
  width: 100%;
  border: 1px solid #e4dfd6;
  border-radius: 8px;
  padding: 15px 22px;
  font-size: 20px;
  color: #26343a;
  outline: none;
  background: #fff;
  transition: 0.3s ease;
}

.enquiry-box input:focus,
.enquiry-box select:focus,
.enquiry-box textarea:focus {
  border-color: #e19503;
  box-shadow: 0 0 0 4px rgba(225, 149, 3, 0.13);
}

.enquiry-box textarea {
  height: 130px;
  resize: vertical;
  margin-bottom: 32px;
}

.captcha-box {
  width: 510px;
  max-width: 100%;
  height: 118px;
  border: 1px solid #ddd;
  background: #fafafa;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px;
  margin-bottom: 35px;
}

.captcha-left {
  display: flex;
  align-items: center;
  gap: 20px;
}

.check-box {
  width: 45px;
  height: 45px;
  border: 3px solid #555;
  background: #fff;
  border-radius: 3px;
}

.captcha-left strong {
  font-size: 22px;
}

.captcha-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #e19503;
  gap: 6px;
}

.captcha-right i {
  font-size: 34px;
}

.form-buttons {
  display: flex;
  gap: 28px;
  padding-left: 25px;
}

.form-buttons button {
  border: none;
  padding: 14px 38px;
  font-size: 20px;
  color: #fff;
  border-radius: 8px;
  background: linear-gradient(135deg, #cf8800, #e19503, #ffb01f);
  cursor: pointer;
  transition: 0.35s ease;
}

.form-buttons button:hover {
  transform: translateY(-4px);
  background: linear-gradient(135deg, #171033, #3a2b11);
}

@media (max-width: 768px) {
  .enquiry-box {
    padding: 30px 20px;
  }

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

  .enquiry-title span {
    display: none;
  }

  .enquiry-title h2 {
    font-size: 28px;
  }

  .form-buttons {
    padding-left: 0;
    flex-direction: column;
  }
}

/* mission vision values  */

.ahf-mvv-wrapper {
  padding: 90px 18px;
  background:
    radial-gradient(circle at top left, rgba(225, 149, 3, 0.14), transparent 35%),
    linear-gradient(180deg, #fffaf1 0%, #ffffff 45%, #fff8ec 100%);
  font-family: 'Poppins', sans-serif;
  overflow: hidden;
}

.ahf-mvv-container {
  max-width: 1180px;
  margin: auto;
}

.ahf-mvv-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 48px;
}

.ahf-mvv-heading span,
.ahf-principle-title span,
.ahf-values-left span {
  display: inline-block;
  color: #e19503;
  background: rgba(225, 149, 3, 0.12);
  padding: 9px 18px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.8px;
  margin-bottom: 14px;
}

.ahf-mvv-heading h2 {
  font-size: 44px;
  line-height: 1.15;
  color: #26343a;
  font-weight: 900;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.ahf-mvv-heading p {
  font-size: 17px;
  color: #666;
  line-height: 1.8;
}

.ahf-mvv-hero {
  min-height: 390px;
  border-radius: 32px;
  padding: 55px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(120deg, rgba(24, 25, 28, 0.86), rgba(24, 25, 28, 0.25)),
    url("https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1400&q=80");
  background-size: cover;
  background-position: center;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.16);
}

.ahf-mvv-hero::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -80px;
  width: 250px;
  height: 250px;
  background: rgba(225, 149, 3, 0.55);
  filter: blur(40px);
  border-radius: 50%;
}

.ahf-mvv-hero-content {
  max-width: 680px;
  position: relative;
  z-index: 2;
}

.ahf-mvv-hero-content span {
  color: #ffbf35;
  font-weight: 900;
  letter-spacing: 2px;
  font-size: 13px;
}

.ahf-mvv-hero-content h1 {
  color: #fff;
  font-size: 52px;
  line-height: 1.08;
  font-weight: 900;
  margin: 18px 0;
}

.ahf-mvv-hero-content p {
  color: #f5f5f5;
  font-size: 18px;
  line-height: 1.8;
}

.ahf-mvv-main-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 28px;
  margin-bottom: 30px;
}

.ahf-mvv-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(225, 149, 3, 0.14);
  border-radius: 28px;
  padding: 34px;
  box-shadow: 0 20px 50px rgba(193, 128, 0, 0.10);
  transition: 0.35s ease;
}

.ahf-mvv-card:hover,
.ahf-principle-box:hover,
.ahf-value-item:hover,
.ahf-vision-point:hover {
  transform: translateY(-7px);
}

.ahf-mission-card {
  background:
    linear-gradient(135deg, rgba(225, 149, 3, 0.10), rgba(255,255,255,0.95)),
    #fff;
}

.ahf-mvv-icon {
  width: 66px;
  height: 66px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #cf8800, #e19503, #ffb01f);
  color: #fff;
  font-size: 26px;
  margin-bottom: 20px;
  box-shadow: 0 14px 32px rgba(225, 149, 3, 0.32);
}

.ahf-mvv-card h3,
.ahf-principle-title h3,
.ahf-values-left h3 {
  font-size: 30px;
  color: #26343a;
  font-weight: 900;
  margin-bottom: 14px;
}

.ahf-mvv-card p {
  color: #626262;
  font-size: 16px;
  line-height: 1.85;
}

.ahf-principle-area {
  background: #fff;
  border-radius: 30px;
  padding: 38px;
  border: 1px solid rgba(225, 149, 3, 0.14);
  box-shadow: 0 20px 50px rgba(193, 128, 0, 0.08);
  margin-bottom: 30px;
}

.ahf-principle-title {
  text-align: center;
  max-width: 650px;
  margin: 0 auto 30px;
}

.ahf-principle-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}

.ahf-principle-box {
  background: linear-gradient(180deg, #fffaf0, #ffffff);
  border: 1px solid #f1dfbb;
  border-radius: 22px;
  padding: 25px 18px;
  text-align: center;
  transition: 0.35s ease;
}

.ahf-principle-box i {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  margin: 0 auto 16px;
  color: #e19503;
  background: rgba(225, 149, 3, 0.12);
  font-size: 22px;
}

.ahf-principle-box h4 {
  color: #26343a;
  font-size: 19px;
  font-weight: 900;
  margin-bottom: 10px;
}

.ahf-principle-box p {
  color: #666;
  font-size: 14px;
  line-height: 1.7;
}

.ahf-values-section {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 30px;
  align-items: start;
  margin-bottom: 30px;
}

.ahf-values-left {
  background: linear-gradient(135deg, #251a04, #4b3100);
  border-radius: 30px;
  padding: 42px;
  min-height: 100%;
  position: sticky;
  top: 20px;
}

.ahf-values-left h3 {
  color: #fff;
}

.ahf-values-left p {
  color: #f1e5cf;
  line-height: 1.8;
  font-size: 16px;
}

.ahf-values-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.ahf-value-item {
  background: #fff;
  border-radius: 22px;
  padding: 24px;
  border: 1px solid rgba(225, 149, 3, 0.14);
  box-shadow: 0 16px 38px rgba(193, 128, 0, 0.08);
  transition: 0.35s ease;
}

.ahf-value-item strong {
  display: block;
  color: #e19503;
  font-size: 21px;
  margin-bottom: 9px;
}

.ahf-value-item p {
  color: #666;
  line-height: 1.7;
  font-size: 15px;
}

.ahf-vision-points {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.ahf-vision-point {
  background: #fff;
  border-radius: 22px;
  padding: 25px;
  border: 1px solid rgba(225, 149, 3, 0.14);
  box-shadow: 0 16px 38px rgba(193, 128, 0, 0.08);
  transition: 0.35s ease;
}

.ahf-vision-point i {
  color: #e19503;
  font-size: 28px;
  margin-bottom: 14px;
}

.ahf-vision-point p {
  color: #26343a;
  font-weight: 700;
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .ahf-principle-grid {
    grid-template-columns: repeat(2, 1fr);
  }

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

  .ahf-mvv-main-grid,
  .ahf-values-section {
    grid-template-columns: 1fr;
  }

  .ahf-values-left {
    position: static;
  }
}

@media (max-width: 768px) {
  .ahf-mvv-wrapper {
    padding: 60px 14px;
  }

  .ahf-mvv-heading h2 {
    font-size: 30px;
  }

  .ahf-mvv-hero {
    min-height: auto;
    padding: 34px 24px;
    border-radius: 24px;
  }

  .ahf-mvv-hero-content h1 {
    font-size: 34px;
  }

  .ahf-principle-area,
  .ahf-mvv-card,
  .ahf-values-left {
    padding: 25px;
  }

  .ahf-principle-grid,
  .ahf-values-list,
  .ahf-vision-points {
    grid-template-columns: 1fr;
  }
}

/* news & events  */

.ahf-news-wrapper {
  padding: 90px 18px;
  background:
    radial-gradient(circle at top left, rgba(225, 149, 3, 0.14), transparent 35%),
    linear-gradient(180deg, #fffaf1 0%, #ffffff 45%, #fff8ec 100%);
  font-family: 'Poppins', sans-serif;
}

.ahf-news-container {
  max-width: 1180px;
  margin: auto;
}

.ahf-news-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 48px;
}

.ahf-news-heading span {
  display: inline-block;
  color: #e19503;
  background: rgba(225, 149, 3, 0.12);
  padding: 9px 18px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.8px;
  margin-bottom: 14px;
}

.ahf-news-heading h2 {
  font-size: 44px;
  color: #26343a;
  font-weight: 900;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.ahf-news-heading p {
  font-size: 17px;
  color: #666;
  line-height: 1.8;
}

.ahf-news-hero {
  min-height: 360px;
  border-radius: 32px;
  padding: 55px;
  display: flex;
  align-items: center;
  margin-bottom: 35px;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(120deg, rgba(24, 25, 28, 0.86), rgba(24, 25, 28, 0.25)),
    url("https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=1400&q=80");
  background-size: cover;
  background-position: center;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.16);
}

.ahf-news-hero::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -80px;
  width: 250px;
  height: 250px;
  background: rgba(225, 149, 3, 0.55);
  filter: blur(40px);
  border-radius: 50%;
}

.ahf-news-hero-content {
  max-width: 680px;
  position: relative;
  z-index: 2;
}

.ahf-news-hero-content span {
  color: #ffbf35;
  font-weight: 900;
  letter-spacing: 2px;
  font-size: 13px;
}

.ahf-news-hero-content h1 {
  color: #fff;
  font-size: 50px;
  line-height: 1.08;
  font-weight: 900;
  margin: 18px 0;
}

.ahf-news-hero-content p {
  color: #f5f5f5;
  font-size: 18px;
  line-height: 1.8;
}

.ahf-news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.ahf-news-card {
  background: #fff;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(225, 149, 3, 0.14);
  box-shadow: 0 20px 50px rgba(193, 128, 0, 0.10);
  transition: 0.35s ease;
}

.ahf-news-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 28px 65px rgba(193, 128, 0, 0.16);
}

.ahf-news-img {
  height: 230px;
  position: relative;
  overflow: hidden;
}

.ahf-news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.45s ease;
}

.ahf-news-card:hover .ahf-news-img img {
  transform: scale(1.08);
}

.ahf-news-img span {
  position: absolute;
  left: 18px;
  bottom: 18px;
  background: linear-gradient(135deg, #cf8800, #e19503, #ffb01f);
  color: #fff;
  padding: 8px 16px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 800;
}

.ahf-news-content {
  padding: 26px;
}

.ahf-news-content small {
  color: #e19503;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.ahf-news-content h3 {
  color: #26343a;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 12px;
}

.ahf-news-content p {
  color: #666;
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 20px;
}

.ahf-news-content a {
  color: #e19503;
  text-decoration: none;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ahf-news-content a i {
  transition: 0.3s;
}

.ahf-news-content a:hover i {
  transform: translateX(5px);
}

@media (max-width: 992px) {
  .ahf-news-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ahf-news-hero-content h1 {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .ahf-news-wrapper {
    padding: 60px 14px;
  }

  .ahf-news-heading h2 {
    font-size: 30px;
  }

  .ahf-news-hero {
    min-height: auto;
    padding: 34px 24px;
    border-radius: 24px;
  }

  .ahf-news-hero-content h1 {
    font-size: 32px;
  }

  .ahf-news-grid {
    grid-template-columns: 1fr;
  }
}


/* advantage  */

.gc-advantage-wrapper {
  padding: 90px 18px;
  background:
    radial-gradient(circle at top left, rgba(225,149,3,.14), transparent 35%),
    linear-gradient(180deg,#fffaf1 0%,#ffffff 45%,#fff8ec 100%);
  font-family: 'Poppins', sans-serif;
  overflow: hidden;
}

.gc-advantage-container {
  max-width: 1180px;
  margin: auto;
}

.gc-advantage-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 48px;
}

.gc-advantage-heading span,
.gc-services-left span {
  display: inline-block;
  background: rgba(225,149,3,.12);
  color: #e19503;
  padding: 9px 18px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 15px;
}

.gc-advantage-heading h2 {
  font-size: 46px;
  font-weight: 900;
  color: #26343a;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.gc-advantage-heading p {
  color: #666;
  font-size: 17px;
  line-height: 1.8;
}

.gc-advantage-hero {
  min-height: 420px;
  border-radius: 34px;
  overflow: hidden;
  position: relative;
  padding: 60px;
  display: flex;
  align-items: center;
  margin-bottom: 35px;
  background:
    url("https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1400&q=80");
  background-size: cover;
  background-position: center;
  box-shadow: 0 28px 70px rgba(0,0,0,.16);
}

.gc-advantage-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(20,20,20,.88), rgba(20,20,20,.25));
}

.gc-advantage-content {
  max-width: 670px;
  position: relative;
  z-index: 2;
}

.gc-advantage-content span {
  color: #ffbf35;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: 900;
}

.gc-advantage-content h1 {
  color: #fff;
  font-size: 56px;
  line-height: 1.05;
  margin: 18px 0;
  font-weight: 900;
}

.gc-advantage-content p {
  color: #f5f5f5;
  line-height: 1.9;
  font-size: 18px;
}

.gc-floating-card {
  position: absolute;
  right: 40px;
  bottom: 40px;
  z-index: 2;
  width: 310px;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 24px;
  padding: 24px;
  display: flex;
  gap: 18px;
}

.gc-floating-card i {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg,#cf8800,#e19503,#ffb01f);
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 24px;
}

.gc-floating-card strong {
  display: block;
  color: #fff;
  margin-bottom: 6px;
}

.gc-floating-card p {
  color: #f5f5f5;
  font-size: 14px;
  line-height: 1.7;
}

.gc-main-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-bottom: 30px;
}

.gc-info-card {
  background: rgba(255,255,255,.95);
  border-radius: 30px;
  padding: 36px;
  border: 1px solid rgba(225,149,3,.14);
  box-shadow: 0 20px 50px rgba(193,128,0,.10);
  transition: .35s ease;
}

.gc-info-card:hover,
.gc-feature-box:hover,
.gc-service-card:hover {
  transform: translateY(-8px);
}

.gc-card-icon {
  width: 68px;
  height: 68px;
  border-radius: 22px;
  background: linear-gradient(135deg,#cf8800,#e19503,#ffb01f);
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 28px;
  margin-bottom: 22px;
  box-shadow: 0 14px 30px rgba(225,149,3,.30);
}

.gc-info-card h3 {
  color: #26343a;
  font-size: 31px;
  font-weight: 900;
  margin-bottom: 15px;
}

.gc-info-card p {
  color: #666;
  line-height: 1.9;
  font-size: 16px;
  margin-bottom: 16px;
}

.gc-feature-strip {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 18px;
  margin-bottom: 35px;
}

.gc-feature-box {
  background: linear-gradient(180deg,#fffaf0,#ffffff);
  border-radius: 24px;
  padding: 28px 22px;
  text-align: center;
  border: 1px solid #f1dfbb;
  transition: .35s ease;
}

.gc-feature-box i {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: rgba(225,149,3,.12);
  color: #e19503;
  display: grid;
  place-items: center;
  margin: 0 auto 16px;
  font-size: 24px;
}

.gc-feature-box h4 {
  color: #26343a;
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 900;
}

.gc-feature-box p {
  color: #666;
  font-size: 14px;
  line-height: 1.8;
}

.gc-services-section {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 30px;
  margin-bottom: 35px;
}

.gc-services-left {
  background: linear-gradient(135deg,#251a04,#4b3100);
  border-radius: 32px;
  padding: 42px;
}

.gc-services-left h3 {
  color: #fff;
  font-size: 38px;
  line-height: 1.2;
  margin-bottom: 18px;
  font-weight: 900;
}

.gc-services-left p {
  color: #f1e5cf;
  line-height: 1.9;
  margin-bottom: 18px;
}

.gc-services-left a {
  display: inline-block;
  margin-top: 10px;
  background: linear-gradient(135deg,#cf8800,#e19503,#ffb01f);
  color: #fff;
  padding: 14px 28px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 800;
}

.gc-services-right {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gc-service-card {
  background: #fff;
  border-radius: 24px;
  padding: 24px;
  border: 1px solid rgba(225,149,3,.14);
  box-shadow: 0 16px 38px rgba(193,128,0,.08);
  display: flex;
  gap: 18px;
  transition: .35s ease;
}

.gc-service-card i {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  background: rgba(225,149,3,.12);
  color: #e19503;
  display: grid;
  place-items: center;
  font-size: 24px;
  flex-shrink: 0;
}

.gc-service-card h4 {
  color: #26343a;
  font-size: 21px;
  margin-bottom: 8px;
  font-weight: 900;
}

.gc-service-card p {
  color: #666;
  line-height: 1.7;
}

.gc-bottom-banner {
  background:
    linear-gradient(120deg, rgba(20,20,20,.84), rgba(20,20,20,.40)),
    url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1400&q=80");
  background-size: cover;
  background-position: center;
  border-radius: 34px;
  padding: 70px 50px;
  text-align: center;
}

.gc-bottom-content {
  max-width: 760px;
  margin: auto;
}

.gc-bottom-content h2 {
  color: #fff;
  font-size: 44px;
  line-height: 1.15;
  margin-bottom: 18px;
  font-weight: 900;
}

.gc-bottom-content p {
  color: #f5f5f5;
  line-height: 1.9;
  font-size: 17px;
}

@media (max-width: 1024px) {

  .gc-main-grid,
  .gc-services-section,
  .gc-feature-strip {
    grid-template-columns: 1fr 1fr;
  }

  .gc-floating-card {
    position: static;
    margin-top: 30px;
    width: 100%;
  }
}

@media (max-width: 768px) {

  .gc-advantage-wrapper {
    padding: 60px 14px;
  }

  .gc-advantage-heading h2 {
    font-size: 32px;
  }

  .gc-advantage-hero {
    padding: 35px 24px;
    min-height: auto;
  }

  .gc-advantage-content h1 {
    font-size: 36px;
  }

  .gc-main-grid,
  .gc-services-section,
  .gc-feature-strip {
    grid-template-columns: 1fr;
  }

  .gc-info-card,
  .gc-services-left {
    padding: 26px;
  }

  .gc-bottom-banner {
    padding: 50px 24px;
  }

  .gc-bottom-content h2 {
    font-size: 30px;
  }
}


/* whatsapp code  */

 .whatsapp-float {
     position: fixed;
     width: 60px;
     height: 60px;
     right: 22px;
     bottom: 150px;
     background: #25d366;
     color: #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 37px;
     text-decoration: none;
     z-index: 9999;
     box-shadow: 0 8px 22px rgba(37, 211, 102, 0.45);
     animation: whatsappPulse 1.6s infinite;
 }

 .whatsapp-float:hover {
     color: #fff;
     transform: scale(1.08);
 }

 @keyframes whatsappPulse {
     0% {
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.65);
     }

     70% {
         box-shadow: 0 0 0 18px rgba(37, 211, 102, 0);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
     }
 }


@media (max-width: 576px) {
    .navbar-brand img {
    height: 48px !important;
}
  .navbar .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.whatsapp-float {
    right: 8px !important;
}

}

  /* MINI HIGHLIGHT SECTION */

/* MINI HIGHLIGHT - MODERN GLASS STYLE */

.mini-highlight-wrapper{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    margin-top:40px;
}

.mini-highlight-card{
    position:relative;
    background:linear-gradient(145deg,#ffffff,#fff8ea);
    border-radius:24px;
    padding:28px 22px;
    overflow:hidden;
    border:1px solid rgba(225,149,3,0.12);
    transition:0.45s ease;
    text-align:center;
    z-index:1;
}

.mini-highlight-card::before{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    background:rgba(225,149,3,0.08);
    border-radius:50%;
    top:-45px;
    right:-35px;
    transition:0.4s ease;
}

.mini-highlight-card::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:24px;
    padding:1px;
    background:linear-gradient(135deg,#e19503,#ffcb5a,transparent);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;
}

.mini-highlight-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 45px rgba(225,149,3,0.18);
}

.mini-highlight-card:hover::before{
    transform:scale(1.2);
}

.mini-icon{
    width:72px;
    height:72px;
    margin:0 auto 20px;
    border-radius:20px;
    background:linear-gradient(135deg,#e19503,#ffbc2e);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 25px rgba(225,149,3,0.25);
    position:relative;
    z-index:2;
}

.mini-icon i{
    color:#fff;
    font-size:30px;
}

.mini-highlight-card h4{
    font-size:17px;
    line-height:1.8;
    color:#111;
    font-weight:700;
    margin:0;
    position:relative;
    z-index:2;
}

/* RESPONSIVE */

@media(max-width:992px){

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

}

@media(max-width:576px){

    .mini-highlight-wrapper{
        grid-template-columns:1fr;
        gap:18px;
    }

    .mini-highlight-card{
        padding:24px 18px;
    }

    .mini-highlight-card h4{
        font-size:15px;
    }

}

 
/* healthcare recruitment  */

.medical-luxury{
    padding:20px;
   
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.medical-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.medical-mini-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#ffbf47;
    font-size: 21px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.medical-left-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:black;
    margin-bottom:22px;
}

.medical-left-content p{
    font-size:17px;
    line-height:1.9;
        color: #999999;
    max-width:620px;
}

.medical-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.medical-buttons a{
    text-decoration:none;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(225,149,3,.35);
    transition:.4s;
}

.medical-buttons a:hover{
    transform:translateY(-6px);
    color:#fff;
}

.medical-small-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:600;
}

.medical-small-box i{
    color:#ffbf47;
    font-size:20px;
}

.medical-right-image{
    position:relative;
}

.medical-right-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 35px 70px rgba(0,0,0,.28);
}

.floating-card{
    position:absolute;
    display:flex;
    align-items:center;
    gap:16px;
    background:#fff;
    padding:18px 22px;
    border-radius:22px;
    box-shadow:0 25px 45px rgba(0,0,0,.18);
}

.floating-card i{
    width:55px;
    height:55px;
    border-radius:16px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:22px;
}

.floating-card h4{
    font-size:17px;
    font-weight:800;
    color:#7a4a00;
    margin-bottom:3px;
}

.floating-card p{
    margin:0;
    color:#607283;
    font-size:13px;
}

.card-one{
    left:-45px;
    bottom:120px;
}

.card-two{
    right:-30px;
    top:40px;
}

.medical-role-section{
    margin-top:100px;
    background:#fff;
    border-radius:40px;
    padding:60px;
    box-shadow:0 30px 80px rgba(122,74,0,.12);
}

.medical-role-head{
    text-align:center;
    margin-bottom:45px;
}

.medical-role-head span{
    color:#cf8800;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.medical-role-head h2{
    font-size:42px;
    font-weight:900;
    color:#5a3900;
    margin-top:12px;
}

.medical-role-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.medical-role-card{
    background:#fffaf2;
    border-radius:22px;
    padding:28px 20px;
    text-align:center;
    transition:.4s;
    border:1px solid #ffe4b5;
    position:relative;
    overflow:hidden;
}

.medical-role-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
}

.medical-role-card i{
    width:72px;
    height:72px;
    border-radius:20px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

.medical-role-card h3{
    font-size:16px;
    font-weight:800;
    color:#5a3900;
    margin:0;
    line-height:1.5;
}

.medical-role-card:hover{
    transform:translateY(-10px);
    background:#7a4a00;
    box-shadow:0 25px 50px rgba(122,74,0,.22);
}

.medical-role-card:hover h3{
    color:#fff;
}

.medical-role-card:hover i{
    transform:rotateY(180deg);
}

@media(max-width:992px){

    .medical-luxury{
        padding:80px 0;
        
    }

    .medical-top{
        grid-template-columns:1fr;
    }

    .medical-left-content h1{
        font-size:44px;
        color:black;
    }

    .medical-left-content p{
        color:#777;
    }

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

    .medical-role-section{
        padding:35px;
    }

    .card-one{
        left:15px;
    }

    .card-two{
        right:15px;
    }
}

@media(max-width:576px){

    .medical-luxury{
        padding:70px 0;
       
    }

    .medical-left-content h1{
        font-size:34px;
        color:black;
    }

    .medical-left-content p{
        color:#777;
    }

    .medical-right-image img{
        height:420px;
    }

    .medical-role-grid{
        grid-template-columns:1fr;
    }

    .medical-role-head h2{
        font-size:30px;
    }

    .medical-role-section{
        padding:24px;
        border-radius:24px;
    }

    .floating-card{
        position:relative;
        margin-top:15px;
    }

    .card-one,
    .card-two{
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
    }
}


/* academic education  */

.academic-luxury{
    padding:30px;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.academic-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.academic-mini-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#ffbf47;
    font-size:21px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.academic-left-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:black;
    margin-bottom:22px;
}

.academic-left-content p{
    font-size:17px;
    line-height:1.9;
    color:#999999;
    max-width:620px;
}

.academic-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.academic-buttons a{
    text-decoration:none;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(225,149,3,.35);
    transition:.4s;
}

.academic-buttons a:hover{
    transform:translateY(-6px);
    color:#fff;
}

.academic-small-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:600;
}

.academic-right-image{
    position:relative;
}

.academic-right-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 35px 70px rgba(0,0,0,.28);
}

.academic-role-section{
    margin-top:100px;
    background:#fff;
    border-radius:40px;
    padding:60px;
    box-shadow:0 30px 80px rgba(122,74,0,.12);
}

.academic-role-head{
    text-align:center;
    margin-bottom:45px;
}

.academic-role-head span{
    color:#cf8800;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.academic-role-head h2{
    font-size:42px;
    font-weight:900;
    color:#5a3900;
    margin-top:12px;
}

.academic-role-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.academic-role-card{
    background:#fffaf2;
    border-radius:22px;
    padding:28px 20px;
    text-align:center;
    transition:.4s;
    border:1px solid #ffe4b5;
    position:relative;
    overflow:hidden;
}

.academic-role-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
}

.academic-role-card i{
    width:72px;
    height:72px;
    border-radius:20px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

.academic-role-card h3{
    font-size:16px;
    font-weight:800;
    color:#5a3900;
    margin:0;
    line-height:1.5;
}

.academic-role-card:hover{
    transform:translateY(-10px);
    background:#7a4a00;
    box-shadow:0 25px 50px rgba(122,74,0,.22);
}

.academic-role-card:hover h3{
    color:#fff;
}

.academic-role-card:hover i{
    transform:rotateY(180deg);
}

@media(max-width:992px){

    .academic-luxury{
        padding:80px 0;
    }

    .academic-top{
        grid-template-columns:1fr;
    }

    .academic-left-content h1{
        font-size:44px;
    }

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

    .academic-role-section{
        padding:35px;
    }
}

@media(max-width:576px){

    .academic-luxury{
        padding:70px 0;
    }

    .academic-left-content h1{
        font-size:34px;
    }

    .academic-right-image img{
        height:420px;
    }

    .academic-role-grid{
        grid-template-columns:1fr;
    }

    .academic-role-head h2{
        font-size:30px;
    }

    .academic-role-section{
        padding:24px;
        border-radius:24px;
    }
}


/* engineering & technolgy  */

.engineering-luxury{
    padding:40px;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.engineering-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.engineering-mini-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#ffbf47;
    font-size:21px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.engineering-left-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:black;
    margin-bottom:22px;
}

.engineering-left-content p{
    font-size:17px;
    line-height:1.9;
    color:#999999;
    max-width:620px;
}

.engineering-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.engineering-buttons a{
    text-decoration:none;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(225,149,3,.35);
    transition:.4s;
}

.engineering-buttons a:hover{
    transform:translateY(-6px);
    color:#fff;
}

.engineering-small-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:600;
}

.engineering-right-image{
    position:relative;
}

.engineering-right-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 35px 70px rgba(0,0,0,.28);
}

.engineering-role-section{
    margin-top:100px;
    background:#fff;
    border-radius:40px;
    padding:60px;
    box-shadow:0 30px 80px rgba(122,74,0,.12);
}

.engineering-role-head{
    text-align:center;
    margin-bottom:45px;
}

.engineering-role-head span{
    color:#cf8800;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.engineering-role-head h2{
    font-size:42px;
    font-weight:900;
    color:#5a3900;
    margin-top:12px;
}

.engineering-role-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.engineering-role-card{
    background:#fffaf2;
    border-radius:22px;
    padding:28px 20px;
    text-align:center;
    transition:.4s;
    border:1px solid #ffe4b5;
    position:relative;
    overflow:hidden;
}

.engineering-role-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
}

.engineering-role-card i{
    width:72px;
    height:72px;
    border-radius:20px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

.engineering-role-card h3{
    font-size:16px;
    font-weight:800;
    color:#5a3900;
    margin:0;
    line-height:1.5;
}

.engineering-role-card:hover{
    transform:translateY(-10px);
    background:#7a4a00;
    box-shadow:0 25px 50px rgba(122,74,0,.22);
}

.engineering-role-card:hover h3{
    color:#fff;
}

.engineering-role-card:hover i{
    transform:rotateY(180deg);
}

@media(max-width:992px){

    .engineering-luxury{
        padding:80px 0;
    }

    .engineering-top{
        grid-template-columns:1fr;
    }

    .engineering-left-content h1{
        font-size:44px;
    }

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

    .engineering-role-section{
        padding:35px;
    }
}

@media(max-width:576px){

    .engineering-luxury{
        padding:70px 0;
    }

    .engineering-left-content h1{
        font-size:34px;
    }

    .engineering-right-image img{
        height:420px;
    }

    .engineering-role-grid{
        grid-template-columns:1fr;
    }

    .engineering-role-head h2{
        font-size:30px;
    }

    .engineering-role-section{
        padding:24px;
        border-radius:24px;
    }
}

/* IT & digital recruitment */

.it-luxury{
    padding:30px;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.it-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.it-mini-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#ffbf47;
    font-size:21px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.it-left-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:black;
    margin-bottom:22px;
}

.it-left-content p{
    font-size:17px;
    line-height:1.9;
    color:#999999;
    max-width:620px;
}

.it-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.it-buttons a{
    text-decoration:none;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(225,149,3,.35);
    transition:.4s;
}

.it-buttons a:hover{
    transform:translateY(-6px);
    color:#fff;
}

.it-small-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:600;
}

.it-right-image{
    position:relative;
}

.it-right-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 35px 70px rgba(0,0,0,.28);
}

.it-role-section{
    margin-top:100px;
    background:#fff;
    border-radius:40px;
    padding:60px;
    box-shadow:0 30px 80px rgba(122,74,0,.12);
}

.it-role-head{
    text-align:center;
    margin-bottom:45px;
}

.it-role-head span{
    color:#cf8800;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.it-role-head h2{
    font-size:42px;
    font-weight:900;
    color:#5a3900;
    margin-top:12px;
}

.it-role-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.it-role-card{
    background:#fffaf2;
    border-radius:22px;
    padding:28px 20px;
    text-align:center;
    transition:.4s;
    border:1px solid #ffe4b5;
    position:relative;
    overflow:hidden;
}

.it-role-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
}

.it-role-card i{
    width:72px;
    height:72px;
    border-radius:20px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

.it-role-card h3{
    font-size:16px;
    font-weight:800;
    color:#5a3900;
    margin:0;
    line-height:1.5;
}

.it-role-card:hover{
    transform:translateY(-10px);
    background:#7a4a00;
    box-shadow:0 25px 50px rgba(122,74,0,.22);
}

.it-role-card:hover h3{
    color:#fff;
}

.it-role-card:hover i{
    transform:rotateY(180deg);
}

@media(max-width:992px){

    .it-luxury{
        padding:80px 0;
    }

    .it-top{
        grid-template-columns:1fr;
    }

    .it-left-content h1{
        font-size:44px;
    }

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

    .it-role-section{
        padding:35px;
    }
}

@media(max-width:576px){

    .it-luxury{
        padding:70px 0;
    }

    .it-left-content h1{
        font-size:34px;
    }

    .it-right-image img{
        height:420px;
    }

    .it-role-grid{
        grid-template-columns:1fr;
    }

    .it-role-head h2{
        font-size:30px;
    }

    .it-role-section{
        padding:24px;
        border-radius:24px;
    }
}

/* oil & gas */

.oil-luxury{
    padding:30px;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.oil-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.oil-mini-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#ffbf47;
    font-size:21px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.oil-left-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:black;
    margin-bottom:22px;
}

.oil-left-content p{
    font-size:17px;
    line-height:1.9;
    color:#999999;
    max-width:620px;
}

.oil-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.oil-buttons a{
    text-decoration:none;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(225,149,3,.35);
    transition:.4s;
}

.oil-buttons a:hover{
    transform:translateY(-6px);
    color:#fff;
}

.oil-small-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:600;
}

.oil-right-image{
    position:relative;
}

.oil-right-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 35px 70px rgba(0,0,0,.28);
}

.oil-role-section{
    margin-top:100px;
    background:#fff;
    border-radius:40px;
    padding:60px;
    box-shadow:0 30px 80px rgba(122,74,0,.12);
}

.oil-role-head{
    text-align:center;
    margin-bottom:45px;
}

.oil-role-head span{
    color:#cf8800;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.oil-role-head h2{
    font-size:42px;
    font-weight:900;
    color:#5a3900;
    margin-top:12px;
}

.oil-role-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.oil-role-card{
    background:#fffaf2;
    border-radius:22px;
    padding:28px 20px;
    text-align:center;
    transition:.4s;
    border:1px solid #ffe4b5;
    position:relative;
    overflow:hidden;
}

.oil-role-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
}

.oil-role-card i{
    width:72px;
    height:72px;
    border-radius:20px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

.oil-role-card h3{
    font-size:16px;
    font-weight:800;
    color:#5a3900;
    margin:0;
    line-height:1.5;
}

.oil-role-card:hover{
    transform:translateY(-10px);
    background:#7a4a00;
    box-shadow:0 25px 50px rgba(122,74,0,.22);
}

.oil-role-card:hover h3{
    color:#fff;
}

.oil-role-card:hover i{
    transform:rotateY(180deg);
}

@media(max-width:992px){

    .oil-luxury{
        padding:80px 0;
    }

    .oil-top{
        grid-template-columns:1fr;
    }

    .oil-left-content h1{
        font-size:44px;
    }

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

    .oil-role-section{
        padding:35px;
    }
}

@media(max-width:576px){

    .oil-luxury{
        padding:70px 0;
    }

    .oil-left-content h1{
        font-size:34px;
    }

    .oil-right-image img{
        height:420px;
    }

    .oil-role-grid{
        grid-template-columns:1fr;
    }

    .oil-role-head h2{
        font-size:30px;
    }

    .oil-role-section{
        padding:24px;
        border-radius:24px;
    }
}


/* skilled & semi */

.skilled-luxury{
    padding:30px;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.skilled-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.skilled-mini-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#ffbf47;
    font-size:21px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.skilled-left-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:black;
    margin-bottom:22px;
}

.skilled-left-content p{
    font-size:17px;
    line-height:1.9;
    color:#999999;
    max-width:620px;
}

.skilled-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.skilled-buttons a{
    text-decoration:none;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(225,149,3,.35);
    transition:.4s;
}

.skilled-buttons a:hover{
    transform:translateY(-6px);
    color:#fff;
}

.skilled-small-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:600;
}

.skilled-right-image{
    position:relative;
}

.skilled-right-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 35px 70px rgba(0,0,0,.28);
}

.skilled-role-section{
    margin-top:100px;
    background:#fff;
    border-radius:40px;
    padding:60px;
    box-shadow:0 30px 80px rgba(122,74,0,.12);
}

.skilled-role-head{
    text-align:center;
    margin-bottom:45px;
}

.skilled-role-head span{
    color:#cf8800;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.skilled-role-head h2{
    font-size:42px;
    font-weight:900;
    color:#5a3900;
    margin-top:12px;
}

.skilled-role-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.skilled-role-card{
    background:#fffaf2;
    border-radius:22px;
    padding:28px 20px;
    text-align:center;
    transition:.4s;
    border:1px solid #ffe4b5;
    position:relative;
    overflow:hidden;
}

.skilled-role-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
}

.skilled-role-card i{
    width:72px;
    height:72px;
    border-radius:20px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

.skilled-role-card h3{
    font-size:16px;
    font-weight:800;
    color:#5a3900;
    margin:0;
    line-height:1.5;
}

.skilled-role-card:hover{
    transform:translateY(-10px);
    background:#7a4a00;
    box-shadow:0 25px 50px rgba(122,74,0,.22);
}

.skilled-role-card:hover h3{
    color:#fff;
}

.skilled-role-card:hover i{
    transform:rotateY(180deg);
}

@media(max-width:992px){

    .skilled-luxury{
        padding:80px 0;
    }

    .skilled-top{
        grid-template-columns:1fr;
    }

    .skilled-left-content h1{
        font-size:44px;
    }

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

    .skilled-role-section{
        padding:35px;
    }
}

@media(max-width:576px){

    .skilled-luxury{
        padding:70px 0;
    }

    .skilled-left-content h1{
        font-size:34px;
    }

    .skilled-right-image img{
        height:420px;
    }

    .skilled-role-grid{
        grid-template-columns:1fr;
    }

    .skilled-role-head h2{
        font-size:30px;
    }

    .skilled-role-section{
        padding:24px;
        border-radius:24px;
    }
}


/* Heavy Vehicle & Transportation Recruitment */

.transport-luxury{
    padding:30px;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.transport-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.transport-mini-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#ffbf47;
    font-size:21px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.transport-left-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:black;
    margin-bottom:22px;
}

.transport-left-content p{
    font-size:17px;
    line-height:1.9;
    color:#999999;
    max-width:620px;
}

.transport-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.transport-buttons a{
    text-decoration:none;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(225,149,3,.35);
    transition:.4s;
}

.transport-buttons a:hover{
    transform:translateY(-6px);
    color:#fff;
}

.transport-small-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:600;
}

.transport-right-image{
    position:relative;
}

.transport-right-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 35px 70px rgba(0,0,0,.28);
}

.transport-role-section{
    margin-top:100px;
    background:#fff;
    border-radius:40px;
    padding:60px;
    box-shadow:0 30px 80px rgba(122,74,0,.12);
}

.transport-role-head{
    text-align:center;
    margin-bottom:45px;
}

.transport-role-head span{
    color:#cf8800;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.transport-role-head h2{
    font-size:42px;
    font-weight:900;
    color:#5a3900;
    margin-top:12px;
}

.transport-role-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.transport-role-card{
    background:#fffaf2;
    border-radius:22px;
    padding:28px 20px;
    text-align:center;
    transition:.4s;
    border:1px solid #ffe4b5;
    position:relative;
    overflow:hidden;
}

.transport-role-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
}

.transport-role-card i{
    width:72px;
    height:72px;
    border-radius:20px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

.transport-role-card h3{
    font-size:16px;
    font-weight:800;
    color:#5a3900;
    margin:0;
    line-height:1.5;
}

.transport-role-card:hover{
    transform:translateY(-10px);
    background:#7a4a00;
    box-shadow:0 25px 50px rgba(122,74,0,.22);
}

.transport-role-card:hover h3{
    color:#fff;
}

.transport-role-card:hover i{
    transform:rotateY(180deg);
}

@media(max-width:992px){

    .transport-luxury{
        padding:80px 0;
    }

    .transport-top{
        grid-template-columns:1fr;
    }

    .transport-left-content h1{
        font-size:44px;
    }

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

    .transport-role-section{
        padding:35px;
    }
}

@media(max-width:576px){

    .transport-luxury{
        padding:70px 0;
    }

    .transport-left-content h1{
        font-size:34px;
    }

    .transport-right-image img{
        height:420px;
    }

    .transport-role-grid{
        grid-template-columns:1fr;
    }

    .transport-role-head h2{
        font-size:30px;
    }

    .transport-role-section{
        padding:24px;
        border-radius:24px;
    }
}

/* maintenance */

.mechanic-luxury{
    padding:0px 0;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.mechanic-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.mechanic-mini-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#ffbf47;
    font-size:21px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.mechanic-left-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:black;
    margin-bottom:22px;
}

.mechanic-left-content p{
    font-size:17px;
    line-height:1.9;
    color:#999999;
    max-width:620px;
}

.mechanic-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.mechanic-buttons a{
    text-decoration:none;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(225,149,3,.35);
    transition:.4s;
}

.mechanic-buttons a:hover{
    transform:translateY(-6px);
    color:#fff;
}

.mechanic-small-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:600;
}

.mechanic-right-image{
    position:relative;
}

.mechanic-right-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 35px 70px rgba(0,0,0,.28);
}

.mechanic-role-section{
    margin-top:100px;
    background:#fff;
    border-radius:40px;
    padding:60px;
    box-shadow:0 30px 80px rgba(122,74,0,.12);
}

.mechanic-role-head{
    text-align:center;
    margin-bottom:45px;
}

.mechanic-role-head span{
    color:#cf8800;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.mechanic-role-head h2{
    font-size:42px;
    font-weight:900;
    color:#5a3900;
    margin-top:12px;
}

.mechanic-role-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.mechanic-role-card{
    background:#fffaf2;
    border-radius:22px;
    padding:28px 20px;
    text-align:center;
    transition:.4s;
    border:1px solid #ffe4b5;
    position:relative;
    overflow:hidden;
}

.mechanic-role-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
}

.mechanic-role-card i{
    width:72px;
    height:72px;
    border-radius:20px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

.mechanic-role-card h3{
    font-size:16px;
    font-weight:800;
    color:#5a3900;
    margin:0;
    line-height:1.5;
}

.mechanic-role-card:hover{
    transform:translateY(-10px);
    background:#7a4a00;
    box-shadow:0 25px 50px rgba(122,74,0,.22);
}

.mechanic-role-card:hover h3{
    color:#fff;
}

.mechanic-role-card:hover i{
    transform:rotateY(180deg);
}

@media(max-width:992px){

    .mechanic-luxury{
        padding:80px 0;
    }

    .mechanic-top{
        grid-template-columns:1fr;
    }

    .mechanic-left-content h1{
        font-size:44px;
    }

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

    .mechanic-role-section{
        padding:35px;
    }
}

@media(max-width:576px){

    .mechanic-luxury{
        padding:70px 0;
    }

    .mechanic-left-content h1{
        font-size:34px;
    }

    .mechanic-right-image img{
        height:420px;
    }

    .mechanic-role-grid{
        grid-template-columns:1fr;
    }

    .mechanic-role-head h2{
        font-size:30px;
    }

    .mechanic-role-section{
        padding:24px;
        border-radius:24px;
    }
}

/* maintenance */

.hotel-luxury{
    padding:30px;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.hotel-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.hotel-mini-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#ffbf47;
    font-size:21px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.hotel-left-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:black;
    margin-bottom:22px;
}

.hotel-left-content p{
    font-size:17px;
    line-height:1.9;
    color:#999999;
    max-width:620px;
}

.hotel-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.hotel-buttons a{
    text-decoration:none;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(225,149,3,.35);
    transition:.4s;
}

.hotel-buttons a:hover{
    transform:translateY(-6px);
    color:#fff;
}

.hotel-small-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:600;
}

.hotel-right-image{
    position:relative;
}

.hotel-right-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 35px 70px rgba(0,0,0,.28);
}

.hotel-role-section{
    margin-top:100px;
    background:#fff;
    border-radius:40px;
    padding:60px;
    box-shadow:0 30px 80px rgba(122,74,0,.12);
}

.hotel-role-head{
    text-align:center;
    margin-bottom:45px;
}

.hotel-role-head span{
    color:#cf8800;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.hotel-role-head h2{
    font-size:42px;
    font-weight:900;
    color:#5a3900;
    margin-top:12px;
}

.hotel-role-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.hotel-role-card{
    background:#fffaf2;
    border-radius:22px;
    padding:28px 20px;
    text-align:center;
    transition:.4s;
    border:1px solid #ffe4b5;
    position:relative;
    overflow:hidden;
}

.hotel-role-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
}

.hotel-role-card i{
    width:72px;
    height:72px;
    border-radius:20px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

.hotel-role-card h3{
    font-size:16px;
    font-weight:800;
    color:#5a3900;
    margin:0;
    line-height:1.5;
}

.hotel-role-card:hover{
    transform:translateY(-10px);
    background:#7a4a00;
    box-shadow:0 25px 50px rgba(122,74,0,.22);
}

.hotel-role-card:hover h3{
    color:#fff;
}

.hotel-role-card:hover i{
    transform:rotateY(180deg);
}

@media(max-width:992px){

    .hotel-luxury{
        padding:80px 0;
    }

    .hotel-top{
        grid-template-columns:1fr;
    }

    .hotel-left-content h1{
        font-size:44px;
    }

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

    .hotel-role-section{
        padding:35px;
    }
}

@media(max-width:576px){

    .hotel-luxury{
        padding:70px 0;
    }

    .hotel-left-content h1{
        font-size:34px;
    }

    .hotel-right-image img{
        height:420px;
    }

    .hotel-role-grid{
        grid-template-columns:1fr;
    }

    .hotel-role-head h2{
        font-size:30px;
    }

    .hotel-role-section{
        padding:24px;
        border-radius:24px;
    }
}

/* Facility Management & Support Services */

.facility-luxury{
    padding:30px;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.facility-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.facility-mini-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#ffbf47;
    font-size:21px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.facility-left-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:black;
    margin-bottom:22px;
}

.facility-left-content p{
    font-size:17px;
    line-height:1.9;
    color:#999999;
    max-width:620px;
}

.facility-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.facility-buttons a{
    text-decoration:none;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(225,149,3,.35);
    transition:.4s;
}

.facility-buttons a:hover{
    transform:translateY(-6px);
    color:#fff;
}

.facility-small-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:600;
}

.facility-right-image{
    position:relative;
}

.facility-right-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 35px 70px rgba(0,0,0,.28);
}

.facility-role-section{
    margin-top:100px;
    background:#fff;
    border-radius:40px;
    padding:60px;
    box-shadow:0 30px 80px rgba(122,74,0,.12);
}

.facility-role-head{
    text-align:center;
    margin-bottom:45px;
}

.facility-role-head span{
    color:#cf8800;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.facility-role-head h2{
    font-size:42px;
    font-weight:900;
    color:#5a3900;
    margin-top:12px;
}

.facility-role-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.facility-role-card{
    background:#fffaf2;
    border-radius:22px;
    padding:28px 20px;
    text-align:center;
    transition:.4s;
    border:1px solid #ffe4b5;
    position:relative;
    overflow:hidden;
}

.facility-role-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
}

.facility-role-card i{
    width:72px;
    height:72px;
    border-radius:20px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

.facility-role-card h3{
    font-size:16px;
    font-weight:800;
    color:#5a3900;
    margin:0;
    line-height:1.5;
}

.facility-role-card:hover{
    transform:translateY(-10px);
    background:#7a4a00;
    box-shadow:0 25px 50px rgba(122,74,0,.22);
}

.facility-role-card:hover h3{
    color:#fff;
}

.facility-role-card:hover i{
    transform:rotateY(180deg);
}

@media(max-width:992px){

    .facility-luxury{
        padding:80px 0;
    }

    .facility-top{
        grid-template-columns:1fr;
    }

    .facility-left-content h1{
        font-size:44px;
    }

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

    .facility-role-section{
        padding:35px;
    }
}

@media(max-width:576px){

    .facility-luxury{
        padding:70px 0;
    }

    .facility-left-content h1{
        font-size:34px;
    }

    .facility-right-image img{
        height:420px;
    }

    .facility-role-grid{
        grid-template-columns:1fr;
    }

    .facility-role-head h2{
        font-size:30px;
    }

    .facility-role-section{
        padding:24px;
        border-radius:24px;
    }
}

/* domestic & family support  */

.domestic-luxury{
    padding:30px;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.domestic-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.domestic-mini-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#ffbf47;
    font-size:21px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.domestic-left-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:black;
    margin-bottom:22px;
}

.domestic-left-content p{
    font-size:17px;
    line-height:1.9;
    color:#999999;
    max-width:620px;
}

.domestic-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.domestic-buttons a{
    text-decoration:none;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(225,149,3,.35);
    transition:.4s;
}

.domestic-buttons a:hover{
    transform:translateY(-6px);
    color:#fff;
}

.domestic-small-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:600;
}

.domestic-right-image{
    position:relative;
}

.domestic-right-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 35px 70px rgba(0,0,0,.28);
}

.domestic-role-section{
    margin-top:100px;
    background:#fff;
    border-radius:40px;
    padding:60px;
    box-shadow:0 30px 80px rgba(122,74,0,.12);
}

.domestic-role-head{
    text-align:center;
    margin-bottom:45px;
}

.domestic-role-head span{
    color:#cf8800;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.domestic-role-head h2{
    font-size:42px;
    font-weight:900;
    color:#5a3900;
    margin-top:12px;
}

.domestic-role-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.domestic-role-card{
    background:#fffaf2;
    border-radius:22px;
    padding:28px 20px;
    text-align:center;
    transition:.4s;
    border:1px solid #ffe4b5;
    position:relative;
    overflow:hidden;
}

.domestic-role-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
}

.domestic-role-card i{
    width:72px;
    height:72px;
    border-radius:20px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

.domestic-role-card h3{
    font-size:16px;
    font-weight:800;
    color:#5a3900;
    margin:0;
    line-height:1.5;
}

.domestic-role-card:hover{
    transform:translateY(-10px);
    background:#7a4a00;
    box-shadow:0 25px 50px rgba(122,74,0,.22);
}

.domestic-role-card:hover h3{
    color:#fff;
}

.domestic-role-card:hover i{
    transform:rotateY(180deg);
}

@media(max-width:992px){

    .domestic-luxury{
        padding:80px 0;
    }

    .domestic-top{
        grid-template-columns:1fr;
    }

    .domestic-left-content h1{
        font-size:44px;
    }

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

    .domestic-role-section{
        padding:35px;
    }
}

@media(max-width:576px){

    .domestic-luxury{
        padding:70px 0;
    }

    .domestic-left-content h1{
        font-size:34px;
    }

    .domestic-right-image img{
        height:420px;
    }

    .domestic-role-grid{
        grid-template-columns:1fr;
    }

    .domestic-role-head h2{
        font-size:30px;
    }

    .domestic-role-section{
        padding:24px;
        border-radius:24px;
    }
}

/* logistics warehouse & supply chain  */

.logistics-luxury{
    padding:30px;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.logistics-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.logistics-mini-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#ffbf47;
    font-size:21px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.logistics-left-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:black;
    margin-bottom:22px;
}

.logistics-left-content p{
    font-size:17px;
    line-height:1.9;
    color:#999999;
    max-width:620px;
}

.logistics-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.logistics-buttons a{
    text-decoration:none;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    box-shadow:0 18px 40px rgba(225,149,3,.35);
    transition:.4s;
}

.logistics-buttons a:hover{
    transform:translateY(-6px);
    color:#fff;
}

.logistics-small-box{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:600;
}

.logistics-right-image{
    position:relative;
}

.logistics-right-image img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 35px 70px rgba(0,0,0,.28);
}

.logistics-role-section{
    margin-top:100px;
    background:#fff;
    border-radius:40px;
    padding:60px;
    box-shadow:0 30px 80px rgba(122,74,0,.12);
}

.logistics-role-head{
    text-align:center;
    margin-bottom:45px;
}

.logistics-role-head span{
    color:#cf8800;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.logistics-role-head h2{
    font-size:42px;
    font-weight:900;
    color:#5a3900;
    margin-top:12px;
}

.logistics-role-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.logistics-role-card{
    background:#fffaf2;
    border-radius:22px;
    padding:28px 20px;
    text-align:center;
    transition:.4s;
    border:1px solid #ffe4b5;
    position:relative;
    overflow:hidden;
}

.logistics-role-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    left:0;
    top:0;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
}

.logistics-role-card i{
    width:72px;
    height:72px;
    border-radius:20px;
    background:linear-gradient(356deg, #cf8800, #f8aa00, #ffb01f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

.logistics-role-card h3{
    font-size:16px;
    font-weight:800;
    color:#5a3900;
    margin:0;
    line-height:1.5;
}

.logistics-role-card:hover{
    transform:translateY(-10px);
    background:#7a4a00;
    box-shadow:0 25px 50px rgba(122,74,0,.22);
}

.logistics-role-card:hover h3{
    color:#fff;
}

.logistics-role-card:hover i{
    transform:rotateY(180deg);
}

@media(max-width:992px){

    .logistics-luxury{
        padding:80px 0;
    }

    .logistics-top{
        grid-template-columns:1fr;
    }

    .logistics-left-content h1{
        font-size:44px;
    }

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

    .logistics-role-section{
        padding:35px;
    }
}

@media(max-width:576px){

    .logistics-luxury{
        padding:70px 0;
    }

    .logistics-left-content h1{
        font-size:34px;
    }

    .logistics-right-image img{
        height:420px;
    }

    .logistics-role-grid{
        grid-template-columns:1fr;
    }

    .logistics-role-head h2{
        font-size:30px;
    }

    .logistics-role-section{
        padding:24px;
        border-radius:24px;
    }
}