@font-face {

  font-family: "Gilroy-Bold";

  src: url("../fonts/Gilroy-Bold.ttf");

}



@font-face {

  font-family: "Gilroy-Heavy";

  src: url("../fonts/Gilroy-Heavy.ttf");

}



@font-face {

  font-family: "Gilroy-Light";

  src: url("../fonts/Gilroy-Light.ttf");

}



@font-face {

  font-family: "Gilroy-Medium";

  src: url("../fonts/Gilroy-Medium.ttf");

}



@font-face {

  font-family: "Gilroy-Regular";

  src: url("../fonts/Gilroy-Regular.ttf");

}



@font-face {

  font-family: "Gilroy-SemiBold";

  src: url("../fonts/Gilroy-SemiBold.ttf");

}



@font-face {

  font-family: "Gilroy-ExtraBold";

  src: url("../fonts/Gilroy-ExtraBold.ttf");

}



body {

  margin: 0;

  padding: 0;

  font-family: "Gilroy-Regular", sans-serif;

  color: #000;

  overflow-x: hidden;

}



a {

  text-decoration: none;

}



p {

  color: #161616;

  font-size: 17px;

  font-weight: 300;

}



strong.orange-text {

  color: #F16B35;

  font-family: "Gilroy-SemiBold", sans-serif;

}



ul {

  list-style: none;

  padding-left: 0;

}



ul li {

  color: #161616;

  font-size: 17px;

  font-weight: 300;

  /* margin-bottom: 7px; */

}



ul li:last-child {

  margin-bottom: 0;

}



button {

  border: none;

  box-shadow: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  color: #000;

}



.form-control {

  padding: .75rem .75rem;

}



.form-control:focus {

  box-shadow: none;

  border: 1px solid #093888;

}



section {

  padding: 70px 0;

}



/* ------------------------- Preloading Section CSS Start ------------------------- */

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: 9999;

}



.logo img {

  width: 100px;

  height: 100px;

  animation: zoomInOut 2s ease-in-out infinite;

}



/* Zoom In and Out Animation */

@keyframes zoomInOut {



  0%,

  100% {

    transform: scale(1);

  }



  50% {

    transform: scale(1.1);

  }

}



/* Hide Main Content Initially */

#main-content {

  display: none;

  text-align: center;

  padding: 20px;

}



/* ------------------------- Preloading Section CSS Start ------------------------- */

/* ------------------------- Theme Button CSS Start ------------------------- */

.theme-btn {

  padding: 10px 15px;

  border-radius: 5px;

  color: #fff;

  transition: all 0.3s ease;

  display: block;

  width: fit-content;

}



.theme-btn.orange-btn {

  background-color: #F16B35;

}



.theme-btn.blue-btn {

  background-color: #093888;

}



.theme-btn.white-btn {

  background-color: #fff;

}



.theme-btn.text-blue {

  color: #093888;

}



.theme-btn:hover {

  color: #fff;

  background-color: #F16B35;

}



.theme-btn span {

  margin-left: 5px;

}



.theme-btn .white-arrow {

  filter: brightness(0) invert(1);

  transition: all 0.3s ease;

}



.theme-btn:hover .blue-arrow {

  filter: brightness(0) invert(1);

}



/* ------------------------- Theme Button CSS End ------------------------- */

/* ------------------------- Theme Title CSS Start ------------------------- */



.theme-title span {

  position: relative;

  font-size: 16px;

  text-transform: uppercase;

  font-family: "Gilroy-Medium", sans-serif;

  color: #F16B35;

  width: fit-content;

  padding-left: 15px;

}



.theme-title span::before {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 4px;

  height: 100%;

  background-color: #F16B35;

}



.theme-title h1,

.theme-title h2 {

  font-size: 42px;

  font-family: "Gilroy-Bold", sans-serif;

  color: #093888;

}



/* ------------------------- Theme Title CSS End ------------------------- */



/* ------------------------- Header section CSS Start ------------------------- */

.navbar-brand img {

  max-width: 250px;

  width: 100%;

}



.header-wrp-sec .nav-link {

  font-size: 17px;

  font-family: "Gilroy-Regular", sans-serif;

  color: #000;

  padding: 0 !important;

  margin: 0 15px;

}



.header-wrp-sec .nav-item:first-child .nav-link {

  margin-left: 0;

}



.header-wrp-sec .nav-item:last-child .nav-link {

  margin-right: 0;

}



