:root {

  --color-black: #000000;

  --color-super-black: #000000;

  --color-one: #0B215E;

  --color-two: #DF332D;

  --color-three: #EFF8FF;

  --color-white: #ffffff;

  --color-grey: #939598;

  --color-pureGrey: #808080;

  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

  --font-main: "Titillium Web", sans-serif;

  --font-size: 16px;

  --font-weight: 200;
  --navy:#0b1f3a;
  --navy-soft:#12294d;
  --red:#e32226;
  --red-dark:#b5181c;
  --ink:#1a1f2b;
  --muted:#6b7280;
  --line:#e8e9ed;
  --bg-soft:#f6f7f9;
  --white:#ffffff;

}
::-moz-selection {
  /* Code for Firefox */
  color: var(--color-white);
  background: var(--color-one);
}
::selection {
  color: var(--color-white);
  background: rgba(0, 0, 0, 0.3);
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: white;
}

i {
  font-style: normal;
}

.site-container {
  background: var(--color-white);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .12);
  margin: 0 auto;
  max-width: 1900px;
  word-wrap: break-word;
  position: relative;
}

.site-container::after {
  clear: both;
  content: " ";
  display: block
}

input:focus,
textarea:focus,
select:focus,
:focus,
.form-control:focus {
  outline: none !important;
}

*:focus {
  outline: none !important
}

p {
  line-height: 30px;
  text-align: justify;
  font-weight: 400;
  font-size: 18px;
}

a,
.link .color {
  outline: 0 !important;
  text-decoration: none;
  color: var(--color-black);
  -webkit-transition: color .4s, background-color .4s;
  -moz-transition: color .4s, background-color .4s;
  -o-transition: color .4s, background-color .4s;
  transition: color .4s, background-color .4s;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

a:hover {
  text-decoration: none;
  color: var(--color-one);
}

.pad0 {
  padding: 0;
}

strong {
  font-weight: 600 !important;
}

.back-to-top {
  position: fixed;
  z-index: 1000;
  bottom: 8em;
  right: 15px;
  text-decoration: none;
  border-radius: 100px;
  background-color: #fdfdfb;
  font-size: 22px;
  padding: 8px 10px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.46);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.46);
  mix-blend-mode: difference;
}

.back-to-top:hover {
  background: rgba(255, 255, 255, 1);
  color: rgba(46, 45, 45, 1);
  text-decoration: none !important;
}

.linkBlack {
  color: var(--color-black);
  font-weight: 600;
  text-decoration: underline;
}

.linkBlack:hover {
  color: var(--color-one);
}

.linkone {
  color: var(--color-one);
  font-weight: 600;
  text-decoration: underline;
}

.linkone:hover {
  color: var(--color-black);
}

.linkWhite {
  color: var(--color-white);
  font-weight: 600;
  text-decoration: underline;
}

.linkWhite:hover {
  color: var(--color-black);
}

.colorone {
  color: var(--color-one) !important;
}

.colortwo {
  color: var(--color-two);
}

.custom-bb {
  border-bottom: 0.5px solid #000000;
  margin-bottom: 20px;
}

#menu-toggle {
  z-index: 1;
  position: absolute;
  bottom: 32%;
  right: 0;
}

.coming-soon {
  position: relative;
  font-size: 18px;
  z-index: 0;
  width: 100%;
}

.coming-soon::before {
  content: "coming soon . . .";
  left: 0px;
  position: absolute;
  top: 0px;
  font-size: 55px;
  font-weight: 900;
  color: #f0f0f0;
  z-index: -1;
}

.carousel-item {
  transition: transform 1s ease-in-out;
}

#myCarousel.carousel-fade .active.carousel-item-start,
#myCarousel.carousel-fade .active.carousel-item-end,
#myCarouselMobile.carousel-fade .active.carousel-item-start,
#myCarouselMobile.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 0.9s;
}

#announcementCarousel.carousel-fade .active.carousel-item-start,
#announcementCarousel.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 0s;
}

/* Carousel Animation delays */
.carousel-inner>.carousel-item>img,
.carousel-inner>.carousel-item>a>img {
  min-width: 100%;
  max-width: 100%;
  height: auto;
}

.slider .carousel-inner {
  overflow: unset;
}

.slider {
  position: relative;
  width: 100%;
  z-index: 0;
}

#carousel-sub .carousel-item:before {
  display: none;
}

.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide6 {
  z-index: 1 !important;
}

.slide1 a:hover,
.slide2 a:hover,
.slide3 a:hover,
.slide4 a:hover,
.slide5 a:hover,
.slide6 a:hover {
  color: var(--color-white);
}

.slide1 h3 {
  animation-delay: 1.5s;
  font-size: 72px;
  font-weight: 700;
  color: var(--color-white);
  padding: 15px 15px 10px 15px;
  margin: 0;
  display: block;
  line-height: 78px;
  text-align: right;
  top: 95px;
  right: -102px;
  position: relative;
}

.slide1 h4 {
  animation-delay: 1.8s;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-white);
  padding: 10px 15px 25px 15px;
  margin: 0;
  display: block;
  line-height: 24px;
  text-align: right;
  position: relative;
  top: 100px;
  right: 110px;
}

.slide1 h4 span {
  display: block;
  font-size: 14px;
}

.slide2 h3 {
  animation-delay: 1.5s;
  font-size: 72px;
  font-weight: 700;
  color: #000;
  padding: 15px 15px 10px 15px;
  margin: 0;
  display: block;
  line-height: 78px;
  text-align: right;
  top: 95px;
  right: -102px;
  position: relative;
}

.slide2 h4 {
  animation-delay: 1.8s;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  padding: 10px 15px 25px 15px;
  margin: 0;
  display: block;
  line-height: 24px;
  text-align: right;
  position: relative;
  top: 100px;
  right: 110px;
}

.slide2 h4 span {
  display: block;
  font-size: 14px;
}

.slide1 .carousel-caption {
  left: 38%;
  right: 0;
  top: 20%;
  bottom: 5%;
  padding: 10px 0px 20px 20px !important;
  width: 65%;
  text-align: right !important;
  animation-delay: 1s;
}

.slide2 .carousel-caption {
  left: 38%;
  right: 0;
  top: 20%;
  bottom: 5%;
  padding: 10px 0px 20px 20px !important;
  width: 65%;
  text-align: right !important;
  animation-delay: 1s;
}

.slider .carousel-control-prev {
  top: unset;
  bottom: 145px;
  right: 175px;
  left: auto;
  border-radius: 50px;
  background: rgba(19, 36, 36, .25);
  border: 0px solid var(--color-black);
  width: auto;
  z-index: 3;
}

/* .slider .carousel-control-prev .carousel-control-prev-icon i{width: 45px; height: 45px;} */
.slider .carousel-control-next {
  top: unset;
  bottom: 145px;
  left: auto;
  right: 120px;
  border-radius: 50px;
  background: rgba(19, 36, 36, .25);
  border: 0px solid var(--color-black);
  width: auto;
  z-index: 3;
}

/* .slider .carousel-control-next .carousel-control-next-icon i{width: 45px; height: 45px;} */
.carousel-indicators {
  right: 0;
  left: unset;
  bottom: 60px;
}

.carousel-indicators [data-bs-target] {
  color: var(--color-white) !important;
  background-color: transparent;
  text-indent: 0;
  font-size: 22px;
  font-weight: 700;
  width: auto;
  height: auto;
  margin: 0 6px;
}

.carousel-indicators .active {
  font-size: 26px;
}

/* @media all and (max-width : 768px) {  */

@media(min-width:320px) and (max-width:1080px) {

  .slide1 .carousel-caption,
  .slide2 .carousel-caption,
  .slide3 .carousel-caption,
  .slide4 .carousel-caption,
  .slide5 .carousel-caption,
  .slide6 .carousel-caption {
    width: 100% !important;
    left: 0;
    right: 0;
    bottom: 0;
    background: none;
    display: none;
  }



  .slide1 h3,

  .slide2 h3,

  .slide3 h3,

  .slide4 h3,

  .slide5 h3,

  .slide6 h3 {

    font-size: 22px;

    margin-bottom: 0;

  }



  .slide1 h4,

  .slide2 h4,

  .slide3 h4,

  .slide4 h4,

  .slide5 h4,

  .slide6 h4 {

    font-size: 16px;

    margin-top: 5px;

  }

}



.btn-one,

.btn-one-full,

.btn-two,

.btn-two-full,

.btn-three,

.btn-three-full,

.btn-four,

.btn-four-full {

  -webkit-transition: color .4s, background-color .4s;

  -moz-transition: color .4s, background-color .4s;

  -o-transition: color .4s, background-color .4s;

  transition: color .4s, background-color .4s;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  margin-top: 20px;

  padding: 4px 20px 4px 20px;

  font-size: 14px;

  font-weight: 300;

  display: inline-block;

  border-radius: 50px;

}
.enquiry-btn{
    background: #DF332D;
    border-radius: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    padding: 10px 20px 10px 20px;

    text-decoration: none;
    color: #fff;

    font-size: 18px;
    font-weight: 600;
    line-height: 1;

    transition: all .4s ease;
}

.arrow-circle{
    width:30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease;
    margin-left: 10px;
}

.arrow-circle i{
    color: #DF332D;
    font-size: 16px;
    transition: all .4s ease;
}

.enquiry-btn:hover{
    color: #fff;
    transform: translateY(-3px);
}

.enquiry-btn:hover .arrow-circle{
    transform: translateX(6px);
}


.btn-one {

  border: 2px solid var(--color-one);

  color: var(--color-one) !important;

}



.btn-one:hover {

  background: var(--color-one);

  color: var(--color-white) !important;

}



.btn-one-full {

  border: 2px solid var(--color-one);

  color: var(--color-white) !important;

  background: var(--color-one);

}



.btn-one-full:hover {

  background: none;

  color: var(--color-one) !important;

}



.btn-two {

  border: 2px solid var(--color-two);

  color: var(--color-two) !important;

}



.btn-two:hover {

  background: var(--color-two);

  color: var(--color-white) !important;

}



.btn-two-full {

  border: 2px solid var(--color-two);

  background: var(--color-two);

  color: var(--color-white) !important;

}



.btn-two-full:hover {

  border: 2px solid var(--color-two);

  color: var(--color-two) !important;

  background: none;

}



.btn-two-full i {

  background: var(--color-white);

  color: var(--color-two) !important;

  border-radius: 50%;

  padding: 9px 12px;

}



.btn-two-full span {

  margin-right: 5px;

}



.btn-three {

  border: 2px solid var(--color-black);

  color: var(--color-black) !important;

}



.btn-three:hover {

  background: var(--color-black);

  color: var(--color-white) !important;

}



.btn-three-full {

  border: 2px solid var(--color-black);

  background: var(--color-black);

  color: var(--color-black) !important;

}



.btn-three-full:hover {

  border: 2px solid var(--color-black);

  color: var(--color-black) !important;

  background: none;

}



.btn-four {

  border: 2px solid var(--color-white);

  color: var(--color-white) !important;

}



