:root {

  --color-black: #000000;

  --color-super-black: #000000;

  --color-one: #0B215E;

  --color-two: #234090;

  --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;

}



::-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: #555;}

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: 22px;text-align: justify;font-weight: 400;}

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 10px 4px 10px;

  font-size: 14px;

  font-weight: 300;

  display: inline-block;

  border-radius: 50px;

}



.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: 10px;

}



.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 var(--color-two);

  background: var(--color-two);

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

}



.header-btn:hover {

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

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

  background: none;

}



/* 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 { background: #F9F9F9;    margin-top: -10px;}
.home-track-bg .home-track-bg-box {

    margin: 10px auto;
    border: 1px solid #fff;
    padding: 30px;
    background: #fff;
    /* width: 90%; */
    z-index: 11;
    position: relative;
    bottom: 50px;
    border-radius: 20px;
    box-shadow: 0px 20px 60px 0px #2340901A;


}
.home-track-bg h3  {    font-size: 25px;
    text-align: center;
    font-weight: 500;
  color: var(--color-two);
 }
 .home-track-bg p{    text-align: center;font-size: 18px;font-weight: 500;}

.home-first-section {    background: #F9F9F9;
    padding: 60px;
    margin-top: -10px;position: relative; z-index: 0;}
  .home-first-section::after{  content: '';  position: absolute;
    background-image: url(../img/indeximages/1.jpg);
       width: 68%;
    height: 490px;
    bottom: 0;
    right: 0px;
    z-index: -1; 
}
.home-first-section h2 {width: 43%;
    padding-bottom: 30px; color: var(--color-two);}
.home-first-section h2 span{font-weight: 600;
    font-size: 38px;}


    .home-first-sectioninner {    background: #F9F9F9;
    padding: 60px;
    margin-top: -10px;position: relative; z-index: 0;}

.home-first-sectioninner h2 {width: 43%;
    padding-bottom: 30px; color: var(--color-two);}
.home-first-sectioninner h2 span{font-weight: 600;
    font-size: 40px;}


.btnMain {    background: #FEF200;
    padding: 10px 20px;
    border-radius: 30px;
    color: var(--color-two);}
  .btnMain:hover img {position: relative;
    left: 5px;}

    .btnMainone {    background: none;
    padding: 10px 20px;
    border-radius: 30px;
    color: var(--color-two);
  border: 1px solid white;
color: white;    margin: 15px;}
 .btnMainone:hover {color: white;}
  .btnMainone:hover img {position: relative;
    left: 5px;}

.headOne {    color: var(--color-two);  
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;letter-spacing: 5px;}
.headOne::after {    content: '';
    position: absolute;
    border-top: 5px solid #FEF200;
    width: 8%;
    top: -7px;
    left: 0;}
.headTwo {    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    padding: 10px 0;}
.headTwo span {display: block;}

.home-third-section {    width: 90%;
    margin: 0 auto;
    background: #234090;
    padding: 60px;
    border-radius: 20px;}
  .home-third-section img  {    border-radius: 19px;}
    .programbox a{
    display: flex;    margin: 15px 0;}
   .programbox a img {background: #FEF200;
    padding: 20px;
    border-radius: 50px;}
     .programbox a p{color: #FEF200;
    font-size: 20px;
    align-self: center;
       padding: 10px 15px;
    font-weight: 600;
    line-height: 26px;}

.home-fourth-section {    padding: 60px 10px;}
.home-fourth-section h3 {color: var(--color-two);padding-bottom: 15px;}
.home-fourth-section  .rankbox {background: #FFFFFF;
    box-shadow: 0px 20px 60px 0px #2340901A;
    padding: 10px;
    border-radius: 20px;
    text-align: center;    margin: 10px;
    width: 22%;}

   .justify-content-center {    justify-content: center;}