.header-wrp-sec .nav-link:hover {

  color: #093888;

}



.header-wrp-sec .nav-link.active {

  color: #093888;

  font-family: "Gilroy-Bold", sans-serif;

  border-bottom: 2px solid #093888;

}



.dropdown-item.active {

  background-color: #093888;

  color: #fff !important;

}



.quote-btn a {

  background-color: #093888;

  font-size: 14px;

  font-family: "Gilroy-Regular", sans-serif;

  padding: 12px 15px;

  border-radius: 4px;

  color: #fff;

}



.quote-btn a:hover,

.quote-btn a:focus {

  color: #fff;

}



header.fixed-top-header.sticky .navbar {

  position: fixed;

  z-index: 100;

  animation: slideDown 0.6s ease-out;

  transition: none;

  background-color: #fff;

  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;

  width: 100%;



}



@keyframes slideDown {

  from {

    transform: translateY(-100%);

  }



  to {

    transform: translateY(0);

  }

}



/* ------------------------- Header section CSS End ------------------------- */

/* ------------------------- Home Banner Section section CSS End ------------------------- */

.home-banner-sec .banner-caption {

  z-index: 9;

}



.home-banner-slider-items::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0.3;

}



.home-banner-sec .banner-title-medium {

  position: relative;

  font-size: 55px;

  color: #fff;

  font-family: "Gilroy-Light", sans-serif;

  padding-right: 30px;

  text-transform: uppercase;

}



.home-banner-sec .banner-title-medium::before {

  position: absolute;

  content: '';

  top: 50%;

  right: 0%;

  transform: translate(-50%, -50%) !important;

  width: 6px;

  height: 55%;

  background-color: #fff;

}



.home-banner-sec .banner-title-bold {

  position: relative;

  font-size: 55px;

  color: #fff;

  font-family: "Gilroy-Bold", sans-serif;

  overflow: hidden;

  text-shadow: 0px 3px 6px #00000045;

  text-transform: uppercase;

}



.text-animate {

  display: inline-block;

  animation: slideBottomTop 0.8s ease-in-out;

}



@keyframes slideBottomTop {

  0% {

    transform: translateY(100%);

    opacity: 0;

  }



  100% {

    transform: translateY(0);

    opacity: 1;

  }

}



.home-banner-sec .banner-title-bold::before {

  position: absolute;

  content: '';

  bottom: 14px;

  left: 0;

  width: 100%;

  height: 9px;

  background-color: #F16B35;

  z-index: -1;

}



/* ------------------------- Home Banner Section section CSS End ------------------------- */



/* ------------------------- Home About Us CSS Start ------------------------- */

.home-aboutus-img {

  position: relative;

}



.home-aboutus-img .about-img1,

.home-aboutus-img .about-img2 {

  width: 400px;

  height: 293px;

  object-fit: cover;

  border-radius: 10px;

  background-color: #fff;

  padding: 5px;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}



.home-aboutus-img .about-img2 {

  margin-top: -80px;

}



.home-aboutus-img .about-shape01 {

  position: absolute;

  top: 60px;

  left: 20px;

}



.home-aboutus-img .about-shape02 {

  position: absolute;

  bottom: 30px;

  right: 44px;

  z-index: -1;

  width: 300px;

  height: 300px;

}



/* ------------------------- Home About Us CSS End ------------------------- */

/* ------------------------- What We Do Section CSS Start ------------------------- */

.organisations-wrpper {

  position: relative;

}



.organisations-wrpper .organisation-bg-img {

  aspect-ratio: 1/0.9;

  object-fit: cover;

}