.btn-four:hover {

  background: var(--color-white);

  color: var(--color-black) !important;

}



.btn-four-full {

  border: 2px solid var(--color-white);

  background: var(--color-white);

  color: var(--color-black) !important;

}



.btn-four-full:hover {

  border: 2px solid var(--color-white);

  color: var(--color-white) !important;

  background: none;

}



.btn-hover {

  padding: 8px 25px 8px 25px;

  font-size: 16px;

  font-weight: 300;

  display: inline-block;

  border-radius: 50px;

  color: var(--color-black);

  border: none;

  background-size: 300% 100%;

  border-radius: 50px;

  moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -webkit-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out
}



.btn-hover:hover {

  background-position: 100% 0;

  moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -webkit-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  color: var(--color-white);

}



.btn-hover:focus {

  outline: 0
}



.btn-hover.btn-gradient {

  background-image: linear-gradient(to right, #8dc63f, #c2ee87, #c2ee87, #8dc63f);

}



.header-btn {

  -webkit-transition: color .4s, background-color .4s;

  -moz-transition: color .4s, background-color .4s;

  -o-transition: color .4s, background-color .4s;

  transition: color .4s, background-color .4s;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  margin-top: 20px;

  padding: 5px 15px !important;

  font-size: 14px;

  font-weight: 300;

  display: inline-block;

  border-radius: 50px;

  margin: 10px auto;

}

.header-btn {
  border: 2px solid #ff3d36;
  background: #ff3d36;
  color: var(--color-white) !important;
}

.header-btn:hover {
  border: 2px solid var(--color-two);
  color: var(--color-two) !important;
  background: none;
}
@media (max-width: 767px) {
  .header-btn {
    background-color: #ff3d36 !important;
    border: 2px solid #ff3d36 !important;
    color: #ffffff !important;
  }
}


/* Divider Line */

hr {

  border: 0;

  height: 1px;

  margin: 25px 0 25px 0;

  background-color: #829198;

}



hr.short {

  margin: 11px 0 11px 0;

}



hr.tall {

  margin: 44px 0 44px 0;

}



hr.taller {

  margin: 66px 0 66px 0;

}



hr.light {

  background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);

  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);

}



hr.invisible {

  background: none;

}



/* Divider Line */

.text-casenone {

  text-transform: none !important;

}



ul.list {

  margin: 0 0 10px 0;

  padding: 0 0 0 20px;

  list-style: none;

  text-align: left;

}



ul.list li {

  position: relative;

  padding-left: 15px;

  padding-bottom: 10px;

  font-weight: 400;

}



ul.list li a {

  color: var(--color-black);

}



ul.list li a:hover {

  color: var(--color-green);

}



ul.list li::before {

  content: "\f192";

  font-family: 'Font Awesome 5 Free';

  left: 0px;

  position: absolute;

  top: 7px;

  font-size: 5px;

  font-weight: 900;

  color: var(--color-black);

}



ul.list li.head {

  font-weight: 700;

  padding-left: 0;

}



ul.list li.head::before {

  display: none;

}



ol.ol-list {

  margin: 0;

  padding: 0 0 0 20px;

  text-align: left;

}



ol.ol-list li {

  position: relative;

  text-align: justify;

  padding-bottom: 10px;

}



ol.ol-list li a {

  color: var(--color-black);

}



ol.ol-list li a:hover {

  color: var(--color-one);

}



.head-main {

  font-size: 30px;

  font-weight: 300;

  display: block;

  width: 100%;

  margin-bottom: 20px;

  text-transform: uppercase;

  position: relative;

  z-index: 0;

  color: var(--color-one);

}



.head-one {

  font-weight: 500;

  font-size: 18px;

  padding-bottom: 5px;

  margin-bottom: 20px;

  border-bottom: 1px solid var(--color-black);

  color: var(--color-black);

  width: 100%;

}



.head-two {

  font-weight: 500;

  font-size: 18px;

  padding-bottom: 5px;

  margin-bottom: 20px;

  border-bottom: 1px solid var(--color-black);

  color: var(--color-black);

  width: 100%;

}



.head-three {

  font-weight: 500;

  font-size: 18px;

  padding: 10px;

  margin-bottom: 15px;

  background: var(--color-one);

  color: var(--color-white);

  width: 100%;

}



.head-four {

  font-weight: 500;

  font-size: 18px;

  padding-bottom: 5px;

  margin-bottom: 15px;

  border-bottom: 1px solid var(--color-one);

  color: var(--color-one);

  width: 100%;

}



.head-five {

  font-weight: 500;

  font-size: 18px;

  padding-bottom: 5px;

  margin-bottom: 15px;

  border-bottom: 1px solid var(--color-black);

  color: var(--color-black);

  width: 100%;

}



.head-six {

  font-weight: 500;

  font-size: 18px;

  padding-bottom: 5px;

  margin-bottom: 15px;

  border-bottom: 1px solid var(--color-pureGrey);

  color: var(--color-pureGrey);

  width: 100%;

}



.background-white {

  padding: 30px;

  background: var(--color-white);

  margin-bottom: 30px;

}



.bg-color-one {

  background: #f3f3f3;

  padding: 40px;

  margin-bottom: 15px;

  margin-top: 15px;

  display: inline-block;

  width: 100%;

  border-radius: 20px;

}



.bg-color-one h2 {

  font-weight: 500;

  font-size: 18px;

  padding: 0 0 10px 0;

  margin-bottom: 15px;

  margin-top: 0 !important;

  border-bottom: solid 1px var(--color-one);

  color: var(--color-one);

  width: 100%
}



.bg-color-one h2 span {

  background: var(--color-grey);

  padding-right: 10px;

}



.bg-color-two {

  background: var(--color-white);

  padding: 30px;

  margin-bottom: 15px;

  margin-top: 15px;

  display: inline-block;

  width: 100%;

  box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.20) !important;

}



.bg-color-two h2 {

  font-weight: 500;

  font-size: 18px;

  padding: 10px;

  margin-bottom: 15px;

  color: var(--color-one);

  width: 100%;

  border-bottom: 1px solid var(--color-one);

}



.bg-color-two h3 {

  font-weight: 500;

  font-size: 18px;

  padding: 10px;

  margin-bottom: 15px;

  border-bottom: solid 1px var(--color-one);

  color: var(--color-one);

  width: 100%;

}



.bg-color-three {

  background: rgba(239, 248, 255, 1);

  padding: 30px;

  margin-bottom: 15px;

  margin-top: 100px;

  display: inline-block;

  width: 100%;

  box-shadow: 0 0rem 1rem rgba(230, 226, 226, 0.2) !important;

}



.bg-color-three img {

  margin-top: -29px;

  margin-bottom: -59px;

}



.link {

  color: var(--color-one);

  font-weight: 600;

}



.link:hover {

  color: var(--color-black);

}



.for-xs {

  display: none;

}



.color-one {

  color: var(--color-one);

}



.color-two {

  color: var(--color-two);

}



.image-radius-15 {

  border-radius: 15px;

}



.image-radius-20 {

  border-radius: 20px;

}



.link {

  font-size: 16px;

  font-weight: 600;

  color: var(--color-black);

  text-decoration: none;

  position: relative;

  overflow: hidden
}



.link i,

.link span {

  position: relative
}



.link span {

  margin-left: 18px;

}



.link i {

  margin-left: .5em
}



.link .color {

  width: 2em;

  height: 2em;

  border-radius: 2em;

  background-color: var(--color-three);

  position: absolute;

  top: 50%;

  transform: translatey(-50%);

  left: 0px;

}



.link:hover .color {

  left: 89%;

  background-color: var(--color-one);

}



.link:hover i {

  color: var(--color-white);

}



.home-welcome-bg {

  padding: 100px 0 200px 0;

  position: relative;

  z-index: 0;

  background: #F9F9F9;

  border-radius: 20px;

}



.home-welcome-bg::before {

  content: "";

  position: absolute;

  right: 0;

  z-index: 1;

  background: url('../img/home-welcome-bg.png');

  background-size: cover;

  background-repeat: no-repeat;

  width: 500px;

  height: 500px;

}



.home-welcome-bg h1 {

  font-size: 70px;

  font-weight: 200;

  line-height: 70px;

  margin-bottom: 25px;

}



.home-welcome-bg h1 span {

  display: block;

}



.home-welcome-blur-bg {

  position: relative;

  z-index: 0;

}



.home-welcome-blur-bg::before {

  content: "";

  position: absolute;

  top: -80px;

  right: 0;

  z-index: -1;

  background: url('../img/blur-1.png');

  background-size: cover;

  background-repeat: no-repeat;

  width: 400px;

  height: 400px;

  opacity: 0.8;

}



.home-welcome-blur-bg::after {

  content: "";

  position: absolute;

  left: 0;

  z-index: -1;

  background: url('../img/blur-2.png');

  background-size: cover;

  background-repeat: no-repeat;

  width: 400px;

  height: 400px;

  opacity: 0.8;

}



.map-circle {

  border-radius: 50%;

  background-color: transparent;

  border: 1px solid rgba(148, 148, 148, .8);

  width: 180px;

  height: 180px;

  position: absolute;

  opacity: 0;

  top: -15px;

  right: 270px;

  animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);

  z-index: -1
}



@keyframes scaleIn {

  from {

    transform: scale(.3, .3);

    opacity: .5;

  }



  to {

    transform: scale(2.5, 2.5);

    opacity: 0;

  }

}



.contact-info {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  /* Adds spacing between items */

  align-items: center;

}



.contact-name {

  font-weight: bold;

  color: #d48c24;

  /* Adjust this to match your design */

  white-space: nowrap;

  /* Prevents names from breaking into new lines */

}



.contact-info a {

  font-weight: bold;

  color: #000;

  /* Adjust if needed */

  text-decoration: none;

}



.contact-info a:hover {

  text-decoration: underline;

}



address span {

  display: block;

}







.home-scroll-bg {

  padding: 40px 0 0px 0;

  position: relative;

  z-index: 0;

  overflow: hidden;

}



@keyframes infiniteScrollLeft {

  from {

    transform: translateX(0)
  }



  to {

    transform: translateX(-50%)
  }

}



@keyframes infiniteScrollRight {

  from {

    transform: translateX(-50%)
  }



  to {

    transform: translateX(0)
  }

}



.horizontal-scrolling-items {

  display: flex;

  width: 2600px;

  animation-duration: 20s;

  animation-iteration-count: infinite;

  animation-timing-function: linear
}



.horizontal-scrolling-items__item {

  white-space: nowrap
}



.horizontal-scrolling-items__item span {

  display: inline-block;

  vertical-align: middle;

  position: relative;

  z-index: 1;

  font-size: 78px;

  font-weight: 100;

  color: #CACACA;

}



.horizontal-scrolling-items__item i {

  font-size: 18px;

  display: inline-block;

  vertical-align: middle;

  position: relative;

  z-index: 10;

  margin: 0 25px;

  top: 0;

  line-height: 1;

  color: #CACACA;

}



.horizontal-scrolling-items-left {

  animation-name: infiniteScrollLeft;

}