.institutebox {    width: 50%;
    margin: 0 0px;
    position: relative;}
 .institutebox img   {    position: relative;border-radius: 20px;}
 .institutebox:hover .content {padding: 80px 20px;}
  .institutebox  .content {    display: flex;
    background: linear-gradient(180deg, rgba(35, 64, 144, 0) 0%, #234090 100%);
    position: absolute;
    bottom: 0;       width: 96%;
    border-radius: 0 0 20px 20px;
    padding: 20px;}
  .institutebox  .content h2   {    color: #FFFFFF;
    align-content: center;
    padding: 0 20px;    font-size: 25px;}

    .home-fifth-section {    padding: 60px 0;position: relative;    z-index: 0;}
    .home-fifth-section::after {  content: '';  position: absolute;
    background-image: url(../img/experts-bg.jpg);
       width: 100%;
    height: 100px;
    bottom: 0;
    right: 0px;
    z-index: -1; background-position: center; 
}
    .home-fifth-section h3 {    color: #F0F1F7;
    font-size: 175px;
    text-align: center;
    font-weight: 700;
    line-height: 139px;}  

.home-sixth-section {    padding: 60px 0;}
.home-sixth-section h3 {color: var(--color-two) ;}
.home-sixth-section  .newsBox {margin: 10px 20px;
    box-shadow: 0px 20px 60px 0px #2340901A;
    padding: 30px;
    border-radius: 20px;}
.home-sixth-section  .newsBox  p {padding: 15px;}
.home-sixth-section  .newsBox  span {    float: inline-end;}

.home-seven-section   {    padding: 60px 0;position: relative;}
.home-seven-section::after {content: '';
    position: absolute;
    border-top: 1px solid #000000;
    width: 60%;
    right: 78px;
    top: 66px;}
.home-seven-section  .pdtop {padding-top: 100px;}
.home-seven-section h3 {color: var(--color-two);}
.home-seven-section  .contents {    padding: 30px}
.home-seven-section h2  {    color: var(--color-two);}
.home-seven-section p {padding: 15px 0;}

.home-eight-section {padding: 60px 0 ;position: relative;z-index: 0;}
.home-eight-section::after {content: '';
    position: absolute;
    background-image: url(../img/indeximages/8.jpg);
    width: 100%;
    right: 0px;
    height: 300px;
    top: 0px;
  z-index: -1;}
.home-eight-section h2 {color: #FEF200;}
.home-eight-section p {color: white;}
.position-relative {    position: relative;}
.playimg {position: absolute;
    bottom: 0;
    left: 0;
    justify-self: anchor-center;
    align-self: anchor-center;}


.footertop h2 {color: var(--color-two);    font-size: 27px;
    padding: 0 30px;}
.footertop .footerbox {    width: 30%;
    border: 1px solid #FEF200;
    text-align: center;
    padding: 15px;
    border-radius: 20px;
    margin: 5px;display: inline-block;}
.footertop .footerbox p {text-align: center;}
.align-content-center {    align-content: center;}






.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: 205px 10px;

  position: relative;

  z-index: 1;

  margin-top: -76px;

  /* padding-top:205px ;

} */

}



.home-about-company h3 {

  color: #DF332D;

  font-size: 20px;

  font-weight: 600;

  text-transform: uppercase;

}



.home-about-company h2 {

  font-size: 50px;

  font-weight: 400;

  /* line-height: 25px; */

}



.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: 90%;

  position: relative;

  margin: -100px auto 50px auto;

  padding: 79px 20px 20px 20px;

  ;

  position: relative;

  z-index: 1;

  background: #ffffff;

}



.home-services h3 {

  color: #DF332D;

  font-size: 20px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 25px;

}



.home-services h2 {

  font-size: 50px;

  font-weight: 400;

  line-height: 55px;

  padding: 0 0 10px 0;

}



.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 {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

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

  padding: 20px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  transition: opacity 0.3s ease;

  opacity: 1;

  /* <-- Make it visible by default */

}



.service-title {

  font-size: 25px;

  margin-bottom: 10px;

  text-align: center;

  transform: translateY(0);

  transition: transform 0.3s ease;

}



/* Keep content hidden initially */

.overlay-content {

  transform: translateY(100%);

  opacity: 0;

  transition: all 0.3s ease;

}



.service-box:hover img {

  transform: scale(1.05);

}



.service-box:hover .service-title {

  transform: translateY(-80px);

  /* Moves heading up on hover */

}



.service-box:hover .overlay-content {

  transform: translateY(0);

  opacity: 1;

}



.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: 60px;

  font-weight: 400;



}





.choose-abf {

  padding: 20px;

  margin: 20px auto;

}



.choose-abf .home-choose-box {

  text-align: center;

  padding: 10px;

  justify-content: center;



}