.organisations-wrpper::before {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(to top, #0938889e, #093888);

  opacity: 0.9;

}



.organisations-wrpper .defualt-logo-btn-wrp {

  transition: all 0.8s ease;

}



.organisations-wrpper:hover .defualt-logo-btn-wrp {

  transition: all 0.8s ease;

  opacity: 0;

}



.organisations-wrpper .defualt-logo img {

  width: 225px;

  height: 135px;

  object-fit: contain;

}



.organisations-wrpper .organisations-hover-text h2 {

  font-size: 25px;

  font-family: "Gilroy-Bold", sans-serif;

  color: #fff;

  margin-bottom: 15px;

}



.organisations-wrpper .organisations-hover-text p {

  color: #fff;

  margin-bottom: 0;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  /* number of lines to show */

  line-clamp: 4;

  -webkit-box-orient: vertical;

}



.organisations-wrpper .organisations-hover-text h2,

.organisations-wrpper .organisations-hover-text p,

.organisations-wrpper .organisations-hover-text .theme-btn {

  transition: all 0.8s ease;

  opacity: 0;

}



.organisations-wrpper:hover .organisations-hover-text h2,

.organisations-wrpper:hover .organisations-hover-text p,

.organisations-wrpper:hover .organisations-hover-text .theme-btn {

  opacity: 1;

}



.organisations-wrpper .up-arrow-circle {

  position: absolute;

  bottom: 20px;

  right: 0;

  transform: translateX(-50%) !important;

  opacity: 1;

  transition: all 0.5s ease;

}



.organisations-wrpper:hover .up-arrow-circle {

  opacity: 0;

}



/* ------------------------- What We Do Section CSS End ------------------------- */

/* ------------------------- Legacy And Leadership Section CSS Start ------------------------- */

.lgy-lds-wrp-box {

  position: relative;

  z-index: 1;

  padding: 40px 0 70px 0;

}



.lgy-lds-wrp-box::before {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 70%;

  height: 100%;

  background-image: url('../images/bg-img/legacy-leadership-bg.png');

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  z-index: -1;

}



/* ------------------------- Legacy And Leadership Section CSS End ------------------------- */



/* ------------------------- Our Counter Section CSS Start ------------------------- */

.counter-section {

  background-color: #F2F2F5;

}



.counter-wrap-box {

  position: relative;

  padding-bottom: 40px;

}



.counter-wrap-box::before {

  position: absolute;

  content: '';

  bottom: 0;

  left: 0;

  width: 30%;

  height: 4px;

  background-color: #F16B35;

}



.counter-wrap-box h2 span {

  font-size: 45px;

  font-family: "Gilroy-ExtraBold", sans-serif;

}



.counter-wrap-box p {

  margin-bottom: 0;

  font-family: "Gilroy-Medium", sans-serif;

}



/* ------------------------- Our Counter Section CSS End ------------------------- */



/* ------------------------- What We Do Section CSS Start ------------------------- */

.what-we-do-section {

  position: relative;

  background-image: url('../images/bg-img/what-we-do-bg.png');

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.what-we-do-wrp-box {

  transition: all 0.8s ease;

  overflow: hidden;

}



.what-we-do-wrp-box:hover {

  border-radius: 8px;

}



.what-we-do-wrp-box::before {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #000000cc;

  opacity: 0;

  border-radius: 8px;

  transition: all 0.3s ease;

}



.what-we-do-wrp-box:hover::before {

  opacity: 1;

  z-index: 1;

}



.what-we-do-img {

  border-radius: 8px 8px 0 0;

  transition: .3s ease-in-out;

  transform-origin: top left;

}



.what-we-do-wrp-box:hover .what-we-do-img {

  transform: scale(1.2);

  border-radius: 8px;

}



.what-we-do-title {

  background-color: #fff;

  padding: 9px 15px;

  border-radius: 0 0 8px 8px;

  opacity: 1;

  overflow: visible;

  transform: translateY(0);

  transition: all 0.5s ease;

}



.what-we-do-wrp-box:hover .what-we-do-title {

  opacity: 0;

}



.what-we-do-title .title {

  transform: translateY(0);

  transition: all 0.5s ease;

}



.what-we-do-wrp-box:hover .what-we-do-title .title {

  opacity: 0;

  overflow: hidden;

  transform: translateY(-40px);

}



.what-we-do-title .title {

  font-size: 24px;

  color: #093888;

  font-family: "Gilroy-SemiBold", sans-serif;

}



.what-we-do-back-view {

  opacity: 0;

  overflow: hidden;

  transition: all 0.3s ease;

}



.what-we-do-wrp-box:hover .what-we-do-back-view {

  opacity: 1;

  overflow: visible;

  z-index: 9;

}



.what-we-do-back-view h2 {

  font-size: 25px;

  color: #fff;

  margin-bottom: 15px;

  transform: translateY(150px);

  transition: all 0.3s ease-in-out;

}



.what-we-do-wrp-box:hover .what-we-do-back-view h2 {

  transform: translateY(0)

}



.what-we-do-wrp-box .what-we-do-back-view p {

  font-size: 16px;

}



.what-we-do-wrp-box:hover .what-we-do-back-view p {

  color: #fff;



}



/* ------------------------- What We Do Section CSS End ------------------------- */

/* ------------------------- Our Team Section CSS Start ------------------------- */

.our-team-img img.w-100{
  aspect-ratio: 1/1.3;
  object-fit: cover;
  border-radius: 5px;
}

.our-team-bottom-text h2 {

  font-size: 20px;

  font-family: "Gilroy-Bold", sans-serif;

  color: #093888;

}



.our-team-bottom-text p {

  font-size: 16px;

}



.plus-btn {

  background: #fff;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  border-radius: 50%;

  padding: 11px;

  width: 35px;

  height: 35px;

  transition: all 0.4s ease-in-out;

}



.plus-btn:hover {

  background-color: #093888;

}



.plus-btn {

  position: absolute;

  bottom: -17px;

  right: 20px;

  display: flex;

}



.plus-btn img {

  transition: all 0.4s ease-in-out;
  transform: rotate(-45deg);

}



.plus-btn:hover img {

  filter: brightness(0) invert(1);

  transform: rotate(0deg);

}



/* ------------------------- Our Team Section CSS End ------------------------- */

/* ------------------------- Footer Section CSS Start ------------------------- */

.footer-section {

  position: relative;

  background-color: #093888;

  z-index: 1;

}



.footer-section::before {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url('../images/shape/footer-shape.png');

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  z-index: -1;

}



.top-footer {

  padding: 70px 0;

}



.meet-team-col {

  border-right: 1px solid #ffffff8c;

}



.meet-team-wrp h2 {

  color: #fff;

  font-family: "Gilroy-Bold", sans-serif;

  font-size: 25px;

}



.f-contact-wrp {

  border-top: 1px solid #ffffff8c;

  border-bottom: 1px solid #ffffff8c;

  padding: 20px 0;

}



.f-contact-col {

  border-right: 1px solid #ffffff8c;

}



.f-contact-col:last-child {

  border-right: none;

}



.f-contact-items {

  align-items: self-start;

  padding-left: 30px;

}



.f-contact-col:first-child .f-contact-items {

  padding-left: 0;

}



.f-contact-wrp .f-contact-items img {

  filter: brightness(0) invert(1);

  width: 42px;

  height: 42px;

  object-fit: contain;

}



.f-contact-text h2 {

  font-size: 23px;

  font-family: "Gilroy-SemiBold", sans-serif;

  color: #fff;

}



.f-contact-text a {

  color: #fff;

  transition: all 0.5 ease-in;

}



.f-contact-text a:hover {

  color: #EE9A21;

}



.f-logo {

  max-width: 250px;

  width: 100%;

}



.f-title {

  font-size: 23px;

  font-family: "Gilroy-SemiBold", sans-serif;

  color: #fff;

}



.footer-section ul li a {

  color: #fff;

  font-family: "Gilroy-Light", sans-serif;

  transition: all 0.5 ease-in;

}



.footer-section ul li {

  margin-bottom: 7px;

}



.footer-section ul li:last-child {

  margin-bottom: 0;

}



.footer-section ul li a:hover {

  color: #EE9A21;

}



.footer-section p {

  color: #fff;

  font-family: "Gilroy-Light", sans-serif;

}



.bottom-footer {

  border-top: 1px solid #ffffff8c;

  padding: 15px 0;

}



.bottom-footer img {

  width: 18px;

  filter: grayscale(1);

  transition: var(--tm-transition);

  float: right;

}



.bottom-footer p {

  font-size: 14px;

}



/* ------------------------- Footer Section CSS End ------------------------- */

/* ------------------------- Inner Banner Section CSS Start ------------------------- */

.inner-banner-wrap-section {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding: 130px 0;

  position: relative;

  z-index: 9;

}



.inner-banner-wrap-section::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0.5;

  z-index: -1;

}



.inner-banner-wrap-section h1 {

  font-size: 50px;

  color: #fff;

  font-family: "Gilroy-Regular", sans-serif;

}



/* ------------------------- Inner Banner Section CSS End ------------------------- */

/* ------------------------- Inner About Us Section CSS Start ------------------------- */

.slogen-text p {

  font-family: "Gilroy-SemiBold", sans-serif;

  font-style: italic;

  color: #000;

  border-left: 3px solid #F16B35;

  padding-left: 10px;

}



/* ------------------------- Inner About Us Section CSS End ------------------------- */

/* ------------------------- Milestones Section CSS Start ------------------------- */

.milestones-section {

  background-image: url('../images/bg-img/legacy-leadership-bg.png');

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.milestones-carousel-slider {

  position: relative;

}



.milestones-carousel-slider::before {

  position: absolute;

  content: '';

  top: 48%;

  left: 0;

  width: 100%;

  height: 2px;

  background-color: #093888;

}



.milestones-wrp-box h2 {

  background-color: #093888;

  color: #fff;

  padding: 12px 20px;

  text-align: center;

  border-radius: 30px;

  font-family: "Gilroy-Bold", sans-serif;

  font-size: 25px;

}



/* .owl-item:nth-child(odd) .milestones-wrp-box p{

    position: absolute;

    top: 0;

  }

  .owl-item:nth-child(even) .milestones-wrp-box p{

    position: absolute;

    bottom: 0;

  } */

.owl-item:nth-child(even) .milestones-wrp-box {

  margin-top: 180px;

}



.owl-item .milestones-wrp-box {

  position: relative;

}



.owl-item:nth-child(odd) .milestones-wrp-box::before {

  position: absolute;

  content: '';

  top: 60%;

  left: 50%;

  background-image: url('../images/icon/upline.svg');

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  width: 7px;

  height: 56px;

}



.owl-item:nth-child(even) .milestones-wrp-box::before {

  position: absolute;

  content: '';

  bottom: 60%;

  left: 50%;

  background-image: url('../images/icon/downline.svg');

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  width: 7px;

  height: 56px;

}



.owl-item .milestones-wrp-box p {

  height: 130px;

  overflow-y: auto;

  padding-right: 10px;

  position: relative;

}



.owl-item:nth-child(odd) .milestones-wrp-box p {

  margin-bottom: 50px;

}



.owl-item:nth-child(even) .milestones-wrp-box p {

  margin-top: 50px;

}



/* ------------------------- Milestones Section CSS End ------------------------- */



/* ------------------------- Vertical Milestones Section CSS End ------------------------- */

/* ------------------ Milestones & Certificates CSS Start ------------------ */

.milestones-and-certificates-section {

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.timeline {

  position: relative;

  margin: 50px auto 30px;

  padding: 40px 0;

  width: 1000px;

  box-sizing: border-box;

}



.timeline:before {

  content: '';

  position: absolute;

  left: 50%;

  width: 2px;

  height: 100%;

  background-image: url(../images/shape/border-line-shape.png);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  /* background:#c5c5c5; */

}



.timeline ul {

  padding: 0;

  margin: 0;

}



.timeline ul li {

  list-style: none;

  position: relative;

  width: 50%;

  padding: 20px 40px;

  box-sizing: border-box;

}



.timeline ul li:nth-child(odd) {

  float: right;

  text-align: left;

  clear: both;

}



.timeline ul li:nth-child(even) {

  float: left;

  text-align: right;

  clear: both;

}



.timeline .content {

  padding: 20px;

  border-radius: 25px;

  text-align: left;

  background-color: #e1e8fa8f;

  border: 1px dashed #093888;

}



.timeline ul li:nth-child(odd):before {

  content: '';

  position: absolute;

  width: 12px;

  height: 12px;

  top: 75px;

  left: -5px;

  background: rgb(9 56 136);

  border-radius: 50%;

  /* box-shadow: 0 0 0 3px rgb(2 72 131 / 30%); */

  transition: all 0.3s ease;

  will-change: transform, box-shadow;

  box-shadow: rgb(9 56 136);

  animation: pulse 3s infinite;

}



.timeline ul li:nth-child(even):before {

  content: '';

  position: absolute;

  width: 12px;

  height: 12px;

  top: 75px;

  right: -7px;

  background: rgb(9 56 136);

  border-radius: 50%;

  /* box-shadow: 0 0 0 3px rgb(2 72 131 / 30%); */

  transition: all 0.3s ease;

  will-change: transform, box-shadow;

  box-shadow: rgb(9 56 136);

  animation: pulse 3s infinite;

}



@keyframes pulse {

  0% {

    box-shadow: 0 0 0 0 rgb(2 72 131 / 70%);



  }



  70% {

    box-shadow: 0 0 0 10px rgba(0, 172, 193, 0);

  }



  100% {

    box-shadow: 0 0 0 0 rgb(244 129 49 / 0);

  }

}



.timeline ul li h3 {

  padding: 0;

  margin: 0;

  color: #024883;

  font-size: 22px;

  font-family: "Gilroy-SemiBold", sans-serif;

}



.timeline ul li p {

  margin: 10px 0 0;

  padding: 0;

}



.timeline ul li .time h4 {

  margin: 0;

  padding: 0;

  font-size: 25px;

  background: #093888;

  padding: 12px 40px;

  border-radius: 30px;

  color: #fff;

  font-family: "Gilroy-Bold", sans-serif;

  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgb(9 56 136 / 37%) 0px 1px 2px 0px;

}



.timeline ul li:nth-child(odd) .time {

  position: absolute;

  top: 54px;

  left: -170px;

  margin: 0;

  color: #024883;

  border-radius: 18px;

}



.timeline ul li:nth-child(even) .time {

  position: absolute;

  top: 54px;

  right: -170px;

  margin: 0;

  color: #024883;

  border-radius: 18px;

}



/* @media(max-width:1000px)

    {

        .timeline{

        width:100%;

        }

    } */



.certificates-section {

  background: #F2F4F8;

}



.certificates-section .certificates-wrap-box {

  position: relative;

}



.certificates-section .certificates-wrap-box::before {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/shape/certificates-frame.png);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



.certificates-section .certificates-wrap-box img {

  padding: 12px;

}



.milstone-bottom-wrap-logo img {

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  padding: 11px;

  background: #fff;

  position: relative;

  z-index: 9;

  max-width: 260px;

  border-radius: 50%;

}



/* ------------------------- Vertical Milestones Section CSS End ------------------------- */



/* ------------------------- Core Value Section CSS Start ------------------------- */

.core-value-text {

  color: #093888;

  font-size: 30px;

  font-family: "Gilroy-Bold", sans-serif;

  margin-bottom: 20px;

}



.core-value-text-wrp ul li {

  font-size: 19px;

  color: #000;

  font-family: "Gilroy-Medium", sans-serif;

  position: relative;

  padding-left: 20px;

}



.core-value-text-wrp ul li::before {

  position: absolute;

  content: '';

  top: 12px;

  left: 0;

  width: 5px;

  height: 5px;

  background-color: #000;

  border-radius: 50%;

}



/* ------------------------- Core Value Section CSS End ------------------------- */

/* ------------------------- Our Team Section CSS Start ------------------------- */

.our-team-wrap-box {

  margin-bottom: 40px;

}



.our-team-wrap-box:last-child {

  margin-bottom: 0;

}



.our-team-wrap-box:nth-child(odd) .our-team-left-box {

  order: 1;

}



.our-team-wrap-box:nth-child(odd) .our-team-right-box {

  order: 2;

}



.our-team-wrap-box:nth-child(odd) .our-team-right-box {

  padding-left: 50px;

}



.our-team-wrap-box:nth-child(even) .our-team-left-box {

  order: 2;

}



.our-team-wrap-box:nth-child(even) .our-team-right-box {

  order: 1;

}



.our-team-wrap-box:nth-child(even) .our-team-right-box {

  padding-right: 50px;

}



/* ------------------------- Our Team Section CSS End ------------------------- */

/* ------------------------- Traning Programings Section CSS Start ------------------------- */

.skill-type-wrp-box {

  box-shadow: 0px 3px 18px #0000001A;

  border-radius: 0px 30px;

  padding: 15px;

  height: 85%;

  margin-top: 35px;

}



.skill-type-icon {

  width: 80px;

  height: 80px;

  background-color: #093888;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  margin: auto;

  margin: -50px auto 0;

}



.skill-type-icon img {

  width: 50px;

  height: 50px;

  object-fit: contain;

  padding: 3px;

}



.skill-type-text h2 {

  font-size: 22px;

  font-family: "Gilroy-Bold", sans-serif;

  color: #000;

  margin: 15px 0;

}



.work-session-text {

  margin-top: 20px;

}



.work-session-text h2 {

  font-size: 19px;

  color: #093888;

  font-family: "Gilroy-Bold", sans-serif;

  margin-bottom: 10px;

}



.work-session-text ul li {

  margin-bottom: 7px;

  position: relative;

  padding-left: 15px;

}



.work-session-text ul li::before {

  position: absolute;

  content: '';

  top: 10px;

  left: 0;

  width: 4px;

  height: 4px;

  background-color: #000;

  border-radius: 50%;

}



.work-session-text ul li:last-child {

  margin-bottom: 0;

}



/* ------------------------- Traning Programings Section CSS End ------------------------- */

/* ------------------------- Manufacturing CSS Start ------------------------- */

p strong {

  color: #093888;

  font-family: "Gilroy-SemiBold", sans-serif;

  font-size: 19px;

}



.manufacturing-text-wrp ul li {

  position: relative;

  margin-bottom: 7px;

  padding-left: 15px;

}



.manufacturing-text-wrp ul li:last-child {

  margin-bottom: 0;

}



.manufacturing-text-wrp ul li::before {

  position: absolute;

  content: '';

  top: 10px;

  left: 0;

  width: 4px;

  height: 4px;

  background-color: #000;

  border-radius: 50%;

}



.industries-we-serve-wrp .nav-tabs {

  border-bottom: 0;

  justify-content: center;

}



.industries-we-serve-wrp .nav-tabs .nav-item {

  /* margin: 5px; */

  width: 20%;

}



.industries-we-serve-wrp .nav-tabs .nav-link {

  /* border: 1px solid #0B0F55; */

  background-color: #628ED9;

  font-size: 18px;

  font-weight: 700;

  color: #ffffff;

  padding: 15px 20px 15px 20px;

  border-radius: 5px 5px 0 0;

  clip-path: polygon(0 0, 90% 0, 100% 100%, 90% 100%, 0 100%);

  text-align: center;

}



.industries-we-serve-wrp .nav-tabs .nav-link.active {

  background-color: #093888;

  color: #fff;

  /* border: 1px solid #F53B0D; */

}



.ind-we-serve-text ul {

  margin-top: 20px;

}



.ind-we-serve-text li {

  position: relative;

  margin-bottom: 7px;

  padding-left: 15px;

}



.ind-we-serve-text li::before {

  position: absolute;

  content: '';

  top: 10px;

  left: 0;

  width: 4px;

  height: 4px;

  background-color: #000;

  border-radius: 50%;

}



.ind-we-serve-text li:last-child {

  margin-bottom: 0;

}



/* ------------------------- Manufacturing CSS End ------------------------- */

/* ------------------------- Quality policy CSS Start ------------------------- */

.qlt-poly-text-wrp li {

  position: relative;

  margin-bottom: 7px;

  padding-left: 15px;

}



.qlt-poly-text-wrp li::before {

  position: absolute;

  content: '';

  top: 10px;

  left: 0;

  width: 4px;

  height: 4px;

  background-color: #000;

  border-radius: 50%;

}



.qlt-poly-text-wrp li strong {

  color: #093888;

  font-family: "Gilroy-Bold", sans-serif;

}



/* ------------------------- Quality policy CSS End ------------------------- */

/* ------------------------- Sustainability Section CSS Start ------------------------- */

.env-susblty-wrap-box {

  margin-bottom: 50px;

}



.env-susblty-wrap-box:last-child {

  margin-bottom: 0;

}



.env-susblty-wrap-box:nth-child(odd) .env-susblty-left-box {

  order: 1;

}



.env-susblty-wrap-box:nth-child(odd) .env-susblty-right-box {

  order: 2;

}



.env-susblty-wrap-box:nth-child(odd) .env-susblty-right-box .env-susblty-text {

  padding-left: 50px;

}



.env-susblty-wrap-box:nth-child(even) .env-susblty-left-box {

  order: 2;

}



.env-susblty-wrap-box:nth-child(even) .env-susblty-right-box {

  order: 1;

}



.env-susblty-wrap-box:nth-child(even) .env-susblty-right-box .env-susblty-text {

  padding-right: 50px;

}



.env-susblty-wrap-box li {

  position: relative;

  margin-bottom: 7px;

  padding-left: 15px;

}



.env-susblty-wrap-box li::before {

  position: absolute;

  content: '';

  top: 10px;

  left: 0;

  width: 4px;

  height: 4px;

  background-color: #000;

  border-radius: 50%;

}



/* ------------------------- Sustainability Section CSS End ------------------------- */

/* ------------------------- Contact Us Section CSS Start ------------------------- */

.contact-items {

  align-items: self-start;

  margin-bottom: 25px;

}



.contactus-section li:last-child.contact-items {

  margin-bottom: 0;

}



.contact-items img {

  width: 38px;

  height: 38px;

  object-fit: contain;

}



.contact-text h2 {

  font-size: 23px;

  font-family: "Gilroy-SemiBold", sans-serif;

}



.contact-text a {

  color: #000;

  transition: all 0.5 ease-in;

  font-family: "Gilroy-Medium", sans-serif;

}



.inq-form-wrp {

  padding: 50px;

  box-shadow: 0px 3px 8px #00000029;

  border-radius: 6px;

}



.inq-form-wrp h2 {

  font-size: 30px;

  font-family: "Gilroy-Bold", sans-serif;

  color: #093888;

  margin-bottom: 25px;

}



/* ------------------------- Contact Us Section CSS End ------------------------- */



/* ------------------------- Vision Mission Section CSS Start ------------------------- */

.vision-mision-wrap-box {

  padding: 40px;

  background: #e9f1ff;

  height: 100%;

}



.vision-mision-wrap-box h2 {

  color: #093888;

  font-family: "Gilroy-Bold", sans-serif;

  font-size: 25px;

  margin: 10px 0;

}

.vision-mision-wrap-box li{
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
}
.vision-mision-wrap-box li:last-child{
  margin-bottom: 0;
}
.vision-mision-wrap-box li::before{
  position: absolute;
  content: '';
  top: 10px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #093888;
}

/* ------------------------- Vision Mission Section CSS End ------------------------- */



/* ------------------------- Achievments Section CSS Start ------------------------- */

.achievements-wrap-box {

  border: 1px solid #09388838;

  padding: 5px;

}



.achievements-wrap-box img {

  transform: scale(0.98);

  transition: all 0.4s ease;

  aspect-ratio: 1 / 1.3;

  object-fit: contain;

}



.achievements-wrap-box:hover img {

  transform: scale(1);

}



/* ------------------------- Achievments Section CSS End ------------------------- */



/* ------------------------- Philanthropy Section CSS Start ------------------------- */

.philanthropy-wrap-box img {

  aspect-ratio: 1/0.8;

  object-fit: cover;

  border-radius: 10px;

}



.philanthropy-tabs-wrapper .nav-item {

  margin: 3px;

}



.philanthropy-tabs-wrapper .nav-item a {

  font-family: "Gilroy-SemiBold", sans-serif;

  color: #161616;

  transition: all 0.5s ease;

}



.philanthropy-tabs-wrapper .nav-item .nav-link.active {

  background-color: #093888;

}



.philanthropy-tabs-wrapper .nav-item a:hover {

  background-color: #093888;

  color: #fff;

}



.tab-pane.fade {

  opacity: 0;

  transition: opacity 0.2s ease-in-out;

}



.tab-pane.fade.show {

  opacity: 1;

}



.philanthropy-wrap-box {

  overflow: hidden;

  border-radius: 10px;

}



.philanthropy-wrap-box img {

  transform: scale(1);

  transition: all 0.4s ease-in-out;

}



.philanthropy-wrap-box:hover img {

  transform: scale(1.1);

}



/* ------------------------- Philanthropy Section CSS End ------------------------- */



/* ------------------------- Media Section CSS Start ------------------------- */

.media-wrap-box {

  border: 1px solid #cfcfcf;

}



.media-date {

  display: flex;

  align-content: center;

  font-family: "Gilroy-SemiBold", sans-serif;

  color: #093888;

}



.media-date img {

  width: 18px;

  object-fit: contain;

}



.media-title {

  font-size: 23px;

  font-family: "Gilroy-SemiBold", sans-serif;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  /* number of lines to show */

  line-clamp: 2;

  -webkit-box-orient: vertical;

}



.media-detail-wrap-box .media-title {

  font-size: 32px;

  font-family: "Gilroy-Bold", sans-serif;

  color: #093888;

}



.media-detail-desc h1,

.media-detail-desc h2,

.media-detail-desc h3,

.media-detail-desc h4,

.media-detail-desc h5,

.media-detail-desc h6 {

  font-size: 20px;

  font-family: "Gilroy-Bold", sans-serif;

  color: #093888;

}



.media-detail-desc ul li {

  margin-bottom: 8px;

  position: relative;

  padding-left: 30px;

}



.media-detail-desc ul li::before {

  position: absolute;

  content: '';

  top: 3px;

  left: 0;

  width: 20px;

  height: 20px;

  background-image: url(../images/icon/right-arrow-round.png);

  background-size: contain;

  background-repeat: no-repeat;

  border-radius: 50px;

}



.media-detail-desc ul li strong,

.media-detail-desc ul li b {

  font-size: 17px;

  color: #093888;

  font-family: "Gilroy-SemiBold", sans-serif;

}



/* ------------------------- Media Section CSS End ------------------------- */



.qlt-poly-section .row:nth-child(even) {

  flex-flow: row-reverse;

}