.horizontal-scrolling-items-right {

  animation-name: infiniteScrollRight;

}





.home-track-bg {

  margin: 10px auto;

  /* box-shadow: 0 20px 60px 0 #F2F2F2; */

  border: 1px solid #fff;

  padding: 30px;

  background: #fff;

  width: 80%;

  margin-top: -52px;

  z-index: 2;

  position: relative;

}



.form-request-quote {

  border-radius: 0 !important;

  display: block;

  background: rgba(0, 0, 0, 0) !important;

  background-image: none;

  border-color: #d9dadd !important;

  border-image: none;

  border-radius: 0;

  border-style: none none solid !important;

  border-width: medium medium 1px !important;

  box-shadow: none;

  color: #242121;

  display: block;

  font-size: 14px;

  height: 35px;

  line-height: 1.42857;

  margin-bottom: 20px;

  padding: 6px 0;

  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

  width: 100%;

  font-weight: normal;

}



.home-about-company {
  background-color: #F2F2F2;
  padding: 80px 0px 170px;
  position: relative;
  z-index: 1;
}



.home-about-company h3 { color: #DF332D;font-size: 20px; font-weight: 600; text-transform: uppercase;}
.home-about-company h2 {font-size: 60px;font-weight: 400;margin-bottom: 50px;}
.home-about-company h2 span {font-size: 50px;font-weight: 400;display: block;}


.home-about-company h2 span b {font-size: 50px;font-weight: 400; color: #DF332D}

.home-services {width: 97%;position: relative;z-index: 1;background: #ffffff;margin: 0 auto;margin-top: -70px;padding: 80px 0;}
.home-services h3 {color: #DF332D;font-size: 20px;font-weight: 600;text-transform: uppercase;line-height: 25px;}
.home-services h2 {font-size: 70px;font-weight: 400;line-height: 55px;margin-bottom: 50px;}



/* .service-box {position: relative;text-align: center;color: white;overflow: hidden;border-right: 2px solid #fff;}
.service-box img { width: 100%;display: block; transition: transform 0.3s ease;}
.service-overlay {transition: opacity 0.6s ease-in-out;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); padding: 20px;display: flex;flex-direction: column;justify-content: flex-end;transition: opacity 0.3s ease;}
.service-title {transition: transform 0.6s ease-in-out;font-size: 25px;margin-bottom: 10px;text-align: center;transform: translateY(0);transition: transform 0.3s ease;}
.overlay-content {transition: all 0.6s ease-in-out;transform: translateY(100%);opacity: 0;transition: all 0.3s ease;}
.service-box:hover img {transform: scale(1.05);transition: transform 0.6s ease-in-out;}
.service-box:hover .service-title {  transform: translateY(-80px);}
.service-box:hover .overlay-content {transform: translateY(0);opacity: 1;text-align: center;}
.service-overlay p{text-align: center;} */
.service-box {
    position: relative;
    text-align: center;
    color: #fff;
    overflow: hidden;
    border-right: 2px solid #fff;
}

.service-box img {
    width: 100%;
    display: block;
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.service-overlay {
    position: absolute;
    inset: 0;
    padding: 20px;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.95) 100%
    );
    
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.service-title {
    width: 100%;
    height: 60px; /* 2 lines x 30px */
    
    display: flex;
    justify-content: center;
    align-items: flex-start; /* all titles start at same point */

    font-size: 25px;
    line-height: 30px;
    text-align: center;

    margin: 0 0 15px;
    
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.overlay-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;

    transform: translateY(30px);

    transition:
        max-height 0.8s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.service-overlay p {
    text-align: center;
    margin-bottom: 15px;
}

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

.service-box:hover .service-title {
    transform: translateY(-10px);
}

.service-box:hover .overlay-content {
    max-height: 250px;
    opacity: 1;
    transform: translateY(0);
}
.home-why-choose {

  padding: 50px 10px;

  margin: 10px auto;

}



.home-why-choose h3 {

  color: #DF332D;

  font-size: 20px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 25px;

}



.home-why-choose h2 {
  font-size: 50px;
  font-weight: 400;
}
.home-why-choose h2 span{ color: #DF332D;}



.choose-abf {
    padding: 70px 0px;
    margin: 0;
}

.choose-abf .row {
    align-items: stretch;
}

.choose-abf .col-md-3 {
    display: flex;
}

.choose-abf .br {
    border-right: 1px solid #bdbdbd;
}

.home-choose-box {
    width: 100%;
    text-align: center;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-choose-box img {
    width: 60px;
    height: auto;
    margin-bottom: 25px;
}

.home-choose-box h6 {
    color: #32244A;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-choose-box h6::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 95px;
    height: 3px;
    background: #DF332D;
    transform: translateX(-50%);
}

.home-choose-box p {
    margin-top: 25px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}







.experts-bg {
    background-image: linear-gradient(
        rgba(255, 255, 255, 0.4),
        rgba(255, 255, 255, 0.4)
    ),
    url('../img/experts-bg.jpg');

    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 70px 30px;
}



.counter-box {

  padding: 20px;

  text-align: center;

}



.counter-box h4 {font-size: 60px;font-weight: 500;text-align: center;position: relative;}
.counter-box h4::after {content: "";position: absolute;background: var(--color-two);width: 40%;height: 2px;bottom: 0;right: 90px;}
.counter-box h4 span {font-size: 60px;font-weight: 500;text-align: center;}
.counter-box h4 i { font-size: 30px;}
.counter-box p { text-align: center;font-size: 16px;font-weight: 600;}
.counter-main {position: relative;border-bottom: 0.5px solid #000000;}
.counter-inner {position: relative;}
/* .head {background: white;padding: 30px 30px 30px 0;margin-top: -212px;width: 58%;position: absolute;} */
.head h2 span {color: #DF332D;}
.head h2 {font-weight: 400; font-size: 60px;line-height: 72px;}


.experts-content {margin-top: 80px;}
.experts-bg h3 { font-size: 50px; font-weight: 400;}
.experts-bg h3 span {color: #DF332D;}



.home-experts-box {
  padding: 55px 0;
  margin: 10px auto;

}



.home-experts-box .experts-box{
    position: relative;
    overflow: hidden;
    background-color: #261E34;
    text-align: center;
    color: #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 60px 20px;
    align-content: center;
}

.home-experts-box .experts-box::before{
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.8s ease;
    z-index: 1;
}

.home-experts-box .experts-box img,
.home-experts-box .experts-box p{
    position: relative;
    z-index: 2;
    transition: opacity 0.5s ease;
}

.home-experts-box .experts-box:hover img,
.home-experts-box .experts-box:hover p{
    opacity: 0;
    
}

.experts-box.fmcg::before{
    background-image: url('../img/experts/FMCG-Sector.jpg');
}

.experts-box.fmcg:hover::before{
    opacity: 1;
}



.experts-box.retail:hover {

  background-image: url('../img/experts/Retail-Sector.jpg');

}



.experts-box.fashion:hover {

  background-image: url('../img/experts/Fashion-&-Lifestyle.jpg');

}



.experts-box.chemicals:hover {

  background-image: url('../img/experts/Chemicals.jpg');

}



.experts-box.pharma:hover {

  background-image: url('../img/experts/Pharma-&-Healthcare.jpg');

}



.experts-box.perishables:hover {

  background-image: url('../img/experts/Perishables.jpg');

}



.experts-box.automotives:hover {

  background-image: url('../img/experts/Automotives.jpg');

}



.experts-box.technology:hover {

  background-image: url('../img/experts/Technology.jpg');

}



.experts-box.construction:hover {

  background-image: url('../img/experts/Construction.jpg');

}



.experts-box.industry:hover {

  background-image: url('../img/experts/Industry.jpg');

  /* or .png if that’s correct */

}





.home-news {

  padding: 100px 50px 50px 50px;

  margin: 10px auto;

}



.home-news h3 {

  color: #DF332D;

  font-size: 20px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 25px;

}



.home-news h2 {

  font-size: 50px;

  font-weight: 400;



}



.home-news h2 span {

  font-size: 50px;

  font-weight: 400;

  display: block;

}



.news-box {

  padding: 10px;

}



.news-image-wrapper {

  position: relative;

}







.news-overlay {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background: linear-gradient(180deg, rgba(50, 36, 74, 0) 0%, #32244A 100%);

  /* background: linear-gradient(to top, #32244ACC 50%, #32244A00 100%); */

  color: white;

  padding: 15px;

}



.news-box a:hover .news-overlay {

  top: 5%;

  color: var(--color-white);

  backdrop-filter: blur(0px);

  font-size: 18px;

  font-weight: 500;

}







.news-title {

  font-size: 16px;

  margin-bottom: 10px;

  color: white;

}



.btn-five-full {

  color: #ff3c3c;

  text-decoration: none;

  font-weight: bold;

}



.our-clients {

  padding: 50px 20px;

  margin: 10px auto;

}



.our-clients h3 {

  color: #DF332D;

  font-size: 20px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 25px;

}



.clients-box {

  padding: 20px;

  margin: 20px auto;

}





/* .home-contact-us {

  padding: 80px 0;

  margin: 10px auto;

  position: relative;

} */
  
/* ── SECTION ── */
.home-contact-us {
  padding: 80px 0;
  margin: 10px auto;
  position: relative;
}
 
/* ── IMAGE: full width on top ── */
/* .home-contact-us .contact-bg-img {
  width: 100%;
  display: block;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
} */
 
/* ── CONTAINER ── */
.home-contact-us .container {
  width: 100%;
}
 
/* ── ROW with image right ── */
.home-contact-us .main-row {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
 
/* ── LEFT: col-md-8 text block ── */
.home-contact-us .col-left {
  flex: 1 1 60%;
  min-width: 0;
  padding: 30px 30px 30px 30px;
}
 
/* ── RIGHT: image ── */
.home-contact-us .col-img-right {
  flex: 0 0 auto;
  width: 35%;
  min-width: 200px;
  overflow: hidden;
}
.home-contact-us .col-img-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
 
/* ── HEAD ── */
.head {
    background: white;
    padding: 30px;
    margin-top: -169px;
    width: 47%;
    position: absolute;
    margin-left: -30px;
}
.head h2 {
  font-size: clamp(20px, 3vw, 40px);
  font-weight: 500;
  line-height: 1.3;
  color: #111;
}
 
.head h2 span {
  display: inline;
  font-size: inherit;
  color: #e03030;
}
 
/* ── INNER ROW: button + paragraphs ── */
.inner-row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}
 
.btn-col {
  flex: 0 0 auto;
}
 
.text-col {
  flex: 1 1 200px;
  min-width: 0;
}
 
/* ── BUTTON ── */
.enquiry-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #e03030;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 16px 12px 22px;
  border-radius: 50px;
  white-space: nowrap;
  transition: background 0.2s;
}
.enquiry-btn:hover { background: #c02020; }
.enquiry-btn span { color: #fff; }
 
.arrow-circle {
  width: 30px; height: 30px;
  background: #fff;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.arrow-circle i { color: #e03030; font-size: 12px; }
 
/* ── PARAGRAPHS ── */
.text-col p {
  font-size: clamp(12px, 1.1vw, 14px);
  color: black;
  line-height: 1.7;
  margin-bottom: 12px;
  text-align: justify;
}
.text-col p:last-child { margin-bottom: 0; }
 
/* ══ RESPONSIVE ══ */
 
/* tablet */
@media (max-width: 991px) {
  .home-contact-us .col-img-right {
    width: 100%;
    height: 220px;
  }
  .home-contact-us .col-left {
    flex: 1 1 100%;
  }
}
 
/* mobile */
@media (max-width: 600px) {
  .home-contact-us { padding: 15px; }
  .home-contact-us .col-left { padding: 20px 16px; }
  .inner-row { flex-direction: column; gap: 16px; }
  .home-contact-us .contact-bg-img { max-height: 180px; }
}





.footer-top-enquiry-bg {

  
  background-color: #4F3B72;

  color: #ffffff;

  padding: 40px;

}



.footer-top-enquiry-bg .form-request-quote {

  color: #ffffff;

  /* Input text color */

  background-color: transparent;

  /* Optional: make background match */

  border: 1px solid #ffffff;

  /* Optional: white border for visibility */

}



.footer-top-enquiry-bg .form-request-quote::placeholder {

  color: #ffffff;

  opacity: 0.7;

  /* Optional for a subtle effect */

}



.footer-top-enquiry-bg .btn-two-full {

  position: relative;

  bottom: 27px;

}



footer {

  position: relative;

  z-index: 0;

  background: url(../img/footer-bg.jpg) no-repeat;

  color: var(--color-white);
  background-size: cover;

}



footer .footer-bg {

  padding: 80px 0px 80px 0px;

}



footer a {

  color: var(--color-white);

}



footer a:hover {

  color: var(--color-one);

}



footer .footer-list {

  margin-top: 0px;

}



footer .footer-list h3 {

  margin: 0 0 15px;

  color: var(--color-white);

  font-size: 18px;

  font-weight: 500;

  text-transform: uppercase;

  position: relative;

}



footer .footer-list h3 span {

  position: relative;

  display: inline-block;

  margin-right: 10px;

}



/* Add underline using ::after */

footer .footer-list h3 span::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: -2px;

  /* Adjust spacing under text */

  width: 100%;

  height: 2px;

  /* Thickness of underline */

  background-color: #ffffff;

  /* Change this to your desired underline color */

}



footer .footer-list h3 div {

  border-bottom: 1px solid var(--color-black);

  width: 25%;

  position: relative;

  right: 0;

  bottom: 0px;

  display: inline-block;

}



footer .footer-list ul {

  padding: 0;

  margin: 0 0 0 10px;

}



footer .footer-list ul li {

  list-style: none;

  padding: 3px 0 3px 10px;

  position: relative;

  z-index: 0;

}



footer .footer-list ul li::before {

  content: "\f192";

  font-family: 'Font Awesome 5 Free';

  left: -7px;

  position: absolute;

  top: 12px;

  font-weight: 900;

  color: var(--color-black);

  font-size: 4px;

}



footer .footer-list ul li a {color: var(--color-black);font-size: 16px;font-weight: 400}
footer .footer-list ul li a i {padding-right: 5px;font-size: 8px;}
footer .footer-list ul li a:hover {color: var(--color-one);padding-left: 2px;}
footer .footer-list ul.half { padding: 0; margin: 0 0 0 10px; display: inline-block; width: 48%;}
footer .footer-list ul.half li {list-style: none;padding: 3px 0 3px 10px;position: relative;z-index: 0;}
footer .footer-list ul.half li::before {content: "\f192";font-family: 'Font Awesome 5 Free'; left: -7px; position: absolute; top: 12px;font-weight: 900; color: var(--color-white);font-size: 4px;}
footer .footer-list ul.half li a { color: var(--color-white);}
footer .footer-list ul.half li a i {padding-right: 5px;font-size: 8px;}
footer .footer-list ul.half li a:hover {color: var(--color-one);padding-left: 2px;}
footer .footer-list ul.contact {padding: 0;margin: 0 0 0 0px;}
footer .footer-list ul.contact li {list-style: none;padding: 4px 0 4px 4px;position: relative;z-index: 0;}
footer .footer-list ul.contact li::before {display: none;}
footer .footer-list ul.contact li a {color: var(--color-black);}

footer .footer-list ul.contact li a i {padding-right: 5px;font-size: 15px;}
footer .footer-list ul.contact li a:hover {color: var(--color-one);padding-left: 2px;}
.footerextra {padding: 0;margin: 0;}
.footerextra li {display: inline-block;padding-right: 3%;list-style: none;font-size: 14px;position: relative;z-index: 0;}
.footerextra li::before {  content: "\f7a5";  font-family: 'Font Awesome 5 Free';  position: absolute;  top: 2px;  left: -10px;  font-weight: 900;  color: var(--color-black);  font-size: 12px;}
.footerextra li a {color: var(--color-black);}
.footerextra li a:hover {color: var(--color-one);}
.footerextra-Mt {margin-top: 30px;}
footer .copy { padding: 40px 0 40px 0;border-top: 1px solid var(--color-white);}
footer .copy p {margin-top: -52px;left: 230px;position: relative;}
footer .copy a { font-weight: 400;}
footer .copy a:hover {color: var(--color-one);}
footer .copy .copy-right {text-align: right;}
ul.social-network { list-style: none;display: block;margin-left: 0 !important;padding: 0;margin-top: 0px;}
ul.social-network li { display: inline-block; margin: 8px 10px;}
ul.social-network li::before {display: none;}
.social-network a.icoRss {background-color: #ffffff;}
.social-network a.icoRss:hover {background-color: #F56505;}
.social-network a.icoFacebook {background-color: #ffffff;}
.social-network a.icoFacebook:hover { background-color: #3B5998;}



.social-network a.icoTwitter:hover {

  background-color: #33ccff;

}



.social-network a.icoGoogle:hover {

  background-color: #BD3518;

}



.social-network a.icoVimeo:hover {

  background-color: #0590B8;

}





.social-network a.icoLinkedin {

  background-color: #ffffff;

}



.social-network a.icoLinkedin:hover {

  background-color: #007bb7;

}

.social-network a.icoTwitter{background-color: #ffffff;}

.social-network a.icoYoutube {

  background-color: #ffffff;

}



.social-network a.icoYoutube:hover {

  background-color: #ffffff;

}





.social-network a.icoYoutube:hover {

  background-color: #cc0000;

}



.social-network a.icoInstagram {

  background-color: #ffffff;

}





.social-network a.icoInstagram:hover {

  background-color: #c8008b;

}



.social-network a.icoWhatsapp:hover {

  background-color: #189d0e;

}



.social-network a.icoPinterest:hover {

  background-color: #e60023;

}



.social-network a.icoRss:hover i,

.social-network a.icoFacebook:hover i,

.social-network a.icoTwitter:hover i,

.social-network a.icoGoogle:hover i,

.social-network a.icoVimeo:hover i,

.social-network a.icoLinkedin:hover i,

.social-network a.icoYoutube:hover i,

.social-network a.icoInstagram:hover i {

  color: var(--color-white);

}



a.socialIcon:hover,

.socialHoverClass {

  color: #44BCDD;

}



.social-circle li a {

  display: inline-block;

  position: relative;

  margin: 0 auto 0 auto;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  text-align: center;

  width: 35px;

  height: 35px;

  background: rgba(255, 255, 255, 0);

  border: 0px solid var(--color-white);

  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, .10) !important;

}



.social-circle li i {

  margin: 0;

  line-height: 35px;

  text-align: center;

  font-size: 15px !important;

  padding: 0 !important;

}



.social-circle li a:hover i,

.triggeredHover {

  -moz-transform: rotate(360deg);

  -webkit-transform: rotate(360deg);

  -ms--transform: rotate(360deg);

  transform: rotate(360deg);

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  -o-transition: all 0.2s;

  -ms-transition: all 0.2s;

  transition: all 0.2s;

}



.social-circle i {

  color: var(--color-black);

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -o-transition: all 0.8s;

  -ms-transition: all 0.8s;

  transition: all 0.8s;

}



/* footer social icons */



.rwd-table {

  margin: auto;

  min-width: 300px;

  max-width: 100%;

  border-collapse: collapse;

}



.rwd-table thead tr:first-child {

  border-top: none;

  background: var(--color-black);

  color: #fff;

}



.rwd-table tr {

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

  background-color: rgba(0, 0, 0, .01);

}



.rwd-table.table-striped>tbody>tr:nth-of-type(odd) {

  background-color: #fbfbfb !important;

}



.rwd-table th {

  display: none;

}



.rwd-table td {

  display: block;

}



.rwd-table td:first-child {

  margin-top: .5em;

}



.rwd-table td:last-child {

  margin-bottom: .5em;

}



.rwd-table td:before {

  content: attr(data-th) " : ";

  font-weight: bold;

  display: inline-block;

  color: #000;

  padding-right: 15px;

}



.rwd-table th,

.rwd-table td {

  text-align: left;

}



.rwd-table {

  color: #333;

  overflow: hidden;

  margin-bottom: 30px;

}



.rwd-table tr {

  border-color: #bfbfbf;

}



.rwd-table th,

.rwd-table td {

  padding: .5em 1em;

}



@media screen and (max-width: 601px) {

  .rwd-table tr:nth-child(2) {

    border-top: none;

  }



  .table-bordered {

    border: 0px;

  }

}



@media screen and (min-width: 600px) {

  .rwd-table tr:hover {

    background-color: #fff !important;

  }



  .rwd-table thead tr:hover {

    background: var(--color-black) !important;

  }



  .rwd-table td:before {

    display: none;

  }



  .rwd-table th,

  .rwd-table td {

    display: table-cell;

    padding: .25em .5em;

  }



  .rwd-table th:first-child,

  .rwd-table td:first-child {

    padding-left: 0;

  }



  .rwd-table th:last-child,

  .rwd-table td:last-child {

    padding-right: 0;

  }



  .rwd-table th,

  .rwd-table td {

    padding: 1em !important;

  }

}



.inner-banner {position: relative;z-index: 0;padding: 0 0px;}
.inner-banner::before {content: "";position: absolute;z-index: 0;top: 0px;right: 0px;bottom: 0;left: 0px;background: rgba(0, 0, 0, .1);}
.inner-banner img {min-width: 100%;}
.inner-banner .container {position: absolute;min-height: 100%;left: 0;right: 0;bottom: 0;}
.inner-banner h1 {color: var(--color-white);font-size: 40px;font-weight: 300;position: absolute;text-transform: uppercase;right: 0;bottom: 15px;margin: 0;background: rgba(0, 0, 0, 0);padding: 15px 20px 15px 20px;}
.inner-banner .inner-breadcrumb { position: absolute;right: 0;bottom: 0px;left: 15px;}
.inner-banner .inner-breadcrumb ol.breadcrumb { font-size: 15px;font-weight: 500;}
.inner-banner .inner-breadcrumb ol.breadcrumb .breadcrumb-item {color: var(--color-white);}
.inner-banner .inner-breadcrumb ol.breadcrumb .breadcrumb-item a {color: var(--color-white);}
.inner-banner .inner-breadcrumb ol.breadcrumb .breadcrumb-item a:hover { color: var(--color-one);}
.inner-banner .inner-breadcrumb ol.breadcrumb .breadcrumb-item+.breadcrumb-item::before {color: var(--color-white);}



.inner-bg { position: relative;padding: 70px 0;}
.inner-bg h2 {font-size: 50px;font-weight: 400; margin-bottom: 35px;}
.inner-bg h2 span { display: block; color: var(--color-two);}
.margin-left { margin-left: 32px;}
.about h2 {font-weight: 400;}

.inner-stats-bg {background-color: #32244A;color: #ffffff;padding: 80px 0;z-index: 1;position: relative;}
.our-values { background-color: #F2F2F2;padding: 170px 50px 50px 50px;margin-top: -100px;}
.our-values h3 { color: #DF332D;font-size: 20px;font-weight: 600;text-transform: uppercase;line-height: 25px;}
.our-values h2 {font-size: 50px;font-weight: 400;margin-bottom: 40px;}
.our-values h2 span {display: block;color: var(--color-two);}
.our-values h6 span {color: #32244A;font-size: 20px;font-weight: 600;align-items: center;position: relative;display: block;margin-left: 100px;margin-top: -50px;}




.values-section {background: #f3f3f3; padding: 50px 0 20px;}
.value-box {display: flex;align-items: center;gap: 35px;margin-bottom: 75px;}
.value-icon {width: 118px;height: 118px;min-width: 118px;border-radius: 50%;background: #34224d;display: flex;align-items: center;justify-content: center;}
.value-content h6 {margin: 0;color: #34224d;font-size: 28px;font-weight: 700;line-height: 1.25;font-family: 'Montserrat', sans-serif;}

@media (max-width: 991px) {
.value-box {padding-left: 0;margin-bottom: 40px;gap: 25px;}
.value-icon {width: 90px;height: 90px;min-width: 90px;}
.value-icon img {width: 38px;height: 38px;}
.value-content h6 {font-size: 22px;}
}
@media (max-width: 767px) {
.value-box {justify-content: center;text-align: center;flex-direction: column;gap: 20px;}
.value-content h6 {font-size: 20px;}}
.our-recognitions {position: relative;padding: 100px 0;}
.our-recognitions h2 {font-size: 50px;font-weight: 400;margin-bottom: 35px;text-align: center;}


.our-recognitions h2 span {color: var(--color-two);}
.service-row {padding: 45px 0;border-bottom: 1px solid #e5e5e5;}
.service-content {display: flex;align-items: flex-start;gap: 25px;}
.service-icon {flex-shrink: 0;background: #32244A;border-radius: 100%;padding: 10px;}
.service-icon img { width: 30px; height: 30px;}
.service-text h5 {color: #e53935;font-size: 20px;font-weight: 600;margin-bottom: 15px;text-transform: uppercase;}
.service-text p {line-height: 2;margin-bottom: 0;}
.service-image {width: 100%;max-width: 520px;object-fit: cover;display: block;margin-left: auto;}
@media (max-width: 991px) {
.service-content {flex-direction: column;gap: 20px; margin-bottom: 25px;}
.service-image {max-width: 100%;height: auto;}
.service-row { padding: 30px 0;}}
.our-recognitions h3 { color: #DF332D;font-size: 20px;font-weight: 600;text-transform: uppercase;line-height: 25px;text-align: center;}
.recognition-box {background: #FFFFFF;padding: 30px;box-shadow: 0px 20px 60px 0px #00000026;margin: 20px auto;}
.inner-services-bg {position: relative;padding: 100px;background-size: cover;background-position: center;background-repeat: no-repeat; z-index: 0;}
.inner-services-bg::before {content: "";position: absolute;background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 72.76%);top: 0;bottom: 0;right: 0;left: 0;z-index: -1;}
.inner-services-bg.transportation {background-image: url('../img/transportations-1.jpg');}
.inner-services-bg.ocean-freight {background-image: url('../img/service-bg-2.jpg');}
.inner-services-bg.air-freight { background-image: url('../img/service-bg-3.jpg');}
.inner-services-bg.nvocc { background-image: url('../img/service-bg-4.jpg');}
.inner-services-bg.warehouse {background-image: url('../img/service-bg-5.jpg');}
.inner-services-bg.project-bulk {background-image: url('../img/service-bg-6.jpg');}
.inner-services-bg h2 {color: #ffffff;font-size: 50px;font-weight: 400;}
.inner-services-bg h2 span {color: var(--color-two);display: block;}
.inner-services-bg p {color: #ffffff;}
.inner-career-bg h2 {color: #ffffff;font-size: 50px;font-weight: 400;}
.inner-career-bg p {font-weight: 300;}


.contact-form-bg { padding: 40px 50px 60px 50px; border-radius: 30px; position: relative; background-color: none;margin-top: 70px;}



.contact-form-bg h3 {

  font-weight: 600;

  font-size: 22px;

  text-align: center;

}



.contact-form-bg input,

.contact-form-bg input.form-control:focus,

.contact-form-bg textarea,

.contact-form-bg textarea.form-control:focus {

  border: 1px solid var(--color-two) !important;

  box-shadow: none;

}



.contact-form-bg select,

.contact-form-bg select.form-control:focus {

  border: 1px solid var(--color-two) !important;

  box-shadow: none;

  cursor: pointer
}



.contact-form-bg select option {

  padding: 5px;

  cursor: pointer;

  border-bottom: 1px dashed #8d8d8d !important;

  color: #000;

}



.contact-form-bg input,

.contact-form-bg select,

.contact-form-bg textarea,

.contact-form-bg select {

  border-radius: 8px;

  background-color: transparent !important;

  margin-top: 8px;

  margin-bottom: 8px;

  color: #fff !important;

  padding: 10px 10px 10px 10px;

  border: 1px solid #6D6E70 !important;

  border-top: 0;

  border-right: 0;

  border-left: 0;

}



.contact-form-bg input,

.contact-form-bg select,

.contact-form-bg textarea {

  color: #fff !important;

  font-size: 14px;

}

.contact-form-bg label {
  color: #e2e2e2;
}


.contact-form-bg select {

  color: #8d8d8d;

}



.form-control::-webkit-input-placeholder {

  color: #8d8d8d !important
}



.form-control::-moz-placeholder {

  color: #8d8d8d !important
}



.form-control:-ms-input-placeholder {

  color: #8d8d8d !important
}







.contact-form-bg .form-check input {

  height: 1em;

  margin-top: 0.25em;

  border: 1px solid #8d8d8d !important;

}



.contact-form-bg .form-check-input:checked {

  background-color: var(--color-one) !important;

  border-color: var(--color-one) !important;

}



.contact-form-bg select option selected {

  color: var(--color-one);

}



.details-box { padding: 20px;}
.details-box h2 {color: #32244A;font-size: 30px;}
.details-box h3 {color: #DF332D;font-size: 20px;font-weight: 600;text-transform: uppercase;line-height: 25px;}



.inner-track {

  padding: 100px 0;

}



.inner-track h2 {

  font-size: 50px;

  font-weight: 400;

  margin-bottom: 35px;

  text-align: center;

}

.inner-track h2 span {

  color: var(--color-two);

}

.inner-track p {

  text-align: center;

  font-weight: 600;

}



.track-box {

  padding: 50px;

}



.track-box .form-request-quote {

  border-color: transparent !important;

  border: 1px solid #F2F2F2 !important;

  border-radius: 20px !important;

  padding: 20px;

  background-color: #F2F2F2;

}



.track-box .form-request-group .header-btn {


  margin-top: 15px;
  padding: 10px 30px !important;

}

.track-map {

  padding: 100px;

}

select.box-name {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 25px) calc(1em + 10px), calc(100% - 16px) calc(1em + 10px), calc(100% - 2.5em) 0.4em;
  background-size: 10px 10px, 10px 10px, 1px 3em;
  background-repeat: no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 20px;
}

select.box-name,
input.box-name {
  padding: 20px 30px;
  margin: 0 auto;
  display: block;
  border-radius: 30px;
  font-size: 15px;
  border: 0;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.desktoplogo {
  width: 30% !important;
  transition: 0.8s ease-in-out !important;
}

.desktoplogo .content {
  display: flex !important;
  /* logo + text in one line */
  align-items: center !important;
  /* vertical alignment */
  gap: 10px !important;
  /* space between logo & text */
}

.desktoplogo .content h2 {
  color: var(--color-one) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  /* reset margin */
  white-space: nowrap !important;
  /* prevent text from wrapping */
}



.form-request-quote {
  color: black;
}



@media(min-width:320px) and (max-width:1080px) {

  .slider {

    margin-top: 60px;

    padding: 0;

  }



  .inner-banner {

    margin-top: 64px;

    padding: 0;

  }



  .inner-banner:before {

    left: 0;

    right: 0;

  }



  .inner-banner img {

    min-width: 100%;

    height: 180px;

    object-fit: cover;

  }



  .inner-banner h1 {

    font-size: 20px;

    right: 0;

    left: 0;

    bottom: 10px;

    margin-bottom: 0;

    text-align: center;

  }



  .hidden-xs,

  .for-md {

    display: none !important;

  }



  .for-xs {

    display: block !important;

  }



  ::-webkit-scrollbar {

    width: 0px;

  }



  .Morder-1 {

    order: 1;

    -webkit-order: 1;

  }



  .Morder-2 {

    order: 2;

    -webkit-order: 2;

  }



  .Morder-3 {

    order: 3;

    -webkit-order: 3;

  }



  .Morder-4 {

    order: 4;

    -webkit-order: 4;

  }



  .carousel-control-prev-icon {

    width: 2rem;

    height: 2rem;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2344484d'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");

    border: 2px solid var(--color-black);

  }



  .carousel-control-next-icon {

    width: 2rem;

    height: 2rem;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2344484d'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

  }



  .carousel-control-prev-icon,

  .carousel-control-next-icon {

    border: 1px solid var(--color-black);

    border-radius: 100px;

  }



  .carousel-inner>.carousel-item>img {

    border-radius: 0;

  }



  .slider .carousel-control-next,

  .slider .carousel-control-prev {

    bottom: -50px;

  }



  .slider .carousel-control-next {

    left: auto;

    right: 125px;

  }



  .slider .carousel-control-prev {

    right: auto;

    left: 125px;

  }



  .mobileSlider .carousel-control-prev {

    right: auto;

    left: 125px
  }



  .mobileSlider .carousel-control-next,

  .slider .carousel-control-prev {

    top: unset;

    bottom: unset;

  }



  .mobileSlider .carousel-control-next {

    right: 20px;

  }



  .mobileSlider .carousel-control-prev {

    left: 20px;

  }



  .mobile-banner-button-nav {

    display: flex;

    padding: 20px;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    align-items: center;

    flex-wrap: wrap
  }



  .mobileSlider .carousel-control-prev-icon {

    width: 2rem;

    height: 2rem;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");

    border: 0px solid var(--color-black);

  }



  .mobileSlider .carousel-control-next-icon {

    width: 2rem;

    height: 2rem;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    border: 0px solid var(--color-black);

  }



  .carousel-control-next:focus,

  .carousel-control-next:hover,

  .carousel-control-prev:focus,

  .carousel-control-prev:hover {

    text-decoration: none;

    outline: 0;

    opacity: .9
  }



  /* .carousel-control-prev-icon:focus,.carousel-control-next-icon:hover,.carousel-control-prev-icon:focus,.carousel-control-next-icon:hover{opacity: .9;} */

  .btn-one {

    font-size: 12px;

  }



  footer .footer-bg {

    padding: 40px 10px 20px 10px
  }



  footer .text-end {

    text-align: center !important;

  }



  footer {

    padding: 40px 0 0;

    text-align: center;

  }



  .footerextra-Mt {

    margin-top: 0;

  }



  footer .footer-list {

    margin-top: 0px;

  }



  .back-to-top {

    bottom: 65px;

    right: 0;

    left: 0;

    margin: 0 auto;

  }



  ul.footerextra {

    margin: 30px 0 40px;

  }



  footer .copy {

    padding: 30px 0 30px 0;

    margin-top: 0px;

  }



  footer .copy .copy-right {

    text-align: center;

  }



  footer .copy .copy-center {

    padding-top: 20px;

    line-height: 24px;

  }



  footer .copy .copy-center i {

    display: none;

  }



  footer .copy .copy-center span {

    display: block;

  }



  footer .footer-list h3 span {

    display: block;

    margin-right: 0;

    text-transform: uppercase;

  }



  ul.footerextra li {

    list-style: none;

    padding: 6px 12px 6px 12px;

    position: relative;

    z-index: 0;

  }



  ul.footerextra li::before {

    content: "\f192";

    font-family: 'Font Awesome 5 Free';

    left: -3px;

    position: absolute;

    top: 12px;

    font-weight: 900;

    color: var(--color-white);

    font-size: 6px;

  }



  .topSearch {

    right: 55px;

    top: 7px;

  }



  .search_icon {

    background-color: rgba(0, 0, 0, 0.1);

    height: 40px;

    width: 40px;

    font-size: 16px;

  }



  .search button {

    position: relative;

    left: 0;

    right: 0;

    width: 100%;

    height: auto;

  }



  .search-body {

    position: relative;

    padding: 30px 15px !important;

  }



  .modal-custom {

    margin-top: 30px;

  }



  .modal-custom-bg .modal-body .close {

    right: 0;

    top: -40px;

  }



  .rwd-table td {

    width: 100%;

  }



  .home-about-company {
    padding: 40px 0px;
    margin-top: 0px;
  }



  .home-track-bg {

    margin-top: -38px;

  }



  .home-about-company h3 {

    text-align: center;

    font-size: 16px;

  }



  .home-about-company h3 {

    text-align: center;

    font-size: 16px;

  }



  .home-about-company h3 span {

    text-align: center;

    font-size: 25px;

  }



  .home-about-company h3 span b {

    text-align: center;

    font-size: 25px;

  }





  .home-about-company h2 {

    font-size: 24px;

    font-weight: 400;

    text-align: center;

  }



  .home-about-company h2 span {

    font-size: 24px;

  }



  .home-about-company h2 span b {

    font-size: 24px;

    font-weight: 400;

    color: #DF332D;

  }



  .home-services {

    padding: 40px 20px 20px 20px;

    margin: -30px auto 20px auto;

    ;

  }



  .home-services h2 {

    font-size: 25px;

    text-align: center;

    line-height: 25px;

  }



  .home-services h3 {

    font-size: 16px;

    text-align: center;

  }



  .home-why-choose {

    padding: 20px 10px;

  }



  .home-why-choose h3 {

    font-size: 16px;

    text-align: center;

  }



  .home-why-choose h2 {

    font-size: 25px;

    text-align: center;

  }



  .home-choose-box h6 {

    font-size: 15px
  }



  .choose-abf .br {

    border-bottom: 1px solid #000000;

    border-right: none;

  }



  .home-choose-box h6::after {

    display: none;

  }



  .counter-box h4 span {

    font-size: 40px;

  }



  .counter-box h4 {

    font-size: 40px;

  }



  .counter-box h4::after {

    display: none;

  }



  .experts-bg {

    padding: 35px 30px;

  }



  .experts-content {

    margin-top: 32px;

  }



  .experts-bg h3 {

    font-size: 23px;

    text-align: center;

  }



  .experts-bg span {

    display: inline;

  }



  .experts-box img {

    width: 48%;

    margin-bottom: 10px;

  }



  .home-news {

    padding: 50px 52px 50px 50px;

  }



  .home-news h2 {

    font-size: 20px;

    text-align: center;

  }



  .home-news h2 span {

    font-size: 20px;

    text-align: center;

    display: inline;

  }



  .home-news h3 {

    font-size: 16px;

    text-align: center;

  }



  .our-clients h3 {

    font-size: 25px;

    text-align: center;

  }



  .head {

    background: white;

    padding: 13px 0px;

    margin-top: 0px;

    width: 100%;

    position: relative;

  }



  .head h2 span {

    display: inline;

    font-size: 18px;

  }

.head{margin-left: 0;}

  .head h2 {

    font-size: 18px;

    line-height: 1;

  }



  .home-contact-us {

    padding: 30px 30px 30px 30px;

    margin: 10px auto;

    position: relative;

  }



  footer .copy {

    border-top: 0px solid var(--color-black);

  }



  footer .footer-list h3 span::after {

    display: none;



  }



  footer .copy p {

    margin-top: -25px;

    left: 0;

    text-align: center;

  }



  .home-track-box h3 {

    font-size: 20px;

    text-align: center;

  }



  .inner-bg {

    padding: 30px 0;

  }



  .inner-bg h2 {

    font-size: 25px;

    margin-bottom: 20px;

    text-align: center;

  }



  .location-box {

    width: 40%;

  }



  .location-box p {

    font-size: 15px;

  }



  .contact-form-bg {

    padding: 40px 50px 30px 50px;

  }



  
  .inner-services-bg {

    padding: 50px;

  }



  .inner-services-bg h2 {

    font-size: 23px;

    text-align: center;

  }



  .our-values h2 {

    font-size: 25px;

    text-align: center;

  }



  .our-values h3 {

    text-align: center;

  }



  .our-values {

    padding: 137px 25px 50px 25px;

  }

  .our-recognitions h2 {

    font-size: 25px;
  }



  .our-recognitions {
    padding: 20px;
  }



  .inner-track {

    padding: 20px 0;

  }

  .inner-track h2 {

    font-size: 25px;

  }

  .track-box {

    padding: 20px;

  }





}
.iso-side-image {
  position: relative;
}

.sticky-image {
  position: sticky;
  top: 120px;
}

.sticky-image img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
  margin-bottom: 20px;
  border-radius: 10px;
}

@media (max-width: 991px) {
  .sticky-image {
    position: relative;
    top: 0;
  }

  .sticky-image img {
    height: auto;
  }
}
.project-bulk-img {
  position: relative;
}

.project-bulk-img img {
  width: 100%;
  display: block;
  border-radius: 10px;
  margin-bottom: 20px;
  object-fit: cover;
}

.project-bulk-img {
  position: sticky;
  top: 120px;
  align-self: flex-start;
}
@media (max-width: 991px) {
  .project-bulk-img {
    position: relative;
    top: 0;
    margin-top: 30px;
  }

  .project-bulk-img img {
    height: auto;
  }
}
.transportation-img {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.transportation-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  /* border-radius: 15px; */
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
  transition: all 0.4s ease;
}

.transportation-img img:hover {
  transform: translateY(-5px);
}


/* Mobile Responsive */
@media (max-width: 767px) {

  /* Banner */
  .inner-banner h1 {
    font-size: 28px;
    text-align: center;
  }

  /* About Section */
  .inner-bg .row {
    flex-direction: column;
  }

  .inner-bg img.img-fluid {
    width: 100%;
    margin-bottom: 20px;
  }

  .about {
    font-size: 28px;
    text-align: center;
    line-height: 1.3;
    margin-top: 15px;
  }

  .inner-bg p,
  .inner-bg h5 {
    text-align: justify;
  }

  /* Map Image */
  .single-image-wrapper {
    text-align: center;
  }

  .stats-single-image {
    width: 100%;
    height: auto;
  }


  /* Hide Side Image */
  .our-values .hidden-xs {
    display: none !important;
  }

  /* Recognition */
  .our-recognitions h2,
  .our-recognitions h3 {
    text-align: center;
  }

  .recognition-box {
    margin-bottom: 15px;
  }

  .recognition-box img {
    width: 100%;
    height: auto;
  }

  /* Spacing */
  .inner-bg,
  .inner-stats-bg,
  .our-values,
  .our-recognitions {
    padding: 40px 0;
  }
}



/* my */
  .contact-section{
    background:
      radial-gradient(circle at 8% 12%, rgba(227,34,38,0.05) 0, transparent 38%),
      radial-gradient(circle at 95% 8%, rgba(11,31,58,0.05) 0, transparent 35%),
      var(--white);
    color:var(--ink);
    padding:90px 0 100px;
    position:relative;
    overflow:hidden;
  }
  .contact-section .container{
    max-width:1180px;
    margin:0 auto;
    padding:0 28px;
    position:relative;
    z-index:1;
  }

  /* ===== HEADER ===== */
  .cs-head{
    text-align:center;
    max-width:640px;
    margin:0 auto 52px;
    position:relative;
  }
  .cs-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(227,34,38,0.08);
    color:var(--red);
    font-size:12.5px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
    padding:7px 16px 7px 12px;
    border-radius:50px;
    margin-bottom:18px;
  }
  .cs-eyebrow i{font-size:11px;}
  .cs-head h2{
    font-size:40px;
    font-weight:500;
    color:var(--navy);
    margin:0;
    line-height:1.22;
    letter-spacing:-0.01em;
  }
  .cs-head h2 span{
    color:var(--red);
    position:relative;
    white-space:nowrap;
  }
  .cs-head h2 span::after{
    content:"";
    position:absolute;
    left:0; right:0;
    bottom:2px;
    height:9px;
    background:rgba(227,34,38,0.13);
    z-index:-1;
    border-radius:3px;
  }
  .cs-head p{
    color:var(--muted);
    font-size:16px;
    margin:16px 0 0;
    line-height:1.6;
  }
  .cs-stats{
    display:flex;
    justify-content:center;
    gap:40px;
    margin-top:28px;
    flex-wrap:wrap;
  }
  .cs-stats .stat{text-align:center;}
  .cs-stats .stat .n{
    font-size:24px;
    font-weight:500;
    color:var(--navy);
    line-height:1;
  }
  .cs-stats .stat .n span{color:var(--red);}
  .cs-stats .stat .l{
    font-size:12px;
    color:var(--muted);
    margin-top:5px;
    text-transform:uppercase;
    letter-spacing:0.04em;
  }

  /* ===== COUNTRY TABS ===== */
  .cs-tabs{
    display:flex;
    justify-content:center;
    gap:16px;
    margin-bottom:60px;
    flex-wrap:wrap;
  }
  .cs-tab{
    display:flex;
    align-items:center;
    gap:11px;
    background:var(--white);
    border:1.5px solid var(--line);
    color:var(--navy);
    font-weight:700;
    font-size:15px;
    padding:13px 30px 13px 16px;
    border-radius:50px;
    cursor:pointer;
    transition:all 0.25s ease;
    box-shadow:0 1px 2px rgba(11,31,58,0.04);
  }
  .cs-tab .flag-wrap{
    width:30px;
    height:30px;
    border-radius:50%;
    background:var(--bg-soft);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .cs-tab img{
    width:18px;
    height:18px;
    border-radius:50%;
    object-fit:cover;
  }
  .cs-tab .sub{
    display:block;
    font-size:11px;
    font-weight:500;
    color:var(--muted);
    text-transform:none;
    margin-top:1px;
  }
  .cs-tab:hover{
    border-color:rgba(227,34,38,0.4);
    box-shadow:0 6px 16px rgba(11,31,58,0.08);
    transform:translateY(-1px);
  }
  .cs-tab.active{
    background:linear-gradient(135deg, var(--red) 0%, var(--red-dark) 100%);
    border-color:var(--red);
    color:var(--white);
    box-shadow:0 8px 20px rgba(227,34,38,0.25);
  }
  .cs-tab.active .flag-wrap{background:rgba(255,255,255,0.2);}
  .cs-tab.active .sub{color:rgba(255,255,255,0.8);}

  .details-box{display:block;}
  .details-box.d-none{display:none;}

  /* ===== INDIA: CORPORATE CARD ===== */
  .cs-grid{
    display:grid;
    grid-template-columns:340px 1fr;
    gap:36px;
    align-items:start;
  }
  .corp-card{
    background:linear-gradient(165deg, var(--navy) 0%, var(--navy-soft) 100%);
    border-radius:20px;
    padding:34px 30px;
    color:var(--white);
    position:relative;
    overflow:hidden;
    box-shadow:0 20px 40px rgba(11,31,58,0.18);
  }
  .corp-card::before{
    content:"";
    position:absolute;
    top:-50px;
    right:-50px;
    width:170px;
    height:170px;
    border-radius:50%;
    background:rgba(227,34,38,0.14);
  }
  .corp-card::after{
    content:"";
    position:absolute;
    bottom:-60px;
    left:-60px;
    width:160px;
    height:160px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,0.06);
  }
  .corp-card .badge{
    position:absolute;
    top:24px;
    right:24px;
    width:38px;
    height:38px;
    border-radius:50%;
    background:rgba(227,34,38,0.18);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1;
  }
  .corp-card .badge i{color:var(--red); font-size:15px;}
  .corp-card h3{
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:0.08em;
    color:var(--red);
    font-weight:700;
    margin:0 0 14px;
    display:flex;
    align-items:center;
    gap:8px;
    position:relative;
    z-index:1;
  }
  .corp-card > p{
    font-size:15px;
    line-height:1.7;
    color:rgba(255,255,255,0.78);
    margin:0 0 22px;
    position:relative;
    z-index:1;
  }
  .corp-card .icon-line{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-bottom:7px;
    position:relative;
    z-index:1;
  }
  .corp-card .icon-line i{
    color:var(--red);
    font-size:12px;
    margin-top:3px;
    width:14px;
  }
  .corp-contact{
    border-top:1px solid rgba(255,255,255,0.12);
    padding-top:20px;
    margin-top:20px;
    position:relative;
    z-index:1;
  }
  .corp-contact .person{
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px dashed rgba(255,255,255,0.1);
  }
  .corp-contact .person:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
  .corp-contact .person .role{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:0.05em;
    color:var(--red);
    font-weight:700;
    margin:0 0 3px;
  }
  .corp-contact .person .name{
    font-size:15px;
    font-weight:700;
    color:var(--white);
    margin:0 0 7px;
  }
  .corp-contact .person .line{
    font-size:13px;
    color:rgba(255,255,255,0.75);
    display:flex;
    align-items:center;
    gap:7px;
    margin:3px 0;
  }
  .corp-contact .person .line i{
    color:var(--red);
    font-size:11px;
    width:13px;
  }
  .corp-contact .person .line a{
    color:rgba(255,255,255,0.75);
    text-decoration:none;
    transition:color 0.15s ease;
  }
  .corp-contact .person .line a:hover{color:var(--white);}

  /* ===== OFFICE CARDS ===== */
  .office-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:22px;
  }
  .office-card{
    border-radius:18px;
    overflow:hidden;
    border:1px solid var(--line);
    background:var(--white);
    transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  }
  .office-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 36px rgba(11,31,58,0.13);
    border-color:transparent;
  }
  .office-card .img-wrap{
    overflow:hidden;
    position:relative;
  }
  .office-card .img-wrap::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(11,31,58,0) 40%, rgba(11,31,58,0.55) 100%);
  }
  .office-card .img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform 0.4s ease;
  }
  .office-card:hover .img-wrap img{transform:scale(1.07);}
  .office-card .tag{
    position:absolute;
    bottom:11px;
    left:13px;
    z-index:1;
    background:var(--red);
    color:var(--white);
    font-size:12px;
    font-weight:700;
    letter-spacing:0.05em;
    text-transform:uppercase;
    padding:5px 13px;
    border-radius:50px;
    box-shadow:0 4px 10px rgba(227,34,38,0.35);
  }
  .office-card .body{
    padding:17px 19px 21px;
  }
  .office-card h4{
    font-size:16px;
    font-weight:700;
    color:var(--navy);
    display:flex;
    align-items:center;
    gap:8px;
  }
  .office-card h4 i{
    color:var(--white);
    background:var(--red);
    font-size:10px;
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .office-card p{
    font-size:15px;
    line-height:1.65;
    color:var(--muted);
    margin:0;
  }

  /* ===== CHINA SECTION ===== */
  .china-head{
    text-align:center;
    margin-bottom:36px;
  }
  .china-head h3{
    font-size:24px;
    font-weight:500;
    color:var(--navy);
    margin:0;
  }
  .china-head h3 span{color:var(--red);}
  .china-head p{
    font-size:14.5px;
    color:var(--muted);
    margin:8px 0 0;
  }
  .china-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:26px;
  }
  .china-card{
    border-radius:20px;
    overflow:hidden;
    border:1px solid var(--line);
    background:var(--white);
    transition:transform 0.25s ease, box-shadow 0.25s ease;
  }
  .china-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 36px rgba(11,31,58,0.13);
  }
  .china-card .img-wrap{
    height:180px;
    overflow:hidden;
    position:relative;
  }
  .china-card .img-wrap::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(11,31,58,0) 50%, rgba(11,31,58,0.5) 100%);
  }
  .china-card .img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform 0.4s ease;
  }
  .china-card:hover .img-wrap img{transform:scale(1.06);}
  .china-card .img-wrap .branch-tag{
    position:absolute;
    bottom:14px;
    left:18px;
    z-index:1;
    color:var(--white);
    font-size:18px;
    font-weight:500;
  }
  .china-card .body{
    padding:24px 26px 26px;
  }
  .china-card h3{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.06em;
    font-weight:700;
    color:var(--red);
    margin:0 0 12px;
    display:flex;
    align-items:center;
    gap:8px;
  }
  .china-card h3 i{font-size:12px;}
  .china-card p.addr{
    font-size:13.5px;
    color:var(--muted);
    line-height:1.65;
    margin:0 0 18px;
    padding-bottom:18px;
    border-bottom:1px dashed var(--line);
  }
  .china-card .meta-line{
    font-size:13.5px;
    color:var(--ink);
    display:flex;
    align-items:center;
    gap:10px;
    margin:8px 0;
  }
  .china-card .meta-line i{
    color:var(--white);
    background:var(--red);
    font-size:10px;
    width:24px;
    height:24px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .china-card .meta-line a{
    color:var(--ink);
    text-decoration:none;
    font-weight:500;
  }
  .china-card .meta-line a:hover{color:var(--red);}

  /* ===== RESPONSIVE ===== */
  @media (max-width:980px){
    .cs-grid{grid-template-columns:1fr;}
    .office-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:640px){
    .cs-head h2{font-size:27px;}
    .office-grid, .china-grid{grid-template-columns:1fr;}
    .contact-section{padding:60px 0 70px;}
  }

  .careers-wrap{
    color:var(--ink);
  }

/* ============ CURRENT OPENINGS SECTION - CLEAN DESIGN ============ */
  .inner-career-bg {
    padding: 70px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  }

  .ic-wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 28px;
  }

  .ic-head-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: start;
  }

  .ic-head {
    margin-bottom: 20px;
  }

  .ic-head .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, rgba(227,34,38,0.12) 0%, rgba(227,34,38,0.05) 100%);
    color: var(--red);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 50px;
    margin-bottom: 16px;
    border: 1px solid rgba(227,34,38,0.15);
  }

  .ic-head h2 {
    font-size: 38px;
    font-weight: 600;
    color: var(--navy);
    margin: 0 0 16px;
    line-height: 1.25;
  }

  .ic-head p {
    line-height: 1.7;
    margin: 0;
    max-width: 700px;
  }

  .ic-count {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    background: linear-gradient(135deg, rgba(227,34,38,0.08) 0%, rgba(227,34,38,0.03) 100%);
    padding: 16px 20px;
    border-radius: 12px;
    border: 1px solid rgba(227,34,38,0.1);
    width: fit-content;
  }

  .ic-count .n {
    font-size: 32px;
    font-weight: 700;
    color: var(--red);
  }

  .ic-count .l {
    font-size: 13px;
    color: var(--navy);
    font-weight: 600;
    line-height: 1.4;
  }

  .job-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .job-card {
    background: var(--white);
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  }

  .job-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(11,31,58,0.1);
    border-color: #f0f0f0;
  }

  .job-card .job-main {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
  }

  .job-card .job-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(227,34,38,0.12) 0%, rgba(227,34,38,0.05) 100%);
    color: var(--red);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
  }

  .job-card h4 {
    font-size: 16px;
    font-weight: 700;
    color: var(--navy);
    margin: 0 0 8px;
  }

  .job-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }

  .job-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    padding: 4px 12px;
    border-radius: 20px;
  }

  .job-tag i {
    color: var(--red);
    font-size: 10px;
  }

  .job-tag.fresher {
    background: rgba(34,150,99,0.08);
    color: #1d8a5a;
    border-color: rgba(34,150,99,0.15);
  }

  .job-tag.fresher i {
    color: #1d8a5a;
  }

  .btn-apply {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--navy);
    color: var(--white);
    border: none;
    font-weight: 700;
    font-size: 13px;
    padding: 11px 24px;
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
    flex-shrink: 0;
    cursor: pointer;
  }

  .btn-apply:hover {
    background: var(--red);
    color: var(--white);
    transform: translateY(-2px);
  }

  /* ============ INTRO + FORM SECTION - WITH BACKGROUND ============ */
  .career-bg {
    /* background: linear-gradient(135deg, #f8fafc 0%, #eef2f5 100%), url(../img/career-bg-1.jpg); */
    background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(../img/career-bg-1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
  }

  .career-bg::before {
    content: "";
    position: absolute;
    top: 0;
    right: -300px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(227,34,38,0.08) 0%, transparent 70%);
    border-radius: 50%;
  }

  .career-bg::after {
    content: "";
    position: absolute;
    bottom: -200px;
    left: -200px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(11,31,58,0.05) 0%, transparent 70%);
    border-radius: 50%;
  }

  .career-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 28px;
    position: relative;
    z-index: 1;
  }

  /* Career Intro Section */
  .career-intro {
    padding-top: 20px;
  }

  .career-intro .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, rgba(227,34,38,0.12) 0%, rgba(227,34,38,0.05) 100%);
    color: var(--red);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 50px;
    margin-bottom: 20px;
    border: 1px solid rgba(227,34,38,0.15);
  }

  .career-intro h2 {
    font-size: 42px;
    font-weight: 600;
    color: var(--navy);
    line-height: 1.25;
    margin: 0 0 24px;
    letter-spacing: -0.02em;
  }

  .career-intro h2 b {
    color: var(--red);
    font-weight: 700;
  }

  .career-intro p {
    font-size: 15px;
    line-height: 1.8;
    color: white;
    margin: 0 0 16px;
  }

  .career-intro p:last-of-type {
    margin-bottom: 28px;
  }

  /* CTA Card - Sleek Modern Style */
  .career-cta-card {
    margin-top: 32px;
    background: linear-gradient(135deg, var(--navy) 0%, #1a3d5c 100%);
    border-radius: 16px;
    padding: 28px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(11,31,58,0.2);
    border: 1px solid rgba(255,255,255,0.1);
  }

  .career-cta-card::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(227,34,38,0.15) 0%, transparent 70%);
  }

  .career-cta-card p {
    position: relative;
    z-index: 1;
    color: rgba(255,255,255,0.9);
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 20px;
  }

  .career-cta-card p a {
    color: #ffd5d6;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .career-cta-card p a:hover {
    color: #fff;
    text-decoration: underline;
  }

  .btn-red {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--red);
    color: var(--white);
    border: none;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 28px;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(227,34,38,0.35);
    transition: all 0.3s ease;
    cursor: pointer;
  }

  .btn-red:hover {
    background: #d62c32;
    color: var(--white);
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(227,34,38,0.4);
  }

  .btn-red i {
    font-size: 12px;
  }

  /* Form Card - Clean Modern Style */
  .career-form-card {
    background: var(--white);
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 36px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    position: sticky;
    top: 20px;
  }

  .career-form-card .form-head {
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 2px solid #f0f0f0;
  }

  .career-form-card .form-head h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--navy);
    margin: 0 0 6px;
  }

  .career-form-card .form-head p {
    font-size: 13px;
    color: #777;
    margin: 0;
  }

  .cf-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
  }

  .cf-field {
    margin-bottom: 0;
  }

  .cf-field.full {
    grid-column: 1 / -1;
    margin-bottom: 16px;
  }

  .cf-field label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .cf-field input,
  .cf-field select,
  .cf-field textarea {
    width: 100%;
    border: 1.5px solid #e5e7eb;
    background: #f9fafb;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13.5px;
    font-family: 'Plus Jakarta Sans', Arial, sans-serif;
    color: var(--ink);
    transition: all 0.2s ease;
  }

  .cf-field input:focus,
  .cf-field select:focus,
  .cf-field textarea:focus {
    outline: none;
    border-color: var(--red);
    background: var(--white);
    box-shadow: 0 0 0 3px rgba(227,34,38,0.08);
  }

  .cf-field textarea {
    resize: vertical;
    min-height: 60px;
  }

  .cf-field input[type="file"] {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 12px;
  }

  /* Form Section Headings */
  .career-form-card h4 {
    margin-top: 18px !important;
    margin-bottom: 14px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: var(--navy) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
  }

  .career-form-card h4:first-of-type {
    margin-top: 0 !important;
  }

  /* Industry Experience Checkboxes */
  .career-form-card [style*="display:grid"] {
    gap: 10px !important;
  }

  .career-form-card [style*="display:grid"] label {
    font-size: 13px !important;
    font-weight: 500;
    color: #444 !important;
  }

  .career-form-card input[type="checkbox"] {
    accent-color: var(--red);
  }

  /* Submit Button */
  .cf-submit {
    width: 100%;
    justify-content: center;
    margin-top: 8px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    padding: 11px 24px;
    border-radius: 8px;
  }

  /* ============ RESPONSIVE DESIGN ============ */
  @media (max-width: 1024px) {
    .career-grid {
      grid-template-columns: 1fr;
      gap: 40px;
    }
    .career-form-card {
      position: static;
    }
    .ic-head-row {
      grid-template-columns: 1fr;
      gap: 30px;
    }
  }

  @media (max-width: 768px) {
    .career-bg {
      padding: 60px 0;
    }
    .inner-career-bg {
      padding: 50px 0;
    }
    .career-intro h2 {
      font-size: 32px;
    }
    .ic-head h2 {
      font-size: 28px;
    }
    .career-form-card {
      padding: 24px;
    }
    .cf-row {
      grid-template-columns: 1fr;
      gap: 14px;
    }
    .career-intro {
      padding-top: 0;
    }
    .job-card {
      flex-direction: column;
      align-items: flex-start;
    }
    .job-card .job-main {
      width: 100%;
    }
    .btn-apply {
      width: 100%;
      justify-content: center;
    }
  }

  /* ============ MODALS ============ */
  .modal-custom-bg .modal-content{
    border-radius:20px;
    border:none;
    overflow:hidden;
  }
  .modal-custom-bg .modal-header-strip{
    background:linear-gradient(135deg, var(--navy) 0%, var(--navy-soft) 100%);
    padding:30px 36px 26px;
    position:relative;
  }
  .modal-custom-bg .modal-header-strip::before{
    content:"";
    position:absolute;
    top:-30px; right:-30px;
    width:120px; height:120px;
    border-radius:50%;
    background:rgba(227,34,38,0.16);
  }
  .modal-custom-bg .close{
    position:absolute;
    top:18px; right:20px;
    background:rgba(255,255,255,0.12);
    border:none;
    color:var(--white);
    width:34px; height:34px;
    border-radius:50%;
    font-size:18px;
    line-height:1;
    cursor:pointer;
    z-index:2;
  }
  .modal-custom-bg .close:hover{background:rgba(255,255,255,0.22);}
  .modal-custom-bg h4.color-one{
    color:var(--white);
    font-size:22px;
    font-weight:500;
    margin:0 0 14px;
    text-align:left;
    position:relative;
    z-index:1;
  }
  .modal-meta{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    position:relative;
    z-index:1;
  }
  .modal-meta span{
    display:flex;
    align-items:center;
    gap:7px;
    font-size:13px;
    color:rgba(255,255,255,0.85);
  }
  .modal-meta i{color:var(--red); font-size:12px;}
  .modal-meta a{color:#ffd5d6; text-decoration:none; font-weight:600;}
  .modal-meta a:hover{text-decoration:underline;}
  .modal-body-content{
    padding:30px 36px 36px;
  }
  .modal-body-content > p:first-of-type{
    font-size:14px;
    color:var(--muted);
    line-height:1.75;
    margin:0 0 22px;
  }
  .modal-body-content b{
    display:block;
    font-size:14px;
    font-weight:500;
    color:var(--navy);
    margin:22px 0 12px;
  }
  .modal-body-content ul.list{
    list-style:none;
    margin:0;
    padding:0;
  }
  .modal-body-content ul.list li{
    position:relative;
    padding-left:24px;
    font-size:13.5px;
    color:var(--ink);
    line-height:1.7;
    margin-bottom:9px;
  }
  .modal-body-content ul.list li::before{
    content:"\f00c";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    color:var(--red);
    font-size:10px;
    position:absolute;
    left:0;
    top:5px;
  }

  /* ============ RESPONSIVE ============ */
  @media (max-width:980px){
    .career-grid{grid-template-columns:1fr;}
    .ic-head-row{grid-template-columns:1fr;}
    .cf-row{grid-template-columns:1fr;}
  }
  @media (max-width:600px){
    .career-intro h2{font-size:28px;}
    .ic-head h2{font-size:26px;}
    .job-card{flex-direction:column; align-items:flex-start;}
    .btn-apply{width:100%; justify-content:center;}
    .career-form-card{padding:26px 22px;}
  }




     
        .md-message {
            background: linear-gradient(135deg, #f8f9fc 0%, #ffffff 100%);
            max-width: 98%;
            margin: 0 auto;
            padding: 0;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
            border-radius: 12px;
            overflow: hidden;
        }
        
        .top-accent {
            height: 4px;
            background: linear-gradient(90deg, #C41E3A 0%, #003366 50%, #C41E3A 100%);
        }
        
        .md-content {
            padding: 3.5rem 3rem;
        }
        
        .header {
            margin-bottom: 3rem;
        }
        
        .header span {
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 1.2px;
            color: #C41E3A;
            text-transform: uppercase;
        }
        
        .header h1 {
            margin: 0.8rem 0 0 0;
            font-size: 42px;
            font-weight: 600;
            color: #003366;
            line-height: 1.1;
        }
        
        .message-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
            align-items: center;
        }
        
        .icon-box {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 200px;
            height: 200px;
            border-radius: 12px;
            background: linear-gradient(135deg, rgba(196, 30, 58, 0.1) 0%, rgba(0, 51, 102, 0.1) 100%);
            font-size: 100px;
            box-shadow: 0 4px 20px rgba(196, 30, 58, 0.1);
            margin: 0 auto;
        }
        
        .message-text {
            padding-right: 2rem;
        }
        
        .message-section {
            margin-bottom: 1.8rem;
            padding-bottom: 1.8rem;
            border-bottom: 2px solid #C41E3A;
        }
        
        .message-section:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }
        
        .message-text p {
            margin: 0;
            font-size: 15px;
            line-height: 1.8;
            color: #333;
            font-weight: 400;
        }
        
        .message-text strong {
            font-weight: 600;
            color: #C41E3A;
        }
        
        .bottom-accent {
            height: 4px;
            background: linear-gradient(90deg, #003366 0%, #C41E3A 50%, #003366 100%);
        }
        
        @media (max-width: 768px) {
            .message-wrapper {
                grid-template-columns: 1fr;
                gap: 2rem;
            }
            
            .content {
                padding: 2rem 1.5rem;
            }
            
            .header h1 {
                font-size: 32px;
            }
            
            .icon-box {
                width: 150px;
                height: 150px;
                font-size: 70px;
            }
            
            .message-text {
                padding-right: 0;
            }
        }
.clients-box{background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,.08);
    text-align: center;
    height: 100%;
    transition: all .3s ease;
    align-items: center;
    text-align: center;
    align-content: center;
}
.clients-box img{text-align: center;}
.clients-box:hover{transform: translateY(-8px);box-shadow: 0 15px 35px rgba(0,0,0,.15);}