.choose-abf .br {

  border-right: 1px solid #000000;

}



.choose-abf .home-choose-box .hr {

  border-bottom: 1px solid #DF332D !important;

}



.home-choose-box {

  position: relative;

  z-index: 1;



}



.home-choose-box img {

  margin-bottom: 15px;

}



.home-choose-box h6 {

  color: #32244A;

  font-size: 30px;

  font-weight: 600;

  align-items: center;

  position: relative;

  margin-bottom: 20px;

}



.home-choose-box h6::after {

  content: '';

  background: #DF332D;

  position: absolute;

  height: 2px;

  width: 60%;

  left: 50px;

  bottom: 0;



}



.home-choose-box p {

  text-align: center;

}



.experts-bg {

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

  background-size: cover;

  padding: 70px 30px;

  background-attachment: fixed;



}



.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: white;

  width: 40%;

  height: 1px;

  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;
  color: white;

}





.counter-inner {

  position: relative;

}



.head {

  background: white;

  padding: 30px 30px 30px 50px;

  margin-top: -212px;

  width: 58%;

  position: absolute;

}



.head h2 span {

  display: block;

}



.head h2 {

  font-weight: 400;

  font-size: 50px;

  line-height: 72px;

  letter-spacing: 0%;

}



.experts-content {

  margin-top: 80px;

}



.experts-bg h3 {

  font-size: 50px;

  font-weight: 400;

  text-transform: uppercase;

  /* line-height: 25px; */

  display: block;



}



.experts-bg h3 span {

  color: #DF332D;

}



.home-experts-box {

  padding: 55px 0;

  margin: 10px auto;

}



.home-experts-box .experts-box {

  background-color: #261E34;

  text-align: left;

  color: #ffffff;

  border-right: 1px solid #ffffff;

  border-bottom: 1px solid #ffffff;

  padding: 60px 20px;



}



.home-experts-box .experts-box p {

  font-weight: 500;

}



.home-experts-box .experts-box:hover img {

  display: none;

}



.home-experts-box .experts-box:hover p {

  display: none;

}



/* Different backgrounds for each sector on hover */

.experts-box.fmcg:hover {

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

}



.experts-box.retail:hover {

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

}



.experts-box.fashion:hover {

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

}



.experts-box.chemicals:hover {

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

}



.experts-box.pharma:hover {

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

}



.experts-box.perishables:hover {

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

}



.experts-box.automotives:hover {

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

}



.experts-box.technology:hover {

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

}



.experts-box.construction:hover {

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

}



.experts-box.industry:hover {

  background-image: url('../img/experts/10.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: 30px 30px 70px 30px;

  margin: 10px auto;

  position: relative;

}





.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: #234090;

  color: var(--color-white);

}
footer h1{    font-size: 24px;
    margin: 0;}
footer h2{color: #FEF200;
    font-weight: 600;
    font-size: 37px;
    margin: 0;
    padding: 10px 0;}


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: 16px;

  font-weight: 400;

  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: 14px;

  font-weight: 300

}



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;

}



/* footer social icons */

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.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: 100px 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: 20px;

  margin: 0 16px;

  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: 35px;

}



.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;

  /* margin-bottom: 20px; */

  display: block;

  margin-left: 100px;

  margin-top: -50px;



}



.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);

}



.our-recognitions h3 {

  color: #DF332D;

  font-size: 20px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 25px;

  text-align: center;

}



.recognition-box {

  padding: 20px;

  margin: 20px auto;

}



.inner-services-bg {

  position: relative;

  padding: 100px;

  /* Replace with your actual image path */

  background-size: cover;

  /* Makes the image cover the entire div */

  background-position: center;

  /* Centers the image */

  background-repeat: no-repeat;

  /* Prevents tiling */

  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 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;

}



.career-bg {

  position: relative;

  padding: 100px 0;

}



.career-bg h2 {

  font-size: 50px;

  font-weight: 400;

  margin-bottom: 35px;

}



.career-bg h2 span {

  display: block;

}



.career-bg h2 span b {

  color: var(--color-two);

  font-weight: 400;

}



.career-box {

  background-color: #32244A;

  padding: 20px;

}



.career-box p {

  color: #ffffff;

  font-weight: 300;

}



.inner-career-bg {

  padding: 100px;

  background-image: url('../img/career-bg.jpg');

  /* Replace with your actual image path */

  background-size: cover;

  /* Makes the image cover the entire div */

  background-position: center;

  /* Centers the image */

  background-repeat: no-repeat;

  /* Prevents tiling */

}



.inner-career-bg h2 {

  color: #ffffff;

  font-size: 50px;

  font-weight: 400;

}



.inner-career-bg p {

  color: #ffffff;

  font-weight: 300;

}



.inner-career-box {

  background-color: #ffffff;

  padding: 20px;

  margin: 10px;

}



.inner-career-box p {

  color: #000000;

  font-weight: 300;

}



.contact-form-bg {

  padding: 40px 50px 60px 50px;

  border-radius: 30px;

  position: relative;

}



.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-one) !important;

  box-shadow: none;

}



.contact-form-bg select,

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

  border: 1px solid var(--color-one) !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: #231f20 !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: #231f20 !important;

  font-size: 14px;

}



.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);

}



.location-box {

  width: 23%;

  margin: 10px;

  padding: 30px;

  color: white;

  display: inline-block;

  vertical-align: top;

  background-size: cover;

  background-position: center;

  position: relative;

}



.location-box p {

  font-size: 30px;

  font-weight: 600;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.location-box img {

  width: 30px;

  height: auto;

  margin-left: 10px;

}





.saudi {

  background-image: url('../img/contact/saudi.jpg');

}



.dubai {

  background-image: url('../img/contact/dubai.jpg');

}



.india {

  background-image: url('../img/contact/india.jpg');

}



.china {

  background-image: url('../img/contact/china.jpg');

}



.details-box{

  background-color: #F2F2F2;

  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: 3px;

}  

.track-map{

  padding: 100px;

}

.home-ceo {padding: 60px 10px;position: relative;z-index: 0;}
.home-ceo h2 {color: var(--color-two);}
.home-ceo .pads {padding: 50px;}
.home-ceo::after {
    content: '';
    position: absolute;
    background-image: url(../img/indeximages/1.jpg);
    width: 68%;
    height: 490px;
    bottom: 0;
    right: 0px;
    z-index: -1;
}
.clrblue {color: var(--color-two);}
.align-self-end {align-self: self-end;}
.innerbg {padding: 60px 0;}
.padsscenter  {padding: 0px 30px;
    align-self: anchor-center;}
.adminbox {    padding: 60px;}
.brb {  border-bottom: 1px solid #000000;}
.font-wieght { font-weight: 400;}
.pad {padding: 50px;}
.textcenter {text-align: center;}

.about {position: relative;z-index: 0;}
.about::after {
  content: '';
    position: absolute;
    background: #234090;
    width: 94%;
    height: 451px;
    top: 0;
    z-index: -1;
    left: 3%;
    border-radius: 20px;
}

.about h1{    color: #234090;
    font-size: 20px;
    letter-spacing: 11px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px;}

.about  h2 {color: white;padding-bottom: 20px;}
.about li {color: white;}
.about .rowtwo {padding: 30px 0;}
.about img {border-radius: 20px;}

.nursing h4 {letter-spacing: 11px;
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 25px;}
.nursing .eligiblitybox {width: 45%;
    background: white;
    box-shadow: 0px 20px 60px 0px #2340901A;
    border-radius: 20px;
    padding: 25px;
    margin: 10px;}
  .nursing .eligiblitybox h3  {color: #234090;
    font-weight: 600;
    padding-bottom: 15px;
    border-left: 5px solid #FEF200;
    padding: 5px;}
   .clryellow  {color: #FEF200;}

.paddings {padding: 50px 0;}
.criteriabox {background-image: url(../img/nursing1.png);padding:50px;background-repeat: no-repeat;color: white;}
.criteriabox h3 {color: #FEF200;
    letter-spacing: 13px;
    font-size: 20px;
    padding-bottom: 15px;}
  .criteriabox img {border-radius: 20px;}
ul.list li::before {color: white;}

.h3head {color: #234090;
    font-weight: 600;
    padding-bottom: 30px;
    position: relative;} 
.h3head::after {
    content: '';
    position: absolute;
    border-top: 5px solid #FEF200;
       width: 10%;
    top: 34px;
    left: 0;
}
.facility .faciitycontent p{min-height: 160px;}
.facility .faciitycontent {padding: 0 40px; }

.contact .contactbox {background: #234090;
    padding: 50px;
    border-radius: 20px;
    color: white}
.crwhite {color: white;}
.form-control {color: #234090;}

.contact .formbox {padding: 50px 0;}
.contact .formbox button {    background: #234090;
    padding: 8px 25px;
    margin: 0 auto;
    display: block;}


    .news h2 {width: 100%;}
     .news  img {margin: 10px;
    border-radius: 10px; height: 90%;}

@media(min-width:320px) and (max-width:1080px) {
  .home-ceo .pads {
    padding: 30px 20px;
}
.contact img{margin: 15px 0;}
.home-ceo {padding: 40px 10px;}
.home-ceo::after {display: none;}

  .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: 0px 0 30px 0;

    margin-top: 0px;

  }

.ul.social-network {    padding: 15px;}

  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: 146px 10px;

    margin-top: -126px;

  }

  .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: -100px 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: 30px 30px 30px 50px;

    margin-top: 0px;

    width: 100%;

    position: relative;

  }



  .head h2 span {

    display: inline;

    font-size: 25px;

  }



  .head h2 {

    font-size: 25px;

    line-height: 20px;

  }



  .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;

  }



  .career-bg {

    padding: 30px 0;

  }



  .career-bg h2 {

    font-size: 25px;

    margin-bottom: 20px;

    text-align: center;

  }



  .contact-form-bg {

    padding: 40px 50px 30px 50px;

  }



  .inner-career-bg {

    padding: 50px;

  }



  .inner-career-bg h2 {

    font-size: 25px;

  }



  .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;

  }

.home-track-bg .home-track-bg-box {padding: 10px 15px;bottom: 12px;}
.home-first-section {padding: 40px 10px;}
.home-first-section h2 { width: 100%;    padding-bottom: 20px;}
.home-first-section h2 span {    font-size: 25px;}
.home-third-section {    width: 95%;padding: 40px 10px;}
.programbox { width: 100%;}
.home-fourth-section { padding: 40px 10px;}
.headOne::after {    width: 15%;}
.home-fourth-section .rankbox {width: 43%;}
.home-fifth-section { padding: 40px 10px }
.institutebox { width: 100%;    margin: 10px 0;}
.institutebox .content {    width: 94%;}
.institutebox .content h2 {font-size: 15px;}
.logoimg  {    width: 27%;}
.home-fifth-section h3 {    font-size: 45px;    line-height: 13px;}
.home-seven-section {padding: 40px 10px;}
.home-seven-section::after {display: none;}
.home-seven-section .pdtop {  padding-top: 0;}
.home-sixth-section {padding: 40px 10px;}
.home-seven-section .contents {  padding: 0px;}
.home-seven-section h2 {    font-size: 35px;}
.home-seven-section p {   padding: 10px 0;}
.home-eight-section::after {height: 420px;}
.footertop {    padding: 0px 0 40px;}
footer h2 {font-size: 25px;}
.footertop .footerbox {    width: 25%;}
.btnMainone {    padding: 10px 5px;    margin: 0 0px 0 10px;}

.home-first-sectioninner {padding: 40px 10px; }
.home-first-sectioninner h2 { width: 100%;}
.home-first-sectioninner h2 span { font-size: 25px;}
.about::after {    width: 96%;left: 2%;    height: 690px;}
.about h2 {padding: 10px;}
.align-content-center {text-align-last: center !important; }
.innerbg { padding: 40px 0 10px;}
.adminbox {  padding: 20px 10px;}
.adminbox img {  margin-bottom: 30px;}  
.padsscenter { padding: 0;}
  .nursing h4 { font-size: 16px;}
.nursing .eligiblitybox {    width: 98%;    padding: 25px; margin: 20px 0;}
.paddings {padding: 30px 0;}
.criteriabox  { padding: 40px 10px;  background-repeat: repeat;}
.criteriabox  h3 {   font-size: 18px;         letter-spacing: 10px; }
.headTwo {font-size: 25px;}
.pad { padding: 30px 10px;}

.facility  img {margin-bottom: 30px ;}
  .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;

  }
.facility .faciitycontent {
  padding: 0;
}

}