@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");

@font-face {
  font-family: "Helvetica";
  src: url("https://digitalgraphiks.us/demo/gms-cms-uat/server/public/uploads/all/gms/Helvetica_1600ce46-5d54-4405-893b-96e22acb941d_ed626a6d-6dfd-43f7-a6a7-7644693ae4b1.otf") format("truetype");
}

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

:root {
  --primary-color: #E00034;
  --helvetica: "Helvetica";
}

main {
  max-width: 1920px;
  margin: 0 auto;
}

body {
  width: 100%;
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  background-color: #F3F4F6;
}

body.open-sidebar .sidebar-bg,
body.open-sidebar .sidebar {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

body.open-sidebar {
  position: fixed;
}

body.open-sidebar .sidebar {
  transition-delay: 0.2s;
}

.sidebar-bg {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translateX(400px);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 999999999;
}

.sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 350px;
  background-color: #fff;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1215686275);
  background-color: #fff;
  z-index: 999999999;
  transform: translateX(400px);
  visibility: hidden;
  transition: 0.3s;
  opacity: 0;
}

.sidebar .sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  gap: 10px;
  border-bottom: 1px solid #ddd;
}

.sidebar .sidebar-body {
  overflow: auto;
  height: calc(100% - 80px);
  padding: 15px;
}

.sidebar .sidebar-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar .sidebar-body ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  color: #000;
  font-size: 1.1rem;
  border: 1px solid #eee;
}

.sidebar .sidebar-body ul li a.active {
  color: var(--primary-color);
}

.sidebar .sidebar-body ul li:not(:last-child) a {
  border-bottom: 0;
}

.sidebar .sidebar-body ul li.has-drop .sub-menu a {
  border: 1px solid #eee;
}

.sidebar .sidebar-body ul li .sub-menu.active {
  display: block !important;
}

svg.active {
  transform: rotate(180deg);
}

.sub-menu li a {
  padding: 8px 10px !important;
  font-size: 14px !important;
  padding-left: 20px !important;
}

.sub-menu li:first-child a {
  border-top: unset !important;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

main {
  position: relative;
  z-index: 1;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  user-select: none;
}

.primary-title {
  font-size: clamp(28px, 4vw, 40px);
  color: rgb(35, 31, 32);
  font-weight: 400;
  line-height: 1.1;
}

.primary-title span {
  color: rgba(35, 40, 45, 0.5019607843);
}

.primary-title.lg {
  font-size: clamp(38px, 5vw, 64px);
}

.primary-title.sm {
  font-size: clamp(26px, 3vw, 42px);
}

.primary-title.light {
  color: #fff;
}

.primary-title.light span {
  color: rgba(247, 247, 247, 0.5);
}

.sub-heading {
  color: rgba(35, 40, 45, 0.5019607843);
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 500;
}

.sub-heading.light {
  color: rgb(187, 188, 190);
}

.desc {
  color: #23282D;
  font-size: clamp(14px, 3vw, 18px);
  font-weight: 400;
  line-height: 1.1;
  text-align: justify;
}

.desc.gray {
  color: #231F20;
}

.desc.light {
  color: rgb(247, 247, 247);
}

.desc.sm {
  font-size: 16px;
}

.desc-lg {
  color: #23282D;
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 400;
  line-height: 1.1;
  text-align: justify;
}

.desc-lg.light {
  color: #C8C8C8;
}

.desc-lg.gray {
  color: #828282;
}

.divider {
  border-top: 1px solid rgba(35, 40, 45, 0.1019607843);
  margin: 20px 0px;
}

.divider.light {
  border-top: 1px solid rgba(247, 247, 247, 0.1);
}

.divider.dark {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}

.divider.dark-new {
  border-top: 1px solid #505050;
}

.primary-light-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 5px 5px 5px 20px;
  font-size: 15px;
  color: #231F20;
  background-color: #E9EAEA;
  font-weight: 500;
  transition: 0.2s;
  user-select: none;
  z-index: 1;
}

.primary-light-btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  display: block;
  background-color: var(--primary-color);
  transform: translateY(5px) translateX(-5px);
  transition: 0.4s;
  z-index: -1;
}

.primary-light-btn span {
  position: relative;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.primary-light-btn:hover {
  color: #F7F7F7;
}

.primary-light-btn:hover::after {
  transform: translateY(0) translateX(0);
  width: 100%;
  height: 100%;
}

.primary-gray-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 5px 5px 5px 20px;
  font-size: 15px;
  color: rgb(247, 247, 247);
  background-color: rgb(55, 60, 65);
  font-weight: 500;
  transition: 0.2s;
  user-select: none;
  z-index: 1;
}

.primary-gray-btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  display: block;
  background-color: var(--primary-color);
  transform: translateY(5px) translateX(-5px);
  transition: 0.4s;
  z-index: -1;
}

.primary-gray-btn span {
  position: relative;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.primary-gray-btn:hover {
  color: #F7F7F7;
}

.primary-gray-btn:hover::after {
  transform: translateY(0) translateX(0);
  width: 100%;
  height: 100%;
}

.primary-dark-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 5px 5px 5px 20px;
  font-size: 15px;
  color: #F7F7F7;
  background-color: #323232;
  font-weight: 500;
  transition: 0.2s;
  user-select: none;
  z-index: 1;
}

.primary-dark-btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  display: block;
  background-color: var(--primary-color);
  transform: translateY(5px) translateX(-5px);
  transition: 0.4s;
  z-index: -1;
}

.primary-dark-btn span {
  position: relative;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.primary-dark-btn.active,
.primary-dark-btn:hover {
  color: #F7F7F7;
}

.primary-dark-btn.active::after,
.primary-dark-btn:hover::after {
  transform: translateY(0) translateX(0);
  width: 100%;
  height: 100%;
}

.primary-dark-btn.loading {
  pointer-events: none;
  opacity: 0.8;
}

.primary-dark-btn.loading span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0);
  width: 65%;
  height: 65%;
  border: 3px solid rgba(255, 255, 255, 0.5);
  border-top-color: #fff;
  background-color: var(--primary-color);
  animation: spin 0.8s linear infinite;
  border-radius: 100%;
}

@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

#certificateModal .modal-content {
  background: transparent;
  border: 0;
}

#certificateModal .modal-content .modal-header {
  border-bottom: 0;
  justify-content: flex-end;
}

#certificateModal .modal-content .modal-header .certificate-icon {
  cursor: pointer;
}

#certificateModal .modal-content .certificate-body {
  margin: 0 auto;
}

#certificateModal .modal-content .certificate-body img {
  width: 100%;
  max-width: 420px;
}

.toastify {
  max-width: max-content;
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 80px;
}

.pagination a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(35, 31, 32, 0.2);
  font-size: 17px;
  color: rgba(35, 31, 32, 0.5019607843);
  z-index: 0;
  transition: 0.2s;
}

.pagination a:hover,
.pagination a.active {
  color: rgba(35, 31, 32, 0.5019607843);
  background-color: #fff;
}

.pagination a.prev,
.pagination a.next {
  border: 0;
  background-color: #323232;
}

.pagination a.prev svg,
.pagination a.next svg {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.pagination a.prev::after,
.pagination a.next::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #E00034;
  transition: 0.3s;
  z-index: 0;
}

.pagination a.prev.active::after,
.pagination a.prev:hover::after,
.pagination a.next.active::after,
.pagination a.next:hover::after {
  height: 100%;
}

u {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

.breadcrumb li:not(:last-child) span {
  color: rgba(247, 247, 247, 0.3) !important;
}

.text-main u {
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  .justify-in-mob {
    text-align: unset !important;
  }
}

@media screen and (max-width: 769px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .row {
    margin-left: -20px;
    margin-right: -20px;
  }

  .row>* {
    padding-left: 20px;
    padding-right: 20px;
  }
}

:root {
  --color: rgba(35, 40, 45, 1);
}

header {
  background: rgb(255, 255, 255);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 24px 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999999;
  transition: all 0.2s;
  max-width: 1920px;
  margin: 0 auto;
}

header.dark {
  --color: #23282D;
}

header .top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
}

header .top a:not(.logo) {
  font-size: 15px;
  color: rgba(247, 247, 247, 0.5019607843);
  font-weight: 500;
  display: inline-block;
  padding: 15px 0;
}

header .top .logo img {
  margin-bottom: -23px;
}

header .menu-logo-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

header .menu {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 15px 0;
}

header .menu .manu-link {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  font-weight: 500;
  color: var(--color);
  transition: 0.2s;
}

header .menu .manu-link svg path {
  stroke: var(--color);
}

header .menu .drop {
  position: relative;
}

header .menu .drop .manu-link {
  position: relative;
}

header .menu .drop .manu-link::after {
  content: "";
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.0823529412);
  display: none;
  z-index: 1;
}

header .menu .drop .dropmenu {
  position: absolute;
  top: calc(100% + 40px);
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  max-height: 500px;
  overflow: auto;
  z-index: 1;
  transition: 0.2s linear;
  display: flex;
  flex-wrap: wrap;
}

header .menu .drop .dropmenu.right {
  left: auto;
  right: 0;
}

header .menu .drop .dropmenu::-webkit-scrollbar {
  width: 0;
}

header .menu .drop .dropmenu .menu-item {
  width: 178px;
  padding: 12px;
  min-height: 121px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(35, 40, 45, 0.0509803922);
  position: relative;
  overflow: hidden;
  z-index: 1;
}

header .menu .drop .dropmenu .menu-item:after {
  content: "";
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: 20px;
  height: 20px;
  transform: scale(0);
  transition: 0.5s linear;
  z-index: -1;
  border-radius: 50%;
  background: var(--primary-color);
}

header .menu .drop .dropmenu .menu-item .name {
  font-size: 14px;
  color: #23282D;
  font-weight: 400;
  transition: 0.3s linear;
}

header .menu .drop .dropmenu .menu-item .arrow {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #828282;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 1;
}

header .menu .drop .dropmenu .menu-item .arrow svg path {
  stroke: #828282;
}

header .menu .drop .dropmenu .menu-item .arrow img {
  width: 10px;
}

header .menu .drop .dropmenu .menu-item .arrow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(102%);
  background-color: #fff;
  transition: 0.3s linear;
  z-index: -1;
}

header .menu .drop .dropmenu .menu-item:hover:after {
  transform: scale(40);
}

header .menu .drop .dropmenu .menu-item:hover .name {
  color: #fff;
}

header .menu .drop .dropmenu .menu-item:hover .arrow {
  border-color: transparent;
}

header .menu .drop .dropmenu .menu-item:hover .arrow svg path {
  stroke: #E00034;
}

header .menu .drop .dropmenu .menu-item:hover .arrow::after {
  transform: translateY(0);
}

header .menu .drop .dropmenu.two {
  width: 356px;
}

header .menu .drop .dropmenu.three {
  width: 534px;
}

header .menu .drop .dropmenu.four {
  width: 712px;
}

header .menu .drop .dropmenu.five {
  width: 890px;
}

header .menu .drop .dropmenu.menu-image .menu-item {
  position: relative;
  border: 0;
}

header .menu .drop .dropmenu.menu-image .menu-item:hover {
  background: transparent;
}

header .menu .drop .dropmenu.menu-image .menu-item:hover:first-child::before {
  transform: scale(40);
}

header .menu .drop .dropmenu.menu-image .menu-item:hover:first-child .name {
  color: #fff;
}

header .menu .drop .dropmenu.menu-image .menu-item:hover:first-child .arrow svg path {
  stroke: var(--primary-color);
}

header .menu .drop .dropmenu.menu-image .menu-item:hover .arrow svg path {
  stroke: var(--primary-color);
}

header .menu .drop .dropmenu.menu-image .menu-item:hover .menu-item-img img {
  filter: grayscale(0);
}

header .menu .drop .dropmenu.menu-image .menu-item:first-child {
  z-index: 1;
  overflow: hidden;
}

header .menu .drop .dropmenu.menu-image .menu-item:first-child::before {
  content: "";
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: 20px;
  height: 20px;
  transform: scale(0);
  transition: 0.5s linear;
  z-index: -1;
  border-radius: 50%;
  background: var(--primary-color);
}

header .menu .drop .dropmenu.menu-image .menu-item:first-child .name {
  color: #23282D;
}

header .menu .drop .dropmenu.menu-image .menu-item:first-child .arrow {
  border: solid 1px #828282;
}

header .menu .drop .dropmenu.menu-image .menu-item:first-child .arrow svg path {
  stroke: #828282;
}

header .menu .drop .dropmenu.menu-image .menu-item:first-child::after {
  display: none;
}

header .menu .drop .dropmenu.menu-image .menu-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #231f20;
  transform: scale(1);
  border-radius: 0;
  opacity: 0.3;
  z-index: -1;
  transition: 0.5s linear;
}

header .menu .drop .dropmenu.menu-image .menu-item .name {
  color: #fff;
}

header .menu .drop .dropmenu.menu-image .menu-item .arrow {
  border: 1px solid #fff;
}

header .menu .drop .dropmenu.menu-image .menu-item .arrow svg path {
  stroke: #fff;
}

header .menu .drop .dropmenu.menu-image .menu-item .menu-item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

header .menu .drop .dropmenu.menu-image .menu-item .menu-item-img img {
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: 0.5s linear;
}

header .menu .drop .dropmenu .head {
  position: sticky;
  top: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid rgba(35, 40, 45, 0.1019607843);
  background-color: #fff;
  z-index: 2;
}

header .menu .drop .dropmenu .head .head-title {
  font-size: 18px;
  font-weight: 500;
  color: #23282D;
}

header .menu .drop .dropmenu .head .head-desc {
  font-size: 14px;
  font-weight: 400;
  color: rgba(85, 90, 95, 0.5019607843);
}

header .menu .drop .dropmenu .head .close {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #7D8287;
  cursor: pointer;
}

header .menu .drop .dropmenu .head .close svg path {
  stroke: #7D8287;
}

header .menu .drop .dropmenu .body {
  padding: 0 20px;
}

header .menu .drop .dropmenu .body a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 0;
}

header .menu .drop .dropmenu .body a:not(:last-child) {
  border-bottom: 1px solid rgba(35, 40, 45, 0.1019607843);
}

header .menu .drop .dropmenu .body a span {
  display: flex;
}

header .menu .drop .dropmenu .body a span:nth-child(1) {
  flex: 1;
  font-size: 18px;
  color: #23282D;
  font-weight: 500;
}

header .menu .drop .dropmenu .body a span:nth-child(2) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(35, 40, 45, 0.1019607843);
  z-index: 1;
}

header .menu .drop .dropmenu .body a span:nth-child(2)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #E00034;
  z-index: -1;
  transition: 0.2s linear;
}

header .menu .drop .dropmenu .body a span:nth-child(2):hover svg path {
  stroke: #fff;
  stroke-opacity: 1;
}

header .menu .drop .dropmenu .body a span:nth-child(2):hover::after {
  height: 100%;
}

header .menu .drop .dropmenu.dropmenu-01 {
  left: -250px;
  max-height: 600px;
}

header .menu .drop .dropmenu.dropmenu-01 .main-title {
  display: flex;
  gap: 30px;
  align-items: center;
  width: 100%;
}

header .menu .drop .dropmenu.dropmenu-01 .main-title .numbers {
  color: rgba(35, 40, 45, 0.2);
  font-weight: 400;
}

header .menu .drop .dropmenu.dropmenu-01 .main-title .text {
  font-size: 18px;
  color: #23282D;
  font-weight: 500;
}

header .menu .drop .dropmenu.dropmenu-01 .body-inner .main-box {
  display: none;
}

header .menu .drop .dropmenu.dropmenu-01 .body-inner .main-box .box {
  gap: 20px;
  padding: 10px 0px;
}

header .menu .drop .dropmenu.dropmenu-01 .body-inner .main-box .box:first-child {
  padding-top: 30px;
}

header .menu .drop .dropmenu.dropmenu-01 .body-inner .main-box .box h6 {
  color: #23282D;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 5px;
}

header .menu .drop .dropmenu.dropmenu-01 .body-inner .main-box .box p {
  color: rgba(85, 90, 95, 0.5019607843);
  font-size: 14px;
}

header .menu .drop .dropmenu.dropmenu-01 .body-inner .main-box .box .arrow-down {
  width: 36px;
  height: 36px;
  border: 1px solid #E00034;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  transition: 0.3s;
}

header .menu .drop .dropmenu.dropmenu-01 .body-inner .main-box .box .image {
  overflow: hidden;
  width: 100%;
  max-width: 230px;
}

header .menu .drop .dropmenu.dropmenu-01 .body-inner .main-box .box .image img {
  width: 100%;
  transition: 0.2s;
}

header .menu .drop .dropmenu.dropmenu-01 .body-inner .main-box .box:hover img {
  transform: scale(1.1);
}

header .menu .drop .dropmenu.dropmenu-01 .body-inner .main-box .box:hover .arrow-down {
  background: #E00034;
}

header .menu .drop .dropmenu.dropmenu-01 .body-inner .main-box .box:hover .arrow-down img {
  filter: brightness(0) invert(1);
}

header .menu .drop .dropmenu.dropmenu-01 .body-inner .main-box.active {
  display: block;
}

header .menu .drop.active .dropmenu {
  opacity: 1;
  visibility: visible;
}

header .menu .drop.active .manu-link {
  color: #E00034;
  text-decoration: underline;
  text-underline-offset: 2px;
}

header .menu .drop.active .manu-link svg path {
  stroke: #E00034;
}

header .menu .drop.active .manu-link::after {
  display: block;
}

header .menu .open-sidebar {
  cursor: pointer;
  padding: 4px;
  display: block;
}

header:hover {
  background-color: #fff;
  box-shadow: 0px 1px 0px 0px rgba(35, 40, 45, 0.1019607843);
}

header:hover .top {
  border-bottom: 1px solid rgba(35, 40, 45, 0.1019607843) !important;
}

header:hover .drop:hover svg path {
  stroke: #E00034;
}

header:hover .manu-link {
  color: #23282D;
}

header:hover .manu-link:hover {
  color: #E00034;
  text-decoration: underline;
  text-underline-offset: 2px;
}

header:hover .manu-link svg path {
  stroke: #23282D;
}

header:hover .top a:not(.logo) {
  color: rgba(35, 40, 45, 0.5019607843);
}

header.active {
  background-color: #fff;
  box-shadow: 0px 1px 0px 0px rgba(35, 40, 45, 0.1019607843);
}

header.active .top {
  border-bottom: 1px solid rgba(35, 40, 45, 0.1019607843) !important;
}

header.active .manu-link {
  color: #23282D;
}

header.active .manu-link svg path {
  stroke: #23282D;
}

header.active .top a:not(.logo) {
  color: rgba(35, 40, 45, 0.5019607843);
}

header.active .buttonToggle {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  border: 1px solid #E00034;
  background: #E00034;
  display: flex;
  justify-content: center;
  align-items: center;
}

header.active .buttonToggle .plus {
  display: block;
}

header.active .buttonToggle .minus {
  display: none;
}

header.active .buttonToggle.active {
  border: 1px solid #BBBCBE;
  background-color: transparent;
}

header.active .buttonToggle.active .plus {
  display: none;
}

header.active .buttonToggle.active .minus {
  display: block;
}

header .main-menu {
  width: 100%;
  max-width: 750px;
  background: rgb(222, 223, 224);
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateY(-100%);
  transition: 0.5s all;
}

header .main-menu.active {
  transform: translateY(0);
}

header .main-menu .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 60px 20px 60px;
  border-bottom: solid 1px rgba(35, 40, 45, 0.1);
}

header .main-menu .head img {
  margin-bottom: 10px;
}

header .main-menu .head span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(35, 40, 45, 0.5);
  display: block;
}

header .main-menu .head span.close {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

header .main-menu .main-body {
  max-height: 500px;
  overflow: auto;
}

header .main-menu .main-body .menu-body {
  position: relative;
  max-width: 650px;
  margin: auto;
  margin-top: 20px;
}

header .main-menu .main-body .menu-body .menu-list {
  opacity: 0.3;
  transition: 0.5s all;
  cursor: pointer;
}

header .main-menu .main-body .menu-body .menu-list:hover {
  opacity: 1;
}

header .main-menu .main-body .menu-body .menu-list:hover ul {
  opacity: 1;
  visibility: visible;
}

header .main-menu .main-body .menu-body .menu-list:hover .text-icon-main .menu-text {
  gap: 20px;
}

header .main-menu .main-body .menu-body .menu-list:hover .text-icon-main .menu-text span {
  color: rgba(35, 40, 45, 0.5);
}

header .main-menu .main-body .menu-body .menu-list:hover .text-icon-main .menu-text h6 {
  color: var(--primary-color);
}

header .main-menu .main-body .menu-body .menu-list:hover .text-icon-main .icon {
  background: var(--primary-color);
}

header .main-menu .main-body .menu-body .menu-list:hover .text-icon-main .icon svg path {
  stroke: rgb(255, 255, 255);
}

header .main-menu .main-body .menu-body .menu-list ul {
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 0;
  padding-left: 15px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all;
}

header .main-menu .main-body .menu-body .menu-list ul li {
  list-style: none;
}

header .main-menu .main-body .menu-body .menu-list ul li a {
  font-size: 14px;
  font-weight: 400;
  color: rgb(35, 40, 45);
}

header .main-menu .main-body .menu-body .menu-list .text-icon-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 0;
  border-bottom: solid 1px rgba(35, 40, 45, 0.1);
}

header .main-menu .main-body .menu-body .menu-list .text-icon-main .menu-text {
  display: flex;
  align-items: center;
  gap: 40px;
  transition: 0.5s all;
}

header .main-menu .main-body .menu-body .menu-list .text-icon-main .menu-text span {
  font-size: 14px;
  font-weight: 400;
  color: rgba(35, 40, 45, 0.2);
  transition: 0.5s all;
}

header .main-menu .main-body .menu-body .menu-list .text-icon-main .menu-text h6 {
  font-size: 18px;
  font-weight: 500;
  color: rgb(35, 40, 45);
  transition: 0.5s all;
  margin-bottom: 0;
}

header .main-menu .main-body .menu-body .menu-list .text-icon-main .icon {
  border: solid 1px var(--primary-color);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: 0.5s all;
}

header .main-menu .main-body .menu-body .menu-list .text-icon-main .icon svg path {
  stroke: var(--primary-color);
  transition: 0.5s all;
}

header .main-menu .main-footer {
  border-top: solid 1px rgba(35, 40, 45, 0.1);
}

header .main-menu .main-footer .footer {
  padding: 40px 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  max-width: 650px;
  background: rgb(222, 223, 224);
}

header .main-menu .main-footer .footer span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(35, 40, 45, 0.5);
}

header .main-menu .main-footer .footer ul {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 0;
  padding-left: 0;
}

header .main-menu .main-footer .footer ul li {
  list-style: none;
}

header .main-menu .main-footer .footer ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  color: rgb(35, 40, 45);
}

@media screen and (max-width: 768px) {
  header {
    padding: 15px 0;
  }
}

.banner-video {
  position: relative;
  z-index: 2;
}

.banner-video:not(.home) {
  pointer-events: none;
}

.banner-video .top-right-logo>img {
  width: 150px;
}

.banner-video .banner-main,
.banner-video .absalute-img {
  pointer-events: all;
}

.banner-video .top-right-logo {
  position: absolute;
  top: 101px;
  right: 0;
}

.banner-video .absalute-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

@media screen and (max-width: 991.98px) {
  .banner-video .absalute-img {
    z-index: -1;
  }
}

@media screen and (max-width: 767px) {
  .banner-video .absalute-img.absalute-img-01 {
    display: none;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}

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

  .banner-video .absalute-img.absalute-img-01 svg,
  .banner-video .absalute-img.absalute-img-01 img {
    width: 350px;
    display: block;
    margin: 0 auto;
  }
}

.banner-video .absalute-img svg {
  max-width: 100%;
  height: auto;
}

.banner-video .absalute-img svg path {
  transition: all 0.3s;
  fill: rgba(247, 247, 247, 0.0509803922);
}

.banner-video .absalute-img:hover svg path {
  transition: all 0.3s;
  fill: #E00034;
}

.banner-video .man-absalute-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.banner-video video {
  width: 100%;
  max-height: 100vh;
  min-height: 730px;
  display: block;
  object-fit: cover;
}

.banner-video:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsla(210, 13%, 16%, 0.698);
}

.banner-video .banner-content {
  position: absolute;
  width: 100%;
  padding-top: 120px;
  top: 50%;
  transform: translateY(-50%);
}

.banner-video .banner-content.banner-content-inner:not(.news-detail) {
  padding-top: 0;
}

@media screen and (max-width: 767px) {
  .banner-video .banner-content.banner-content-inner:not(.news-detail) {
    margin-bottom: 30px;
  }
}

.banner-video .banner-content.news-detail {
  padding-top: 150px;
}

@media screen and (max-width: 1300px) {
  .banner-video .banner-content {
    padding-top: 150px;
  }
}

.banner-video .banner-content .banner-main {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 150px;
}

@media screen and (max-width: 1200px) {
  .banner-video .banner-content .banner-main {
    gap: 20px;
    margin-bottom: 20px;
  }
}

.banner-video .banner-content .banner-main .banner-top-text {
  max-width: 600px;
}

.banner-video .banner-content .banner-main .banner-top-text .breadcrumb {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 100px;
}

.banner-video .banner-content .banner-main .banner-top-text .breadcrumb li {
  color: rgba(247, 247, 247, 0.3);
}

.banner-video .banner-content .banner-main .banner-top-text .breadcrumb li a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 400;
  color: rgba(247, 247, 247, 0.3);
}

.banner-video .banner-content .banner-main .banner-top-text .breadcrumb li a .back-button {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(247, 247, 247, 0.3019607843);
  padding: 6px;
}

.banner-video .banner-content .banner-main .banner-top-text .breadcrumb li a.back-button {
  width: 28px;
  height: 28px;
  justify-content: center;
  border: 1px solid rgba(247, 247, 247, 0.3019607843);
  line-height: 1;
}

.banner-video .banner-content .banner-main .banner-top-text .breadcrumb li span {
  font-size: 15px;
  font-weight: 400;
  color: rgb(247, 247, 247);
}

.banner-video .banner-content .banner-main .banner-top-text h1 {
  font-size: clamp(36px, 5vw, 48px);
  color: #F7F7F7;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.1;
}

.banner-video .banner-content .banner-main .banner-top-text h1.lg {
  font-size: clamp(36px, 4vw, 48px);
}

.banner-video .banner-content .banner-main .banner-top-text h1.banner-heading {
  font-size: clamp(36px, 4vw, 48px);
}

.banner-video .banner-content .banner-main .banner-top-text p {
  color: rgba(247, 247, 247, 0.5019607843);
  font-size: clamp(14px, 2vw, 17px);
  font-weight: 500;
  line-height: 1.1;
}

.banner-video .banner-content .banner-main .banner-top-text .media-detail {
  font-size: clamp(14px, 2vw, 17px);
  font-weight: 500;
  line-height: 1.1;
  color: #F7F7F7;
  max-width: 479px;
}

.banner-video .banner-content .banner-main .banner-bottom-text {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
}

.banner-video .banner-content .banner-main .banner-bottom-text p {
  max-width: 424px;
  color: #fff;
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 30px;
}

.banner-video .banner-content .banner-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.banner-video .banner-content .banner-buttons.sm a {
  font-size: clamp(16px, 2vw, 20px);
}

.banner-video .banner-content .banner-buttons.red a.active {
  background-color: var(--primary-color);
  color: #fff;
  border: 1px solid var(--primary-color);
}

.banner-video .banner-content .banner-buttons.red a.active:hover {
  background-color: var(--primary-color);
}

.banner-video .banner-content .banner-buttons.red a:hover {
  background: #828282;
}

.banner-video .banner-content .banner-buttons a {
  border: 1px solid #F7F7F7;
  display: inline-block;
  text-align: center;
  color: #F7F7F7;
  border-radius: 8px;
  padding: 8px 24px;
  font-weight: 400;
  font-size: 14px;
}

.banner-video .banner-content .banner-buttons .active {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #F7F7F7;
}

.banner-video .banner-content .banner-chart-box {
  display: block;
  background: rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(20px);
  width: 100%;
}

.banner-video .banner-content .banner-chart-box canvas {
  cursor: pointer;
}

.banner-video .banner-content .banner-chart-box .banner-chart-text {
  padding: 20px 20px 0 20px;
}

.banner-video .banner-content .banner-chart-box .banner-chart-text .text-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 15px;
}

.banner-video .banner-content .banner-chart-box .banner-chart-text .text-main span {
  font-size: 15px;
  font-weight: 500;
  color: rgba(247, 247, 247, 0.5);
  display: block;
}

.banner-video .banner-content .banner-chart-box .banner-chart-text h6 {
  font-size: 17px;
  font-weight: 500;
  color: rgb(247, 247, 247);
  margin-bottom: 20px;
}

.banner-video .banner-content .banner-chart-box .chart-main>img {
  width: 100%;
}

.banner-video.banner-img.overlay-none {
  background: rgb(35, 31, 32);
  width: 100%;
  height: 100%;
  padding: 170px 0 140px 0;
}

.banner-video.banner-img.overlay-none.grey {
  background: #231F20;
}

@media screen and (max-width: 991.98px) {
  .banner-video.banner-img.overlay-none {
    padding: 140px 0 140px 0;
  }
}

.banner-video.banner-img.overlay-none:before {
  display: none;
}

.banner-video.banner-img.overlay-none .banner-content {
  position: static;
  transform: translateY(0);
}

.banner-video.banner-img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 500px;
}

@media screen and (max-width: 992px) {
  .banner-video.banner-img>img {
    min-height: 500px;
  }
}

.banner-video.banner-img:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(35, 31, 32, 0.7490196078);
}

.banner-video.banner-img .banner-content {
  top: 0;
  transform: translateY(0);
}

.banner-video.banner-img .banner-content .banner-main {
  gap: 60px;
}

.banner-video.banner-img .banner-content .banner-top-text {
  max-width: 700px;
}

.banner-video.fleet-detail-banner:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(35, 31, 32, 0.5);
}

.banner-video.fleet-detail-banner>img {
  min-height: 560px;
}

.banner-video.fleet-detail-banner .banner-content {
  padding-top: 150px;
}

@media screen and (max-width: 768px) {
  .banner-video .top-right-logo {
    top: 91px;
  }

  .banner-video .top-right-logo img {
    width: 80px;
  }
}

.home-overview {
  position: relative;
  padding: 150px 0;
  background-color: #F3F4F6;
}

.home-overview .home-overview-img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  z-index: 0;
  filter: grayscale(1);
  transition: 0.3s all;
}

.home-overview .home-overview-img:hover {
  filter: grayscale(0);
}

.home-overview .container {
  position: relative;
  z-index: 1;
  pointer-events: none;
}

.home-overview .desc {
  color: rgba(35, 31, 32, 0.5);
  font-size: clamp(28px, 3vw, 35px);
  font-weight: 400;
  text-align: unset;
  max-width: 400px;
}

.home-overview .desc strong {
  font-weight: 400;
  transition: 0.8s all;
}

.home-overview .desc strong.active {
  color: #231F20;
}

.home-overview .desc1 {
  font-size: clamp(16px, 4vw, 20px);
  max-width: 445px;
  color: #323232;
  line-height: 1.1;
  font-weight: 300;
  text-align: justify;
}

@media screen and (max-width: 768px) {
  .home-overview {
    padding: 80px 0;
  }

  .home-overview .home-overview-img {
    opacity: 0;
  }
}

.home-overview-count {
  position: relative;
  padding-bottom: 100px;
}

.home-overview-count .overview-count-card .card-count {
  font-size: clamp(62px, 9vw, 128px);
  font-weight: 400;
  color: var(--primary-color);
  line-height: 1;
}

.home-overview-count .overview-count-card .count-desc {
  color: #323232;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  text-align: justify;
}

@media screen and (max-width: 768px) {
  .home-overview-count {
    padding-bottom: 80px;
  }

  .home-overview-count .overview-count-card {
    text-align: center;
  }

  .home-overview-count .overview-count-card .count-desc {
    text-align: center;
  }
}

.engineering-fuels {
  padding: 70px 0;
  overflow: hidden;
  /* Base button */
  /* Active number (white) */
  /* Left arrow (dark) */
  /* Right arrow (red) */
}

.engineering-fuels .arrow-main {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  gap: 10px;
  border-left: 1px solid rgba(35, 31, 32, 0.1019607843);
  margin-left: 5px;
  padding-left: 20px;
}

.engineering-fuels .arrow-main span {
  position: relative;
  border: solid 1px #828282;
  width: 46px;
  height: 46px;
  min-width: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}

.engineering-fuels .arrow-main span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E00034;
  transition: 0.3s all;
  transform: translateY(102%);
  z-index: 0;
}

.engineering-fuels .arrow-main span svg {
  position: relative;
  z-index: 1;
}

.engineering-fuels .arrow-main span svg path {
  transition: 0.3s all;
}

.engineering-fuels .arrow-main span.swiper-button-disabled {
  background: transparent;
  opacity: 0.6;
  cursor: not-allowed;
}

.engineering-fuels .arrow-main span.swiper-button-disabled img {
  filter: brightness(0.7);
}

.engineering-fuels .arrow-main span:hover {
  border-color: #E00034;
}

.engineering-fuels .arrow-main span:hover::after {
  transform: translateY(0);
}

.engineering-fuels .arrow-main span:hover svg path {
  stroke: #fff;
}

.engineering-fuels .offshore-card {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
  background: rgb(35, 31, 32);
  transition: 1s all;
}

.engineering-fuels .offshore-card:hover {
  background: #fff;
}

.engineering-fuels .offshore-card:hover .img-text {
  transform: translateY(-100%);
  opacity: 0.7;
}

.engineering-fuels .offshore-card:hover .img-text>img {
  transform: scale(0.5);
}

.engineering-fuels .offshore-card:hover .card-main {
  transform: translateY(0);
}

.engineering-fuels .offshore-card .img-text {
  transition: 1.5s all;
}

.engineering-fuels .offshore-card .img-text>img {
  width: 100%;
  transition: 1.5s all;
}

.engineering-fuels .offshore-card .img-text .offshore-text {
  padding: 10px 40px 30px 40px;
  transition: 1.5s all;
}

.engineering-fuels .offshore-card .img-text .offshore-text h6 {
  font-size: clamp(20px, 4vw, 24px);
  font-weight: 400;
  color: rgb(255, 255, 255);
  padding-bottom: 8px;
  border-bottom: solid 2px rgb(224, 0, 52);
  display: inline-block;
}

.engineering-fuels .offshore-card .card-main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  transform: translateY(100%);
  transition: 1.5s all;
}

.engineering-fuels .offshore-card .card-main ul {
  width: 100%;
  max-height: 100%;
  padding-inline-end: 10px;
  overflow: auto;
}

.engineering-fuels .offshore-card .card-main ul::-webkit-scrollbar {
  width: 6px;
}

.engineering-fuels .offshore-card .card-main ul::-webkit-scrollbar-track {
  background: #eee;
}

.engineering-fuels .offshore-card .card-main ul::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.5725490196);
}

.engineering-fuels .offshore-card .card-main ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(233, 234, 234, 0.5);
  backdrop-filter: blur(10px);
  padding-bottom: 7px;
  margin-bottom: 15px;
}

.engineering-fuels .offshore-card .card-main ul li span {
  font-size: 16px;
  font-weight: 400;
  color: #828282;
}

.engineering-fuels .offshore-card .card-main ul li p {
  font-size: 16px;
  font-weight: 400;
  color: #231F20;
}

.engineering-fuels .linkedin-card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  height: 100%;
  /* Content */
  /* Actions */
}

.engineering-fuels .linkedin-card .card-header {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 15px 15px 0 15px;
}

.engineering-fuels .linkedin-card .avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.engineering-fuels .linkedin-card .card-header {
  line-height: 1.2;
}

.engineering-fuels .linkedin-card .card-header h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #111;
  line-height: 1;
}

.engineering-fuels .linkedin-card .card-header span {
  font-size: 12px;
  color: #111;
}

.engineering-fuels .linkedin-card .card-content {
  padding: 15px;
  font-size: 14px;
  line-height: 1.6;
}

.engineering-fuels .linkedin-card .card-content>div {
  max-height: 240px;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 6;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
  .engineering-fuels .linkedin-card .card-content>div.expanded {
    display: block;
    max-height: none;
  }
}

.engineering-fuels .linkedin-card .read-more-btn {
  cursor: pointer;
  text-decoration: underline;
  font-weight: 500;
}

.engineering-fuels .linkedin-card .card-image {
  width: 100%;
}

.engineering-fuels .linkedin-card .card-actions {
  display: flex;
  justify-content: space-around;
  margin-top: 15px;
}

.engineering-fuels .linkedin-card .card-actions button {
  background: none;
  border: none;
  font-size: 14px;
  cursor: pointer;
  color: #555;
}

.engineering-fuels .linkedin-card .card-actions button:hover {
  color: #0a66c2;
}

.engineering-fuels #NewsInsights .swiper-slide {
  height: auto;
}

.engineering-fuels .news-insights-card {
  position: relative;
  background-color: #F7F7F7;
  border: 1px solid rgba(35, 40, 45, 0.1019607843);
  padding: 40px 20px;
  min-height: 424px;
  display: flex;
  border-bottom: 1px solid rgba(55, 60, 65, 0.8);
  overflow: hidden;
  height: 100%;
}

.engineering-fuels .news-insights-card::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  transform: translateY(100%);
  transition: 0.6s;
  background-color: rgba(0, 0, 0, 0.6);
}

.engineering-fuels .news-insights-card>div {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  gap: 37px;
}

.engineering-fuels .news-insights-card>img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  height: 0;
  transition: 0.6s;
  display: block;
  z-index: 0;
}

.engineering-fuels .news-insights-card .tag {
  font-size: 15px;
  font-weight: 500;
  color: var(--primary-color);
  margin-bottom: 20px;
}

.engineering-fuels .news-insights-card .card-title {
  font-size: clamp(18px, 4vw, 24px);
  font-weight: 400;
  color: #231F20;
  line-height: 1.1;
  max-width: 287px;
  transition: 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.engineering-fuels .news-insights-card .card-desc {
  font-size: 16px;
  font-weight: 400;
  color: #828282;
  line-height: 1.2;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(35, 40, 45, 0.1019607843);
  margin-bottom: 40px;
  transition: 0.3s;
  max-height: 200px;
  overflow: auto;
  padding-inline-end: 8px;
}

.engineering-fuels .news-insights-card .card-desc::-webkit-scrollbar {
  width: 6px;
}

.engineering-fuels .news-insights-card .card-desc::-webkit-scrollbar-thumb {
  background-color: #555555;
  border: 2px solid #555555;
  border-radius: 8px;
}

.engineering-fuels .news-insights-card:hover::after {
  transform: translateY(0);
}

.engineering-fuels .news-insights-card:hover>img {
  height: 100%;
}

.engineering-fuels .news-insights-card:hover .card-title {
  color: #fff;
}

.engineering-fuels .news-insights-card:hover .card-desc {
  color: #C8C8C8;
}

.engineering-fuels .news-insights-card:hover .card-desc::-webkit-scrollbar-thumb {
  background-color: #f9f9f9;
  border: 2px solid #f9f9f9;
}

.engineering-fuels .pagination {
  margin-top: 40px;
}

.engineering-fuels .page-btn {
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border: 1px solid rgba(35, 40, 45, 0.2);
  cursor: pointer;
  border-radius: 2px;
  transition: 0.2s;
  color: rgba(35, 40, 45, 0.5019607843);
}

.engineering-fuels .active-number {
  background: #FFFFFF;
  border-color: #D7D7D7;
  color: #000;
}

.engineering-fuels .left-arrow {
  background: #1E1E1E;
  color: #FFFFFF;
  border: none;
  position: relative;
  overflow: hidden;
}

.engineering-fuels .left-arrow::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: 100%;
  background-color: #D30A2C;
  transition: bottom 0.3s ease;
  z-index: 0;
}

.engineering-fuels .left-arrow:hover::after {
  bottom: 0;
}

.engineering-fuels .left-arrow span {
  position: relative;
  z-index: 1;
}

.engineering-fuels .right-arrow {
  background: #D30A2C;
  color: #FFFFFF;
  border: none;
}

.commitment-today {
  position: relative;
  padding: 50px 0 70px 0;
  overflow: hidden;
  z-index: 1;
}

.commitment-today .container {
  position: relative;
  z-index: 2;
}

.commitment-today>img,
.commitment-today>video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  z-index: 0;
}

.commitment-today:not(.img)::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7490196078);
  z-index: 1;
}

.commitment-today .desc {
  font-size: 16px;
  max-width: 650px;
  margin-bottom: 180px;
  font-weight: 400;
  color: #C8C8C8;
}

.commitment-today .commitment-today-cards {
  display: flex;
  flex-wrap: wrap;
}

.commitment-today .commitment-today-cards .commitment-today-card {
  position: relative;
  background-color: rgba(255, 255, 255, 0.1019607843);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(20px);
  padding: 65px 25px;
  width: 25%;
  transition: 1s linear;
}

.commitment-today .commitment-today-cards .commitment-today-card:nth-child(odd) {
  top: -70px;
}

.commitment-today .commitment-today-cards .commitment-today-card:nth-child(even) {
  bottom: -30px;
}

.commitment-today .commitment-today-cards .commitment-today-card .percentage {
  font-size: clamp(42px, 4vw, 52px);
  font-weight: 700;
  color: #0DFF42;
  line-height: 1;
  margin-bottom: 15px;
}

.commitment-today .commitment-today-cards .commitment-today-card .percentage.light {
  color: #fff;
  font-weight: 400;
}

.commitment-today .commitment-today-cards .commitment-today-card .card-title {
  font-size: clamp(18px, 4vw, 20px);
  font-weight: 400;
  color: #F7F7F7;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.commitment-today .commitment-today-cards .commitment-today-card .card-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  color: #C8C8C8;
}

@media screen and (max-width: 900px) {
  .commitment-today .commitment-today-cards .commitment-today-card {
    width: 50%;
  }

  .commitment-today .commitment-today-cards .commitment-today-card:nth-child(odd) {
    top: 0;
  }

  .commitment-today .commitment-today-cards .commitment-today-card:nth-child(even) {
    bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .commitment-today .desc {
    margin-bottom: 100px;
  }

  .commitment-today .commitment-today-cards .commitment-today-card {
    width: 100%;
  }

  .commitment-today .commitment-today-cards .commitment-today-card:nth-child(odd) {
    top: 0;
  }

  .commitment-today .commitment-today-cards .commitment-today-card:nth-child(even) {
    bottom: 0;
  }
}

.commitment-today.active .commitment-today-cards .commitment-today-card:nth-child(odd) {
  top: 0;
}

.commitment-today.active .commitment-today-cards .commitment-today-card:nth-child(even) {
  bottom: 0;
}

.dark-sec-main {
  position: relative;
  background: #231F20;
  padding: 70px 0;
}

@media screen and (max-width: 992px) {
  .dark-sec-main {
    padding: 40px 0;
  }
}

.dark-sec-main .modern-offshore-main .heading-main {
  margin-bottom: 40px;
}

.dark-sec-main .modern-offshore-main .heading-main .sub-heading-desc-main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
  .dark-sec-main .modern-offshore-main .heading-main .sub-heading-desc-main .sub-heading {
    margin-bottom: 10px;
  }
}

.dark-sec-main .modern-offshore-main .heading-main .sub-heading-desc-main p {
  max-width: 620px;
}

.dark-sec-main .modern-offshore-main .modern-offshore-card {
  background: rgb(222, 223, 224);
}

.dark-sec-main .modern-offshore-main .modern-offshore-card ul {
  display: flex;
  align-items: center;
  width: 100%;
}

.dark-sec-main .modern-offshore-main .modern-offshore-card ul li {
  background: transparent;
  border: solid 1px rgba(55, 60, 65, 0.1);
  border-top: 0;
  transition: 0.5s all;
  width: 33.33%;
  padding: 20px;
}

.dark-sec-main .modern-offshore-main .modern-offshore-card ul li.active {
  background: rgb(55, 60, 65);
  border-bottom: solid 2px var(--primary-color);
}

.dark-sec-main .modern-offshore-main .modern-offshore-card ul li.active a {
  color: rgb(247, 247, 247);
}

.dark-sec-main .modern-offshore-main .modern-offshore-card ul li.active a span {
  border: solid 1px rgb(247, 247, 247);
}

.dark-sec-main .modern-offshore-main .modern-offshore-card ul li.active a span img {
  filter: brightness(1);
}

.dark-sec-main .modern-offshore-main .modern-offshore-card ul li a {
  font-size: 16px;
  font-weight: 500;
  color: rgba(55, 60, 65, 0.4);
  display: block;
  transition: 0.5s all;
}

.dark-sec-main .modern-offshore-main .modern-offshore-card ul li a span {
  border: solid 1px rgb(187, 188, 190);
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: 0.5s all;
  margin-top: 15px;
  margin-left: auto;
}

.dark-sec-main .modern-offshore-main .modern-offshore-card ul li a span img {
  filter: brightness(0.7);
  transition: 0.5s all;
}

.dark-sec-main .gulf-marine-main {
  padding-top: 70px;
}

@media screen and (max-width: 992px) {
  .dark-sec-main .gulf-marine-main {
    padding-top: 40px;
  }
}

.dark-sec-main .gulf-marine-main .col-lg-4:last-child .gulf-marine-card {
  margin-bottom: 0;
}

.dark-sec-main .gulf-marine-main .gulf-marine-card {
  margin-bottom: 20px;
}

.dark-sec-main .gulf-marine-main .gulf-marine-card .number-text {
  overflow: hidden;
}

.dark-sec-main .gulf-marine-main .gulf-marine-card .number-text span {
  font-size: clamp(60px, 9vw, 128px);
  font-weight: 400;
  color: var(--primary-color);
  line-height: 1;
  transform: translateY(25px);
  display: block;
}

@media screen and (max-width: 992px) {
  .dark-sec-main .gulf-marine-main .gulf-marine-card .number-text span {
    transform: translateY(15px);
  }
}

@media screen and (max-width: 767px) {
  .dark-sec-main .gulf-marine-main .gulf-marine-card .number-text span {
    transform: translateY(12px);
  }
}

.dark-sec-main .gulf-marine-main .gulf-marine-card p {
  font-size: 16px;
  font-weight: 400;
  color: rgb(247, 247, 247);
  line-height: 1.1;
}

@media screen and (max-width: 767px) {
  .dark-sec-main .gulf-marine-main .gulf-marine-card p {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .dark-sec-main .comprehensive-offshore-main {
    padding-top: 40px;
  }
}

.dark-sec-main .comprehensive-offshore-main .heading-main {
  margin-bottom: 40px;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card {
  position: relative;
  border: solid 1px rgba(247, 247, 247, 0.1);
  overflow: hidden;
  margin-bottom: 20px;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(224, 0, 52, 0.5019607843);
  opacity: 0;
  transition: 0.3s linear;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card:hover>img {
  transform: scale(1.1);
  opacity: 1;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card:hover::after {
  opacity: 1;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card:hover .content {
  transform: translateY(0);
}

.dark-sec-main .comprehensive-offshore-main .offshore-card>img {
  width: 100%;
  max-width: 100%;
  transition: 0.5s all;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card .icon-text-main {
  position: absolute;
  top: 20px;
  left: 20px;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card .icon-text-main .icon-text {
  display: flex;
  align-items: center;
  gap: 20px;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card .icon-text-main .icon-text span {
  border: solid 1px rgba(247, 247, 247, 0.1);
  border-radius: 1px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: 0.5s all;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card .icon-text-main .icon-text h6 {
  font-size: 18px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  margin-bottom: 0;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card .offshore-desc {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card .offshore-desc p {
  font-size: 16px;
  font-weight: 400;
  color: rgb(247, 247, 247);
  line-height: 1.1;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card .content {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(80px);
  transition: 0.3s linear;
  width: 100%;
  padding: 20px;
  z-index: 1;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card .content .card-title {
  color: #F7F7F7;
  font-size: clamp(32px, 3vw, 40px);
  margin-bottom: 30px;
  line-height: 1.1;
}

.dark-sec-main .comprehensive-offshore-main .offshore-card .content .card-desc {
  font-size: 16px;
  color: #F7F7F7;
  line-height: 1.2;
  margin-bottom: 40px;
}


.share-price-information .cardinner p {
  font-size: 16px;
  color: #828282;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 15px;
  overflow: auto;
  max-height: 200px;

}

.share-price-information .input-group {

  position: relative;

}

.share-price-information .input-group img {

  position: absolute;

  left: 10px;

  z-index: 9;

  top: 18px;

}

.share-price-information .input-group input {

  min-height: 50px;

  padding-left: 40px;

  font-size: 14px;

  border-radius: 0;

  border-color: #D6D6D6;

}

.share-price-information .form-select {

  min-height: 50px;

  font-size: 14px;

  border-radius: 0;

  border-color: #D6D6D6;

}

.share-price-information .form-control:focus {
  box-shadow: unset !important;

}

.share-price-information .form-label {
  color: #231F20;

  font-size: clamp(20px, 4vw, 24px);

  margin-bottom: 15px;

}

.share-price-information input,
.share-price-information select {

  color: #B4B5B6;

}


.share-price-information {
  position: relative;
  padding: 100px 0;
}

.share-price-information .share-price-information-card {
  padding: 20px;
  background-color: #fff;
}

/* .share-price-information .share-price-information-card .primary-title {
  position: relative;
  font-size: 32px;
  margin-bottom: 40px;
} */

.share-price-information .share-price-information-card .primary-title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100px;
  height: 1px;
  width: 84px;
  display: block;
  background-color: var(--primary-color);
}

.share-price-information .share-price-information-card .nav-pills {
  position: relative;
  gap: 5px;
  z-index: 0;
}

.share-price-information .share-price-information-card .nav-pills .nav-link {
  text-transform: uppercase;
  color: #666;
  background-color: #f8f8f8;
  border: 1px solid #e2e1e1;
  border-radius: 0;
  padding: 14px 20px;
  margin-bottom: -1px;
  z-index: 0;
}

.share-price-information .share-price-information-card .nav-pills .nav-link.active {
  border-color: red;
}

.share-price-information .share-price-information-card .nav-pills .nav-link:not(.active):hover {
  background-color: #f0f0f0;
}

.share-price-information .share-price-information-card .tab-content {
  position: relative;
  border: 1px solid #f0f0f0;
  border-top: 1px solid red;
  padding: 14px 20px;
  background-color: #f8f8f8;
  z-index: 1;
}

.share-price-information .share-price-information-card .tab-content .neer_heading_title {
  position: relative;
  font-size: 22px;
  color: #333333;
  font-weight: 500;
}

.share-price-information .share-price-information-card .tab-content .neer_heading_title::after {
  content: "";
  height: 1px;
  width: 84px;
  display: block;
  margin-top: 10px;
  background-color: var(--primary-color);
}

.share-price-information .share-price-information-card .tab-content table {
  border-collapse: collapse;
  margin: 0 0 1.5em;
  width: 100%;
}

.share-price-information .share-price-information-card .tab-content table td {
  font-weight: 400;
}

.share-price-information .share-price-information-card .tab-content table th:first-child,
.share-price-information .share-price-information-card .tab-content table td:first-child {
  padding-left: 0;
}

.share-price-information .share-price-information-card .tab-content table strong {
  font-weight: 500;
}

.share-price-information .share-price-information-card .tab-content table tr {
  border-bottom: 1px solid #eee;
}

.share-price-information .share-price-information-card .tab-content p {
  color: #555555;
  font-weight: 400;
  margin: 0;
}

.sustainability-chart-section {
  position: relative;
  padding: 100px 0;
}

.sustainability-chart-section .title {
  color: #231F20;
  font-weight: 400;
  font-size: clamp(28px, 3vw, 36px);
  margin-bottom: 40px;
}

.sustainability-chart-section .chart-card {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}

.sustainability-chart-section .chart-card.txt {
  padding-inline-start: 30px;
}

.sustainability-chart-section .chart-card span {
  position: absolute;
  top: 36%;
  left: -10px;
  transform: translateY(-100%) rotate(-90deg);
  transform-origin: center;
  line-height: 1;
  font-weight: 400;
  font-size: 12px;
  color: #939496;
}

.sustainability-chart-section .chart-title {
  font-size: 24px;
  color: #231F20;
  font-weight: 400;
  margin-bottom: 10px;
}

.sustainability-chart-section .chart-desc {
  font-size: 16px;
  color: #505050;
  font-weight: 400;
  max-width: 600px;
}

.sustainability-chart-section .vehicle-fuel-items>div {
  display: flex;
  align-items: center;
  gap: 26px;
  border-bottom: 1px solid rgba(35, 31, 32, 0.1019607843);
  padding-bottom: 35px;
  margin-bottom: 35px;
}

.sustainability-chart-section .vehicle-fuel-items>div>div:nth-child(1) {
  width: 120px;
  color: rgba(35, 40, 45, 0.5019607843);
  font-weight: 400;
  font-size: clamp(38px, 4vw, 48px);
}

.sustainability-chart-section .vehicle-fuel-items>div>div:nth-child(2) {
  font-size: 17px;
  color: rgba(35, 31, 32, 0.5019607843);
  font-weight: 400;
  line-height: 1.1;
  max-width: 358px;
}

.embracing-a-greener {
  position: relative;
  padding: 70px 0;
}

@media screen and (max-width: 767px) {
  .embracing-a-greener {
    padding: 40px 0;
  }
}

.embracing-a-greener .embracing-a-greener-card {
  padding-top: 75px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .embracing-a-greener .embracing-a-greener-card {
    padding-top: 25px;
  }
}

.embracing-a-greener .embracing-a-greener-card .content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-inline: 50px;
  padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .embracing-a-greener .embracing-a-greener-card .content {
    padding-inline: 25px;
    padding-bottom: 20px;
  }
}

.embracing-a-greener .embracing-a-greener-card .content .card-title {
  color: #23282D;
  font-size: clamp(28px, 3vw, 32px);
  margin-bottom: 20px;
  line-height: 1.1;
}

.embracing-a-greener .embracing-a-greener-card .content .card-desc {
  color: #505050;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.1;
}

.embracing-a-greener .embracing-a-greener-card .img-card {
  padding: 75px;
  background-image: url("../../images/embracing-a-greener-card-bg.png");
  background-size: cover;
  background-position: center;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .embracing-a-greener .embracing-a-greener-card .img-card {
    padding: 24px;
  }
}

.embracing-a-greener .embracing-a-greener-card .img-card.without-img {
  padding: 64px;
  background-image: none;
  background: rgb(80, 80, 80);
}

@media screen and (max-width: 767px) {
  .embracing-a-greener .embracing-a-greener-card .img-card.without-img {
    padding: 24px;
  }
}

.embracing-a-greener .embracing-a-greener-card .img-card.without-img h3 {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 1.1;
  margin-bottom: 68px;
}

@media screen and (max-width: 992px) {
  .embracing-a-greener .embracing-a-greener-card .img-card.without-img h3 {
    margin-bottom: 30px;
  }
}

.embracing-a-greener .embracing-a-greener-card .img-card.without-img a {
  display: flex;
  width: max-content;
  margin-left: auto;
}

.embracing-a-greener .embracing-a-greener-card .img-card p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.631372549);
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 1.1;
}

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

  .embracing-a-greener .embracing-a-greener-card .content,
  .embracing-a-greener .embracing-a-greener-card .img-card {
    width: 100%;
  }
}

.latest-report-main {
  background: rgb(233, 234, 234);
  overflow: hidden;
  padding: 70px 0;
  position: relative;
}

.latest-report-main .heading-main {
  padding-bottom: 20px;
}

.latest-report-main .heading-main p {
  font-size: 28px;
  font-weight: 400;
  color: rgb(35, 40, 45);
  line-height: 1.1;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .latest-report-main .heading-main p {
    font-size: 22px;
  }
}

.latest-report-main .heading-main p span {
  color: rgba(35, 40, 45, 0.5);
}

.latest-report-main .insights-reports-main {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid;
  border-image-source: linear-gradient(261.61deg, rgba(55, 60, 65, 0.005) 0%, rgba(55, 60, 65, 0.1) 50%, rgba(55, 60, 65, 0.005) 100%);
  backdrop-filter: blur(60px);
  padding: 60px 40px 40px 40px;
  border-radius: 1px;
  margin-top: 40px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 992px) {
  .latest-report-main .insights-reports-main {
    padding: 20px 10px;
  }
}

.latest-report-main .insights-reports-main .insights-reports-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.latest-report-main .insights-reports-main .insights-reports-heading h3 {
  font-size: 28px;
  font-weight: 400;
  color: rgb(55, 60, 65);
}

.latest-report-main .insights-reports-main .insights-reports-heading .arrow-main {
  display: flex;
  align-items: center;
  gap: 5px;
}

.latest-report-main .insights-reports-main .insights-reports-heading .arrow-main span {
  border: solid 2px rgb(238, 58, 67);
  width: 46px;
  height: 46px;
  min-width: 46px;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(238, 58, 67);
  transition: 0.3s all;
}

.latest-report-main .insights-reports-main .insights-reports-heading .arrow-main span.swiper-button-disabled {
  background: transparent;
  border: solid 2px rgba(35, 40, 45, 0.2);
  cursor: not-allowed;
}

.latest-report-main .insights-reports-main .insights-reports-heading .arrow-main span.swiper-button-disabled img {
  filter: brightness(0.7);
}

.latest-report-main .insights-reports-main .insights-slider-main {
  margin-top: 20px;
  overflow: hidden;
}

.latest-report-main .insights-reports-main .insights-slider-main .swiper-slide {
  height: auto;
}

.latest-report-main .insights-reports-main .insights-slider-main .row {
  height: 100%;
}

.latest-report-main .insights-reports-main .insights-slider-main .insights-card-main {
  background: rgb(255, 255, 255);
  height: 100%;
}

.latest-report-main .insights-reports-main .insights-slider-main .insights-card-main .insights-img {
  width: 100%;
  height: 100%;
}

.latest-report-main .insights-reports-main .insights-slider-main .insights-card-main .insights-img img {
  width: 100%;
  height: 100%;
}

.latest-report-main .insights-reports-main .insights-slider-main .insights-card-main .insights-text-main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  height: 100%;
}

.latest-report-main .insights-reports-main .insights-slider-main .insights-card-main .insights-text-main .insights-text h6 {
  font-size: 20px;
  font-weight: 400;
  color: rgb(55, 60, 65);
  margin-bottom: 15px;
}

.latest-report-main .insights-reports-main .insights-slider-main .insights-card-main .insights-text-main .insights-text p {
  font-size: 16px;
  font-weight: 400;
  color: rgb(187, 188, 190);
  line-height: 1.1;
  margin-bottom: 20px;
}

.latest-report-main .insights-reports-main .insights-slider-main .insights-card-main .insights-text-main a {
  width: max-content;
}

.latest-report-main .insights-marque-main {
  position: absolute;
  bottom: 25%;
  transform: translateY(-25%);
  z-index: 0;
}

.latest-report-main .insights-marque-main .insights-marque {
  position: sticky;
  top: 0;
  padding: 6px 0;
  background-color: transparent;
  color: rgb(222, 223, 224);
  font-size: 12px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.latest-report-main .insights-marque-main .insights-marque .center-marque {
  will-change: transform;
  transform: translateX(0);
  white-space: nowrap;
  animation: marqueetext 50s linear infinite;
}

.latest-report-main .insights-marque-main .insights-marque .center-marque span {
  padding-inline: 30px;
  font-size: clamp(52px, 6vw, 80px);
  color: rgb(222, 223, 224);
  font-weight: 400;
}

.latest-report-main .insights-reports-bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1160px;
}

.latest-report-main .insights-reports-bg.active img {
  transform: translateY(0);
}

@media screen and (max-width: 992px) {
  .latest-report-main .insights-reports-bg {
    display: none;
  }
}

.latest-report-main .insights-reports-bg img {
  transform: translateY(100%);
  transition: 2.5s all;
  width: 100%;
}

@keyframes marqueetext {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.job-openings {
  position: relative;
  padding: 50px 0;
}

.job-openings .job-openings-filter {
  display: flex;
}

.job-openings .job-openings-filter .filter-search .input {
  position: relative;
  width: 100%;
  max-width: 473px;
}

.job-openings .job-openings-filter .filter-search .input input {
  width: 100%;
  height: 50px;
  padding: 5px 20px;
  border: 1px solid rgba(35, 31, 32, 0.2509803922);
  padding-inline-end: 45px;
  outline: 0;
  font-size: clamp(18px, 4vw, 20px);
  color: #231F20;
  background: transparent;
}

.job-openings .job-openings-filter .filter-search .input .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  display: inline-block;
}

.job-openings .job-openings-filter .filter-btns {
  display: flex;
}

.job-openings .job-openings-filter .filter-btns button {
  display: inline-block;
  padding: 5px;
  width: 188px;
  height: 50px;
  border: 0;
  outline: 0;
  font-size: 20px;
  font-weight: 500;
  background-color: #fff;
  transition: 0.3s;
}

.job-openings .job-openings-filter .filter-btns button.active,
.job-openings .job-openings-filter .filter-btns button:hover {
  color: #fff;
  background-color: #E00034;
}

.job-openings .job-openings-filter .filter-dropdowns {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid rgba(35, 31, 32, 0.2509803922);
}

.job-openings .job-openings-filter .filter-dropdowns>div {
  flex: 1;
}

.job-openings .job-openings-filter .filter-dropdowns>div:not(:last-child) {
  border-inline-end: 1px solid rgba(35, 31, 32, 0.2509803922);
}

.job-openings .job-openings-filter .filter-dropdowns>div .dropdown .dropdown-toggle {
  width: 100%;
  min-width: 220px;
  height: 50px;
  border: 0;
  padding-inline: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 20px;
}

.job-openings .job-openings-filter .filter-dropdowns>div .dropdown .dropdown-toggle::after {
  display: none;
}

.job-openings .job-openings-filter .filter-dropdowns>div .dropdown .dropdown-toggle img {
  min-width: 20px;
}

.job-openings .job-openings-filter .filter-dropdowns>div .dropdown .dropdown-menu {
  border-radius: 0;
  border: 1px solid rgba(35, 31, 32, 0.2509803922);
  padding: 0;
  min-width: 100%;
  max-height: 300px;
  overflow: auto;
  z-index: 10;
}

.job-openings .job-openings-filter .filter-dropdowns>div .dropdown .dropdown-menu span {
  display: block;
  padding: 12px;
  color: #505050;
  font-size: 16px;
  transition: 0.2s;
  cursor: pointer;
}

.job-openings .job-openings-filter .filter-dropdowns>div .dropdown .dropdown-menu span:not(:last-child) {
  border-bottom: 1px solid rgba(35, 31, 32, 0.2509803922);
}

.job-openings .job-openings-filter .filter-dropdowns>div .dropdown .dropdown-menu span.active,
.job-openings .job-openings-filter .filter-dropdowns>div .dropdown .dropdown-menu span:hover {
  background-color: #C8C8C8;
}

@media screen and (max-width: 992px) {
  .job-openings .job-openings-filter .filter-dropdowns>div .dropdown .dropdown-toggle {
    font-size: 13px;
    padding-inline: 10px;
    min-width: 150px;
    height: 40px;
  }

  .job-openings .job-openings-filter .filter-dropdowns>div .dropdown .dropdown-menu span {
    font-size: 12px;
  }
}

@media screen and (max-width: 992px) {
  .job-openings .job-openings-filter .filter-dropdowns>div {
    flex: unset;
    width: 100%;
    border-inline-end: 0 !important;
  }

  .job-openings .job-openings-filter .filter-dropdowns>div:not(:last-child) {
    border-bottom: 1px solid rgba(35, 31, 32, 0.2509803922);
  }
}

.job-openings .job-card {
  background-color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.job-openings .job-card .card-head {
  padding: 35px 25px 10px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.job-openings .job-card .card-head .title {
  font-size: clamp(26px, 3vw, 32px);
  line-height: 1.1;
  font-weight: 400;
  color: #231F20;
}

.job-openings .job-card .card-head .time {
  color: var(--primary-color);
  font-size: 16px;
  white-space: nowrap;
  font-weight: 300;
}

.job-openings .job-card .card-body {
  padding: 20px 25px 12px 25px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 300px;
  overflow: auto;
}

.job-openings .job-card .card-body::-webkit-scrollbar {
  width: 6px;
}

.job-openings .job-card .card-body::-webkit-scrollbar-thumb {
  background-color: #555555;
  border: 2px solid #555555;
  border-radius: 8px;
}

.job-openings .job-card .card-body .card-desc {
  color: #231F20;
  font-size: clamp(18px, 4vw, 20px);
  line-height: 1.1;
  text-align: unset;
}

.job-openings .job-card .card-tags {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  padding: 20px 25px 12px 25px;
}

.job-openings .job-card .card-tags span {
  display: inline-block;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #231F20;
  background-color: rgba(35, 31, 32, 0.1019607843);
}

.job-openings .job-card .card-footer {
  padding: 17px 25px;
  border-top: 1px solid rgba(35, 31, 32, 0.1019607843);
}

.job-openings .job-card-v1 {
  background-color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.job-openings .job-card-v1 .card-head {
  padding: 35px 25px 10px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.job-openings .job-card-v1 .card-head .title {
  font-size: clamp(26px, 3vw, 32px);
  line-height: 1.1;
  font-weight: 400;
  color: #231F20;
}

.job-openings .job-card-v1 .card-head .time {
  color: var(--primary-color);
  font-size: 16px;
  white-space: nowrap;
  font-weight: 300;
}

.job-openings .job-card-v1 .card-body {
  padding: 20px 25px 12px 25px;
  min-height: 200px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  max-height: 300px;
  overflow: auto;
  /* justify-content: space-between; */
}

.job-openings .job-card-v1 .card-body::-webkit-scrollbar {
  width: 6px;
}

.job-openings .job-card-v1 .card-body::-webkit-scrollbar-thumb {
  background-color: #555555;
  border: 2px solid #555555;
  border-radius: 8px;
}

.job-openings .job-card-v1 .card-body .card-desc {
  color: #231F20;
  font-size: 14px;
  line-height: 1.1;
}

.job-openings .job-card-v1 .card-body .card-tags {
  display: flex;
  gap: 14px;
}

.job-openings .job-card-v1 .card-body .card-tags span {
  display: inline-block;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #231F20;
  background-color: rgba(35, 31, 32, 0.1019607843);
}

.job-openings .job-card-v1 .card-footer {
  padding: 17px 25px;
  border-top: 1px solid rgba(35, 31, 32, 0.1019607843);
}

.cv-label {
  padding: 15px 25px;
  border: 1px dashed rgba(35, 31, 32, 0.5019607843);
}

.cv-label .cv-label-content {
  text-align: center;
}

.cv-label .cv-label-content p {
  margin-bottom: 16px;
}

.cv-label .cv-label-content img {
  margin-bottom: 14px;
}

.life-at-gms {
  position: relative;
  padding: 80px 0;
  background-color: #231F20;
}

.life-at-gms .primary-title {
  color: #E9EAEA;
}

.life-at-gms .desc-lg {
  color: #C8C8C8;
}

.life-at-gms .life-at-gms-card {
  position: relative;
  overflow: hidden;
}

.life-at-gms .life-at-gms-card>img {
  width: 100%;
  min-height: 250px;
  object-fit: cover;
}

.life-at-gms .life-at-gms-card .content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  padding: 30px 20px;
  color: #F7F7F7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.7s ease-in-out;
  gap: 10px;
}

.life-at-gms .life-at-gms-card .content .content-title {
  font-size: clamp(22px, 3vw, 28px);
  line-height: 1.1;
}

.life-at-gms .life-at-gms-card .content .content-desc {
  font-size: 14px;
  line-height: 1.1;
  text-align: justify;
}

.life-at-gms .life-at-gms-card:hover .content,
.life-at-gms .life-at-gms-card.active .content {
  background-color: #323232;
  transform: translateY(0);
}

.accreditations-certifications-main {
  position: relative;
  padding-top: 70px;
  background: rgb(243, 244, 246);
}

@media screen and (max-width: 992px) {
  .accreditations-certifications-main {
    padding-top: 40px;
  }
}

.accreditations-certifications-main .heading-main {
  margin-bottom: 40px;
}

.accreditations-certifications-main .heading-main .sub-heading-desc-main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
  .accreditations-certifications-main .heading-main .sub-heading-desc-main .sub-heading {
    margin-bottom: 10px;
  }
}

.accreditations-certifications-main .heading-main .sub-heading-desc-main p {
  max-width: 620px;
}

.accreditations-certifications-main .certification-card {
  background: rgb(255, 255, 255);
  padding: 20px;
  display: flex;
  gap: 20px;
  height: calc(100% - 20px);
  margin-bottom: 20px;
  width: 100%;
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  .accreditations-certifications-main .certification-card {
    flex-wrap: wrap;
    height: auto;
  }
}

.accreditations-certifications-main .certification-card .certification-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  max-width: 180px;
  padding-right: 10px;
}

@media screen and (max-width: 500px) {
  .accreditations-certifications-main .certification-card .certification-content {
    max-width: unset;
    margin-bottom: 15px;
  }
}

.accreditations-certifications-main .certification-card .certification-content p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(35, 40, 45, 0.4);
  line-height: 1.1;
  margin-bottom: 20px;
}

.accreditations-certifications-main .certification-card .certification-content a {
  border: solid 1px rgb(147, 148, 150);
  background: transparent;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s all;
}

.accreditations-certifications-main .certification-card .certification-content a img {
  filter: brightness(0.6);
  transition: 0.5s all;
}

.accreditations-certifications-main .certification-card .certification-img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(35, 40, 45, 0.1);
}

.partner-best-main {
  position: relative;
  background: rgb(243, 244, 246);
  padding-top: 70px;
}

@media screen and (max-width: 992px) {
  .partner-best-main {
    padding-top: 40px;
  }
}

.partner-best-main .heading-main {
  margin-bottom: 40px;
}

.partner-best-main .heading-main .sub-heading-desc-main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
  .partner-best-main .heading-main .sub-heading-desc-main .sub-heading {
    margin-bottom: 10px;
  }
}

.partner-best-main .heading-main .sub-heading-desc-main p {
  max-width: 620px;
  color: rgba(35, 31, 32, 0.5019607843);
}

.partner-best-main .horizontal-marquee {
  position: relative;
  overflow: hidden;
  padding: 20px;
  height: 100%;
  max-height: 520px;
}

@media screen and (max-width: 992px) {
  .partner-best-main .horizontal-marquee {
    padding: 15px;
  }
}

.partner-best-main .horizontal-marquee .row {
  will-change: transform;
  transform: translateY(0);
  animation: marquee 40s infinite linear;
}

.partner-best-main .horizontal-marquee .row .col-lg-3:first-child {
  transform: translateY(60px);
}

@media screen and (max-width: 992px) {
  .partner-best-main .horizontal-marquee .row .col-lg-3:first-child {
    transform: translateY(0);
  }
}

.partner-best-main .horizontal-marquee .row .col-lg-3:nth-child(3) {
  transform: translateY(60px);
}

@media screen and (max-width: 992px) {
  .partner-best-main .horizontal-marquee .row .col-lg-3:nth-child(3) {
    transform: translateY(0);
  }
}

.partner-best-main .horizontal-marquee .partner-logo-main .partner-logo {
  width: 100%;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px rgba(35, 40, 45, 0.1);
  border-radius: 8px;
}

@keyframes marquee {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
  }
}

.legacy-built {
  position: relative;
  padding: 100px 0;
}

.pin-spacer {
  max-width: 100%;
}

@media screen and (max-width: 991.98px) {
  .legacy-built {
    padding-top: 50px;
  }
}

.legacy-built .main-year {
  padding: 50px 0px;
  border-bottom: 1px solid rgba(35, 31, 32, 0.1019607843);
  padding-bottom: 40px;
}

@media screen and (max-width: 991.98px) {
  .legacy-built .main-year {
    padding: 50px 0px;
  }
}

.legacy-built .main-year:last-child {
  border-bottom: unset;
}

.legacy-built .main-year h2 {
  font-size: clamp(52px, 6vw, 80px);
  font-weight: 500;
  color: var(--primary-color);
  line-height: 1.1;
  flex: 1;
}

.legacy-built .main-year ul {
  max-width: 550px;
  padding-left: 20px;
  margin-top: 15px;
}

.legacy-built .main-year ul li {
  color: #505050;
  font-size: clamp(20px, 4vw, 20px);
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 1.1;
  list-style: disc;
}

@media screen and (max-width: 991.98px) {
  .legacy-built .main-year ul li {
    margin-bottom: 20px;
  }
}

.legacy-built .main-year ul li::marker {
  color: var(--primary-color);
}

.legacy-built .history-years-vertical {
  position: relative;
}

.legacy-built .history-years-vertical__circle {
  position: relative;
  z-index: 1;
  width: calc((0.5px + 0.5 * (100vw - 720px) / 720) * 480);
  height: calc((0.5px + 0.5 * (100vw - 720px) / 720) * 480);
  margin-left: auto;
}

.legacy-built .history-years-vertical__circle rect {
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-property: stroke-dashoffset;
  fill: none;
  stroke: #2b3944;
  stroke-width: 1.25;
  stroke-dasharray: 1;
  stroke-dashoffset: 2;
  rx: 100%;
  ry: 100%;
  opacity: 0.15;
  transform-origin: 50% 50%;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}

.legacy-built .history-years-vertical__circle rect+rect {
  stroke: #E00034;
  stroke-width: 0.75;
  opacity: 1;
}

.legacy-built .history-years-vertical__years__left {
  position: relative;
  z-index: 1;
  color: #E00034;
  width: 0;
}

.legacy-built .history-years-vertical__years__right {
  position: relative;
  flex-grow: 1;
  will-change: transform;
}

.legacy-built .history-years-vertical__years__right__list {
  position: absolute;
}

.legacy-built .history-years-vertical__years__right__item {
  color: #E6E6E6;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-property: color;
}

.legacy-built .history-years-vertical__years__right__item.is-active {
  color: #E00034;
}

.legacy-built .history-years-vertical__years {
  position: absolute;
  width: 100%;
  left: 0;
  top: 30%;
  transform: translateY(-50%);
  padding-top: 100px;
  display: flex;
  align-items: stretch;
  font-size: clamp(42px, 15vw, 250px);
  font-weight: 500;
  line-height: 1;
}

.legacy-built .legacy-built-timeline-txt {
  position: relative;
  max-height: 633px;
  overflow: hidden;
  padding-top: 100px;
}

.legacy-built .legacy-built-timeline-txt::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, #F3F4F6 0%, rgba(243, 244, 246, 0) 16.83%, rgba(243, 244, 246, 0) 48.08%, rgba(243, 244, 246, 0) 81.73%, #F3F4F6 100%);
}

.legacy-built .legacy-built-timeline-txt .legacy-built-timeline-txt-item {
  position: relative;
  max-width: 475px;
  height: 240px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  border-top: 1px solid #C8C8C8;
}

.legacy-built .legacy-built-timeline-txt .legacy-built-timeline-txt-item:nth-child(1) {
  margin-top: 180px;
}

.legacy-built .legacy-built-timeline-txt .legacy-built-timeline-txt-item span:nth-child(1) {
  font-size: 24px;
  color: #505050;
  font-weight: 400;
  display: flex;
  gap: 12px;
}

.legacy-built .legacy-built-timeline-txt .legacy-built-timeline-txt-item span:nth-child(1)::before {
  content: "";
  display: inline-block;
  width: 6px;
  min-width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #E00034;
  margin-top: 14px;
}

.legacy-built .legacy-built-timeline-txt .legacy-built-timeline-txt-item span:nth-child(2) {
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: rgba(35, 31, 32, 0.5019607843);
  font-weight: 400;
}

.legacy-built-new {
  position: relative;
  padding: 100px 0;
}

.legacy-built-new .history-years-vertical {
  position: relative;
}

.legacy-built-new .history-years-vertical__circle {
  position: relative;
  z-index: 1;
  width: calc((0.5px + 0.5 * (100vw - 720px) / 720) * 480);
  height: calc((0.5px + 0.5 * (100vw - 720px) / 720) * 480);
  margin-left: auto;
}

.legacy-built-new .history-years-vertical__circle rect {
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-property: stroke-dashoffset;
  fill: none;
  stroke: #2b3944;
  stroke-width: 1.25;
  stroke-dasharray: 1;
  stroke-dashoffset: 2;
  rx: 100%;
  ry: 100%;
  opacity: 0.15;
  transform-origin: 50% 50%;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}

.legacy-built-new .history-years-vertical__circle rect+rect {
  stroke: #E00034;
  stroke-width: 0.75;
  opacity: 1;
}

.legacy-built-new .history-years-vertical__years__left {
  position: relative;
  z-index: 1;
  color: #E00034;
  width: 0;
}

.legacy-built-new .history-years-vertical__years__right {
  position: relative;
  flex-grow: 1;
  will-change: transform;
}

.legacy-built-new .history-years-vertical__years__right__list {
  position: absolute;
}

.legacy-built-new .history-years-vertical__years__right__item {
  height: 240px;
  color: #E6E6E6;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-property: color;
}

.legacy-built-new .history-years-vertical__years__right__item.is-active {
  color: #E00034;
}

.legacy-built-new .history-years-vertical__years {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  padding-top: 100px;
  display: flex;
  align-items: stretch;
  font-size: clamp(42px, 15vw, 250px);
  font-weight: 500;
  line-height: 1;
}

.legacy-built-new .legacy-built-timeline-txt {
  position: relative;
  max-height: 633px;
  padding-top: 100px;
  overflow: hidden;
}

.legacy-built-new .legacy-built-timeline-txt::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, #F3F4F6 0%, rgba(243, 244, 246, 0) 16.83%, rgba(243, 244, 246, 0) 48.08%, rgba(243, 244, 246, 0) 81.73%, #F3F4F6 100%);
}

.legacy-built-new .legacy-built-timeline-txt .legacy-built-timeline-txt-item {
  position: relative;
  max-width: 475px;
  height: 240px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  border-top: 1px solid #C8C8C8;
}

.legacy-built-new .legacy-built-timeline-txt .legacy-built-timeline-txt-item ul li:nth-child(1) {
  font-size: 24px;
  color: #505050;
  font-weight: 400;
  display: flex;
  gap: 12px;
}

.legacy-built-new .legacy-built-timeline-txt .legacy-built-timeline-txt-item ul li:nth-child(1)::before {
  content: "";
  display: inline-block;
  width: 6px;
  min-width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #E00034;
  margin-top: 14px;
}

.legacy-built-new .legacy-built-timeline-txt .legacy-built-timeline-txt-item span:nth-child(1) {
  font-size: 24px;
  color: #505050;
  font-weight: 400;
  display: flex;
  gap: 12px;
}

.legacy-built-new .legacy-built-timeline-txt .legacy-built-timeline-txt-item span:nth-child(1)::before {
  content: "";
  display: inline-block;
  width: 6px;
  min-width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #E00034;
  margin-top: 14px;
}

.legacy-built-new .legacy-built-timeline-txt .legacy-built-timeline-txt-item span.year {
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: rgba(35, 31, 32, 0.5019607843);
  font-weight: 400;
}

.legacy-built-new .year-number-slider-main {
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-top: 30px;
}

.legacy-built-new .year-number-slider-main .history-years-vertical__circle {
  position: relative;
  z-index: 1;
  width: calc((0.5px + 0.5 * (100vw - 720px) / 720) * 480);
  height: calc((0.5px + 0.5 * (100vw - 720px) / 720) * 480);
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .legacy-built-new .year-number-slider-main .history-years-vertical__circle {
    width: 300px;
    height: 300px;
    pointer-events: none;
  }
}

.legacy-built-new .year-number-slider-main .history-years-vertical__circle rect {
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-property: stroke-dashoffset;
  fill: none;
  stroke: #2b3944;
  stroke-width: 1.25;
  stroke-dasharray: 1;
  stroke-dashoffset: 2;
  rx: 100%;
  ry: 100%;
  opacity: 0.15;
  transform-origin: 50% 50%;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}

.legacy-built-new .year-number-slider-main .history-years-vertical__circle rect+rect {
  stroke: #E00034;
  stroke-width: 0.75;
  opacity: 1;
}

.legacy-built-new .year-number-slider-main .year-number-slider {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  width: calc((0.5px + 0.5 * (100vw - 720px) / 720) * 480);
}

@media screen and (max-width: 767px) {
  .legacy-built-new .year-number-slider-main .year-number-slider {
    width: 300px;
  }
}

.legacy-built-new .year-number-slider-main .year-number-slider .year-number-main span {
  font-size: 92px;
  font-weight: 500;
  color: var(--primary-color);
  line-height: 1;
}

.legacy-built-new .year-text-slider {
  overflow: hidden;
  margin-top: 40px;
}

.legacy-built-new .year-text-slider .legacy-built-timeline-txt-item {
  display: block;
  border-top: 1px solid #C8C8C8;
  min-height: 120px;
  padding-block: 15px;
}

.legacy-built-new .year-text-slider .legacy-built-timeline-txt-item ul li:nth-child(1) {
  font-size: 24px;
  color: #505050;
  font-weight: 400;
  display: flex;
  gap: 12px;
}

.legacy-built-new .year-text-slider .legacy-built-timeline-txt-item ul li:nth-child(1)::before {
  content: "";
  display: inline-block;
  width: 6px;
  min-width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #E00034;
  margin-top: 14px;
}

.legacy-built-new .year-text-slider .legacy-built-timeline-txt-item span {
  padding-top: 5px;
  display: block;
  line-height: 1.1;
}

.legacy-built-new .year-text-slider .legacy-built-timeline-txt-item span:nth-child(1) {
  font-size: 24px;
  color: #505050;
  font-weight: 400;
  display: flex;
  gap: 12px;
  line-height: 1.1;
  padding-bottom: 10px;
}

.legacy-built-new .year-text-slider .legacy-built-timeline-txt-item span:nth-child(1)::before {
  content: "";
  display: inline-block;
  width: 6px;
  min-width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #E00034;
  margin-top: 12px;
}

.legacy-built-new .year-text-slider .legacy-built-timeline-txt-item span.year {
  position: relative;
  display: block;
  text-align: right;
  color: rgba(35, 31, 32, 0.5019607843);
  font-weight: 400;
  padding-top: 10px;
}

.financial-performance {
  position: relative;
  padding: 100px 0;
}

.financial-performance .desc {
  font-size: 16px;
  font-weight: 500;
  color: #505050;
}

.financial-performance .chart-table-btns {
  display: inline-flex;
  gap: 12px;
}

.financial-performance .chart-table-btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  width: 48px;
  height: 48px;
  background-color: rgba(35, 31, 32, 0.1019607843);
}

.financial-performance .chart-table-btns a svg {
  opacity: 0.5;
}

.financial-performance .chart-table-btns a.active {
  background-color: #E00034;
}

.financial-performance .chart-table-btns a.active svg {
  opacity: 1;
}

.financial-performance .chart-table-btns a.active svg path {
  fill: #fff;
}

.financial-performance .financial-performance-point {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 16px;
  color: #231F20;
  font-weight: 400;
  line-height: 1.1;
  text-align: justify;
}

.financial-performance .financial-performance-point::before {
  content: "";
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.financial-performance .financial-performance-point.shade-1::before {
  background-color: #E00034;
}

.financial-performance .financial-performance-point.shade-2::before {
  background-color: #F57438;
}

.financial-performance .financial-performance-point.shade-3::before {
  background-color: #2f70a9;
}

.financial-performance .financial-performance-point.shade-4::before {
  background-color: #231F20;
}

.financial-performance .financial-performance-point.shade-5::before {
  background-color: #828282;
}

.financial-performance .financial-performance-point-desc {
  font-size: 16px;
  font-weight: 400;
  color: #231F20;
  line-height: 1.1;
  text-align: justify;
}

.financial-performance .financial-performance-table {
  overflow: auto;
}

.financial-performance .financial-performance-table table thead tr th,
.financial-performance .financial-performance-table table thead tr td,
.financial-performance .financial-performance-table table tbody tr th,
.financial-performance .financial-performance-table table tbody tr td {
  padding: 15px 30px;
  border-color: rgba(35, 40, 45, 0.0509803922);
  font-weight: 400;
  white-space: nowrap;
}

.financial-performance .financial-performance-table table thead tr td,
.financial-performance .financial-performance-table table tbody tr td {
  color: #231F20;
}

.financial-performance .financial-performance-table table thead tr th,
.financial-performance .financial-performance-table table tbody tr th {
  color: #fff;
  background-color: #E00034;
}

.financial-performance .financial-performance-table table thead tr th:nth-child(1),
.financial-performance .financial-performance-table table tbody tr th:nth-child(1) {
  color: #fff;
  background-color: #231F20;
}

.financial-performance .financial-performance-table table thead tr th:nth-child(1),
.financial-performance .financial-performance-table table thead tr td:nth-child(1),
.financial-performance .financial-performance-table table tbody tr th:nth-child(1),
.financial-performance .financial-performance-table table tbody tr td:nth-child(1) {
  width: 310px;
}

.financial-performance .financial-performance-chart-parent .financial-performance-chart-wrapper {
  overflow: auto;
}

.financial-performance .financial-performance-chart-parent .financial-performance-chart-wrapper .financial-performance-chart {
  width: 100%;
  min-width: 800px;
  height: 550px;
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-check {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 12px;
  color: var(--filter-color);
  cursor: pointer;
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-check input+span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid var(--filter-color);
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-check input+span svg {
  width: 20px;
  opacity: 0;
  transition: 0.3s linear;
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-check input+span svg path {
  fill: var(--filter-color);
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-check input:checked+span svg {
  opacity: 1;
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-check .name {
  display: flex;
  gap: 10px;
  line-height: 1.1;
  font-size: 16px;
  font-weight: 400;
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-check .name::before {
  content: "";
  display: inline-block;
  min-width: 21px;
  width: 21px;
  height: 14px;
  background-color: var(--filter-color);
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-year-check {
  display: flex;
  align-items: center;
  gap: 20px;
  color: var(--filter-color);
  cursor: pointer;
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-year-check input+span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid rgba(35, 31, 32, 0.5019607843);
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-year-check input+span svg {
  width: 20px;
  opacity: 0;
  transition: 0.3s linear;
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-year-check input+span svg path {
  fill: var(--filter-color);
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-year-check input:checked+span svg {
  opacity: 1;
}

.financial-performance .financial-performance-chart-parent .chart-filters .chart-filter-year-check .name {
  display: flex;
  gap: 10px;
  line-height: 1.1;
  font-size: 16px;
  font-weight: 400;
}

.regulatory-share-price {
  display: flex;
  flex-wrap: wrap;
}

.regulatory-share-price .regulatory-share-price-card {
  position: relative;
  display: block;
  width: 50%;
  aspect-ratio: 720/367;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.regulatory-share-price .regulatory-share-price-card span {
  position: absolute;
  top: 70%;
  transform: translateY(-50%);
  opacity: 0;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: #323232;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.regulatory-share-price .regulatory-share-price-card .title {
  position: relative;
  color: #F7F7F7;
  font-weight: 600;
  line-height: 1.1;
  font-size: clamp(28px, 3vw, 38px);
  z-index: 1;
}

.regulatory-share-price .regulatory-share-price-card::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 100%;
  background-color: rgba(224, 0, 52, 0.5019607843);
  z-index: 0;
  transition: 0.3s linear;
}

.regulatory-share-price .regulatory-share-price-card:nth-child(1) span {
  right: -50px;
}

.regulatory-share-price .regulatory-share-price-card:nth-child(1)::after {
  right: 0;
}

.regulatory-share-price .regulatory-share-price-card:nth-child(2) span {
  left: -50px;
}

.regulatory-share-price .regulatory-share-price-card:nth-child(2)::after {
  left: 0;
}

.regulatory-share-price .regulatory-share-price-card:hover::after {
  width: 100%;
}

.regulatory-share-price .regulatory-share-price-card:hover span {
  opacity: 1;
  top: 50%;
  transition: 0.3s linear;
}

@media screen and (max-width: 768px) {
  .regulatory-share-price .regulatory-share-price-card {
    width: 100%;
  }

  .regulatory-share-price .regulatory-share-price-card span {
    display: none;
  }
}

.every-voice-moves {
  position: relative;
  padding: 95px 0;
}

.every-voice-moves .desc-lg {
  color: #505050;
}

.every-voice-moves .every-voice-moves-card {
  background-color: #E9EAEA;
  padding: 30px 22px;
  min-height: 286px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 20px;
  transition: 0.5s ease;
}

.every-voice-moves .every-voice-moves-card>div:nth-child(1) {
  font-size: clamp(42px, 6vw, 80px);
  font-weight: 500;
  color: #E00034;
  line-height: 1;
  transition: 0.5s ease;
}

.every-voice-moves .every-voice-moves-card>div:nth-child(2) {
  align-self: flex-end;
  font-size: 20px;
  color: #231F20;
  font-weight: 400;
  line-height: 1;
  transition: 0.5s ease;
}

.every-voice-moves .every-voice-moves-card:hover {
  background-color: #E00034;
}

.every-voice-moves .every-voice-moves-card:hover>div {
  color: #fff;
}

.insights-updates-main {
  position: relative;
  background: rgb(243, 244, 246);
  padding-top: 70px;
}

@media screen and (max-width: 992px) {
  .insights-updates-main {
    padding-top: 40px;
  }
}

.insights-updates-main .heading-main .sub-heading-desc-main {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.insights-updates-main .heading-main h2 {
  margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
  .insights-updates-main .heading-main h2 {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 992px) {
  .insights-updates-main .col-lg-4:last-child .insights-card {
    margin-bottom: 0;
  }
}

.insights-updates-main .insights-card {
  background: rgb(255, 255, 255);
  overflow: hidden;
  transition: 0.5s all;
}

@media screen and (max-width: 992px) {
  .insights-updates-main .insights-card {
    margin-bottom: 20px;
  }
}

.insights-updates-main .insights-card:hover {
  background: rgb(222, 223, 224);
}

.insights-updates-main .insights-card:hover .insights-img img {
  transform: scale(1.1);
}

.insights-updates-main .insights-card:hover .date-arrow-main a {
  border: solid 1px var(--primary-color);
  background: var(--primary-color);
}

.insights-updates-main .insights-card:hover .date-arrow-main a img {
  filter: brightness(1);
}

.insights-updates-main .insights-card .insights-img {
  overflow: hidden;
}

.insights-updates-main .insights-card .insights-img img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 427/248;
  transition: 0.5s all;
  object-fit: cover;
  display: block;
}

.insights-updates-main .insights-card .badge-desc-main {
  padding: 20px 20px 28px 20px;
}

.insights-updates-main .insights-card .badge-desc-main span {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-color);
  display: block;
  margin-bottom: 10px;
}

.insights-updates-main .insights-card .badge-desc-main h6 {
  font-size: 20px;
  font-weight: 400;
  color: rgb(35, 40, 45);
  line-height: 1.1;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  height: 44px;
}

.insights-updates-main .insights-card .date-arrow-main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0 20px 20px 20px;
}

.insights-updates-main .insights-card .date-arrow-main span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(35, 40, 45, 0.5);
}

.insights-updates-main .insights-card .date-arrow-main a {
  border: solid 1px rgb(147, 148, 150);
  background: transparent;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s all;
}

.insights-updates-main .insights-card .date-arrow-main a img {
  filter: brightness(0.6);
  transition: 0.5s all;
}

.linkedin-main {
  background: rgb(243, 244, 246);
  position: relative;
  padding-top: 70px;
}

@media screen and (max-width: 992px) {
  .linkedin-main {
    padding-top: 40px;
  }
}

.linkedin-main .heading-main {
  margin-bottom: 40px;
}

.linkedin-main .heading-main .sub-heading-desc-main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
  .linkedin-main .heading-main .sub-heading-desc-main .sub-heading {
    margin-bottom: 10px;
  }
}

.linkedin-main .heading-main .sub-heading-desc-main p {
  max-width: 620px;
}

.linkedin-main .heading-main .sub-heading-desc-main .slider-arrow-main {
  display: flex;
  align-items: center;
  gap: 15px;
}

.linkedin-main .heading-main .sub-heading-desc-main .slider-arrow-main .divider-left {
  height: 100%;
  border-right: solid 1px rgba(21, 25, 56, 0.1);
}

.linkedin-main .heading-main .sub-heading-desc-main .slider-arrow-main .arrow-main {
  display: flex;
  align-items: center;
  gap: 5px;
}

.linkedin-main .heading-main .sub-heading-desc-main .slider-arrow-main .arrow-main span {
  border: solid 2px rgb(238, 58, 67);
  width: 46px;
  height: 46px;
  min-width: 46px;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(238, 58, 67);
  transition: 0.3s all;
}

.linkedin-main .heading-main .sub-heading-desc-main .slider-arrow-main .arrow-main span.swiper-button-disabled {
  background: transparent;
  border: solid 2px rgba(35, 40, 45, 0.2);
  cursor: not-allowed;
}

.linkedin-main .heading-main .sub-heading-desc-main .slider-arrow-main .arrow-main span.swiper-button-disabled img {
  filter: brightness(0.7);
}

.linkedin-main .linkedin-slider-main {
  overflow: hidden;
}

.linkedin-main .linkedin-slider-main .linkedin-img-main img {
  width: 100%;
}

.fleet-listing-main {
  padding: 70px 0;
  background: rgb(243, 244, 246);
}

@media screen and (max-width: 992px) {
  .fleet-listing-main {
    padding: 40px 0;
  }
}

.fleet-listing-main .subtitle {
  font-size: clamp(16px, 2vw, 20px);
  color: #231F20;
  font-weight: 400;
  line-height: 1.2;
  text-align: justify;
}

.fleet-listing-main .offshore-card {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
  background: rgb(35, 31, 32);
  transition: 1s all;
}

.fleet-listing-main .offshore-card:hover {
  background: #fff;
}

.fleet-listing-main .offshore-card:hover .img-text {
  transform: translateY(-100%);
  opacity: 0.7;
}

.fleet-listing-main .offshore-card:hover .img-text>img {
  transform: scale(0.5);
}

.fleet-listing-main .offshore-card:hover .card-main {
  transform: translateY(0);
}

.fleet-listing-main .offshore-card .img-text {
  transition: 1.5s all;
}

.fleet-listing-main .offshore-card .img-text>img {
  width: 100%;
  transition: 1.5s all;
  aspect-ratio: 427 / 409;
}

.fleet-listing-main .offshore-card .img-text .offshore-text {
  padding: 10px 40px 30px 40px;
  transition: 1.5s all;
}

.fleet-listing-main .offshore-card .img-text .offshore-text h6 {
  font-size: clamp(20px, 4vw, 24px);
  font-weight: 400;
  color: #f7f7f7;
  padding-bottom: 8px;
  border-bottom: solid 2px rgb(224, 0, 52);
  display: inline-block;
}

.fleet-listing-main .offshore-card .card-main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  transform: translateY(100%);
  transition: 1.5s all;
}

.fleet-listing-main .offshore-card .card-main ul {
  width: 100%;
  max-height: 100%;
  padding-inline-end: 10px;
  overflow: auto;
}

.fleet-listing-main .offshore-card .card-main ul::-webkit-scrollbar {
  width: 6px;
}

.fleet-listing-main .offshore-card .card-main ul::-webkit-scrollbar-track {
  background: #eee;
}

.fleet-listing-main .offshore-card .card-main ul::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.5725490196);
}

.fleet-listing-main .offshore-card .card-main ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(233, 234, 234, 0.5);
  backdrop-filter: blur(10px);
  padding-bottom: 7px;
  margin-bottom: 15px;
}

/* .fleet-listing-main .offshore-card .card-main ul li:last-child {
  margin-top: 50px;
  border-bottom: 0;
} */

.fleet-listing-main .offshore-card .card-main ul li span {
  font-size: 16px;
  font-weight: 400;
  color: #828282;
}

.fleet-listing-main .offshore-card .card-main ul li p {
  font-size: 16px;
  font-weight: 400;
  color: #231F20;
}

.fleet-detail {
  padding: 100px 0;
}

.fleet-detail .fleet-detail-img {
  filter: grayscale(100%);
  transition: 0.3s ease-in-out;
  width: 100%;
  aspect-ratio: 955/460;
}

.fleet-detail .fleet-detail-img:hover {
  filter: none;
  transition: 0.2s ease-in-out;
}

.fleet-detail .detail-slider-main {
  position: relative;
}

.fleet-detail .detail-slider-main .detail-arrow-main {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1;
}

.fleet-detail .detail-slider-main .detail-arrow-main span {
  background-color: #E00034;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
}

@media screen and (max-width: 992px) {
  .fleet-detail .detail-slider-main .detail-arrow-main span {
    width: 40px;
    height: 40px;
  }
}

.fleet-detail .detail-slider-main .detail-arrow-main span.swiper-button-disabled {
  /* opacity: 0;
  visibility: hidden; */
  display: none;
  transition: 0.1s ease-in-out;
}

.fleet-specification {
  padding: 100px 0;
}

.fleet-specification .content-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  color: rgba(35, 40, 45, 0.5019607843);
  margin-top: 50px;
}

.fleet-specification .content-detail {
  margin-top: 30px;
}

.fleet-specification .content-detail .content-heading {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  color: #23282D;
  margin-bottom: 10px;
}

.fleet-specification .content-detail .content-description {
  font-weight: 400;
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.2;
  color: #828282;
  text-align: justify;
}

.fleet-specification .content-detail .specification {
  border-bottom: 1px solid #E9EAEA;
}

.fleet-specification .content-detail .specification .specification-item {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 16px 0;
}

.fleet-specification .content-detail .specification .specification-item .name {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #828282;
}

.fleet-specification .content-detail .specification .specification-item .name.dark {
  color: #231F20;
  font-size: 20px;
}

.fleet-specification .content-detail .specification .specification-item .amount {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2;
  color: #23282D;
  text-align: right;
}

.planting-responsibility-main {
  background: rgb(243, 244, 246);
  position: relative;
  padding: 70px 0 300px 0;
  overflow: hidden;
  z-index: 2;
}

.planting-responsibility-main.esg-overview::before {
  height: 170px;
}

.planting-responsibility-main.esg-overview .container {
  pointer-events: none;
}

.planting-responsibility-main.esg-overview .fan-boat-img {
  top: 55%;
}

.planting-responsibility-main.esg-overview .desc-text {
  max-width: 540px;
}

.planting-responsibility-main.esg-overview .desc-text span {
  font-size: clamp(18px, 2vw, 20px);
  color: #231F20;
}

.planting-responsibility-main.esg-overview .driving-measurable-main p {
  color: #231F20;
}

.planting-responsibility-main.esg-overview .driving-measurable-main h6 {
  color: #231F20;
}

.planting-responsibility-main.planting-responsibility-main-01 {
  padding: 150px 0px;
  padding-bottom: 150px;
}

.planting-responsibility-main.planting-responsibility-main-01 .container {
  pointer-events: none;
}

@media screen and (max-width: 992px) {
  .planting-responsibility-main.planting-responsibility-main-01 {
    padding: 50px 0px;
  }
}

.planting-responsibility-main.planting-responsibility-main-01 .fan-boat-img {
  top: 42%;
}

.planting-responsibility-main.planting-responsibility-main-01 .driving-measurable-main {
  padding-right: 0;
  max-width: 570px;
  position: relative;
  z-index: 2;
}

.planting-responsibility-main.planting-responsibility-main-01 .driving-measurable-main h6 {
  font-weight: 300;
  line-height: 1.1;
  color: #505050;
}

@media screen and (max-width: 992px) {
  .planting-responsibility-main {
    padding: 40px 0;
  }
}

.planting-responsibility-main::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 2;
}

@media screen and (max-width: 992px) {
  .planting-responsibility-main::before {
    height: 0;
  }
}

.planting-responsibility-main .fan-boat-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.planting-responsibility-main .fan-boat-img img {
  filter: grayscale(1);
  transition: 0.3s all;
}

.planting-responsibility-main .fan-boat-img img:hover {
  filter: grayscale(0);
}

@media screen and (max-width: 992px) {
  .planting-responsibility-main .fan-boat-img {
    width: 100%;
    opacity: 0.3;
  }
}

@media screen and (max-width: 992px) {
  .planting-responsibility-main {
    padding: 40px 0;
  }
}

.planting-responsibility-main .desc-text {
  position: relative;
  z-index: 1;
  max-width: 370px;
}

.planting-responsibility-main .desc-text span {
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 400;
  color: rgb(80, 80, 80);
  line-height: 1.1;
  text-align: justify;
  display: block;
}

.planting-responsibility-main .driving-measurable-main {
  padding: 15px 40px;
  max-width: 540px;
  margin-left: auto;
}

.planting-responsibility-main .driving-measurable-main h6 {
  font-size: 20px;
  font-weight: 500;
  color: rgb(80, 80, 80);
  margin-bottom: 12px;
  text-align: justify;
}

@media screen and (max-width: 992px) {
  .planting-responsibility-main .driving-measurable-main h6 {
    font-size: 18px;
  }
}

.planting-responsibility-main .driving-measurable-main p {
  font-size: 16px;
  font-weight: 400;
  color: rgb(50, 50, 50);
  margin-bottom: 24px;
  line-height: 1.1;
  text-align: justify;
}

.planting-responsibility-main .driving-measurable-main p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 992px) {
  .planting-responsibility-main .driving-measurable-main p {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .planting-responsibility-main .driving-measurable-main {
    padding: 0;
  }
}

.operational-excellence-main {
  padding-bottom: 100px;
  background: rgb(243, 244, 246);
}

@media screen and (max-width: 992px) {
  .operational-excellence-main {
    padding-bottom: 40px;
  }
}

.operational-excellence-main .desc-text p {
  font-size: 20px;
  font-weight: 400;
  color: #231F20;
  line-height: 1.1;
  text-align: justify;
}

@media screen and (max-width: 992px) {
  .operational-excellence-main .desc-text p {
    font-size: 16px;
  }
}

.operational-excellence-main .operational-card-flex {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

@media screen and (max-width: 992px) {
  .operational-excellence-main .operational-card-flex {
    display: block;
  }
}

.operational-excellence-main .operational-card-flex .operational-card {
  position: relative;
  overflow: hidden;
  width: 13%;
  transition: 0.8s all;
}

.operational-excellence-main .operational-card-flex .operational-card.active {
  width: 74%;
}

.operational-excellence-main .operational-card-flex .operational-card.active .operational-main .operational-text {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.3s;
}

.operational-excellence-main .operational-card-flex .operational-card.active .number-main {
  right: 30px;
}

.operational-excellence-main .operational-card-flex .operational-card.active>img {
  min-height: auto;
  filter: grayscale(0);
}

.operational-excellence-main .operational-card-flex .operational-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.75) 100%);
}

.operational-excellence-main .operational-card-flex .operational-card>img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  transition: 0.8s height all;
  min-height: 567.5px;
  filter: grayscale(100%);
}

.operational-excellence-main .operational-card-flex .operational-card .operational-main {
  position: absolute;
  top: 50px;
  left: 30px;
  bottom: 25px;
  width: 100%;
  max-width: 500px;
}

.operational-excellence-main .operational-card-flex .operational-card .operational-main .operational-text {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: space-between;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s all;
}

.operational-excellence-main .operational-card-flex .operational-card .operational-main .operational-text .operational-head h5 {
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 400;
  color: #fff;
}

@media screen and (max-width: 992px) {
  .operational-excellence-main .operational-card-flex .operational-card .operational-main .operational-text .operational-body {
    max-width: 500px;
  }
}

.operational-excellence-main .operational-card-flex .operational-card .operational-main .operational-text .operational-body p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 30px;
  line-height: 1.1;
  text-align: justify;
}

.operational-excellence-main .operational-card-flex .operational-card .operational-main .operational-text .operational-body ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-left: 20px;
}

.operational-excellence-main .operational-card-flex .operational-card .operational-main .operational-text .operational-body ul li {
  list-style: disc;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  width: 50%;
  margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
  .operational-excellence-main .operational-card-flex .operational-card .operational-main .operational-text .operational-body ul li {
    width: 100%;
  }
}

.operational-excellence-main .operational-card-flex .operational-card .number-main {
  position: absolute;
  right: -35px;
  bottom: 30px;
  transform: rotate(-90deg);
  transition: 1s all;
}

.operational-excellence-main .operational-card-flex .operational-card .number-main span {
  font-size: clamp(60px, 5vw, 96px);
  font-weight: 700;
  color: rgb(255, 255, 255);
}

@media screen and (max-width: 992px) {
  .operational-excellence-main .operational-card-flex .operational-card {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .operational-excellence-main .operational-card-flex .operational-card .operational-main {
    left: 20px;
    right: 20px;
    width: auto;
    max-width: unset;
  }

  .operational-excellence-main .operational-card-flex .operational-card .operational-main .operational-text {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.3s;
  }

  .operational-excellence-main .operational-card-flex .operational-card .number-main {
    bottom: 10px;
    right: 30px;
  }

  .operational-excellence-main .operational-card-flex .operational-card>img {
    filter: grayscale(0);
    min-height: 567.5px !important;
  }
}

@media screen and (max-width: 767px) {
  .operational-excellence-main .operational-card-flex .operational-card .number-main {
    right: 10px;
    bottom: 30%;
  }
}

.operational-excellence-main .operational-card-flex.four .operational-card {
  width: 13%;
}

.operational-excellence-main .operational-card-flex.four .operational-card.active {
  width: 61%;
}

.performance-highlights-main {
  background: rgb(35, 31, 32);
  padding: 70px 0;
}

@media screen and (max-width: 992px) {
  .performance-highlights-main {
    padding: 40px 0;
  }
}

.performance-highlights-main .col-lg-3:first-child .performance-card {
  border-top-left-radius: 12px;
}

.performance-highlights-main .col-lg-3:last-child .performance-card {
  border-top-right-radius: 12px;
}

.performance-highlights-main .performance-card {
  border: solid 1px rgba(247, 247, 247, 0.1);
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.performance-highlights-main .performance-card:hover::before {
  transform: translateY(0);
}

.performance-highlights-main .performance-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateY(99%);
  background: var(--primary-color);
  transition: 0.5s all;
  z-index: -1;
}

.performance-highlights-main .performance-card span {
  font-size: 20px;
  font-weight: 500;
  color: rgb(255, 255, 255);
  line-height: 1.1;
  display: block;
  margin: 250px 28px 30px 28px;
}

.performance-highlights-main .desc-text {
  margin-top: 30px;
}

.performance-highlights-main .desc-text p {
  font-size: 20px;
  font-weight: 400;
  color: rgb(200, 200, 200);
  margin-bottom: 0;
  line-height: 1.1;
  text-align: justify;
}

.esg-roadmap-main {
  background: rgb(243, 244, 246);
  padding: 70px 0;
}

@media screen and (max-width: 992px) {
  .esg-roadmap-main {
    padding: 40px 0;
  }
}

.esg-roadmap-main .desc-text {
  margin-bottom: 30px;
}

.esg-roadmap-main .desc-text p {
  font-size: 20px;
  font-weight: 400;
  color: #505050;
  line-height: 1.1;
  text-align: justify;
}

.esg-roadmap-main .esg-roadmap-animation {
  overflow: hidden;
  pointer-events: none;
}

.esg-roadmap-main .esg-roadmap-animation .roadmap-img-main {
  overflow: hidden;
  height: 530px;
}

@media screen and (max-width: 992px) {
  .esg-roadmap-main .esg-roadmap-animation .roadmap-img-main {
    height: 450px;
  }
}

.esg-roadmap-main .esg-roadmap-animation .roadmap-img-main .swiper-slide-active .roadmap-img {
  visibility: visible;
  opacity: 1;
}

.esg-roadmap-main .esg-roadmap-animation .roadmap-img-main .roadmap-img {
  opacity: 0;
  visibility: hidden;
  transition: 3s all;
}

.esg-roadmap-main .esg-roadmap-animation .roadmap-img-main .roadmap-img img {
  width: 100%;
  height: 100%;
}

.esg-roadmap-main .esg-roadmap-animation .roadmap-number-main {
  height: 95px;
}

@media screen and (max-width: 992px) {
  .esg-roadmap-main .esg-roadmap-animation .roadmap-number-main {
    height: 60px;
    margin: 20px 0 10px 0;
    overflow: hidden;
  }
}

.esg-roadmap-main .esg-roadmap-animation .roadmap-number-main .swiper-slide-active .roadmap-number span {
  color: var(--primary-color);
}

.esg-roadmap-main .esg-roadmap-animation .roadmap-number-main .roadmap-number span {
  font-size: clamp(48px, 5vw, 74px);
  font-weight: 400;
  color: rgba(35, 40, 45, 0.5);
  transition: 0.4s all;
  line-height: 0.9;
}

.esg-roadmap-main .esg-roadmap-animation .roadmap-desc-main {
  overflow: hidden;
  height: 100px;
}

@media screen and (max-width: 992px) {
  .esg-roadmap-main .esg-roadmap-animation .roadmap-desc-main {
    height: 60px;
  }
}

.esg-roadmap-main .esg-roadmap-animation .roadmap-desc-main .roadmap-desc p {
  font-size: 20px;
  font-weight: 400;
  color: #505050;
  margin-bottom: 20px;
  line-height: 1.1;
}

.esg-story-rooted {
  background: rgb(243, 244, 246);
  padding-bottom: 70px;
}

@media screen and (max-width: 992px) {
  .esg-story-rooted {
    padding-bottom: 40px;
  }
}

.esg-story-rooted .desc-text {
  margin-bottom: 30px;
}

.esg-story-rooted .desc-text p {
  font-size: 16px;
  font-weight: 400;
  color: rgb(80, 80, 80);
  line-height: 1.1;
}

.esg-story-rooted .play-img-main {
  position: relative;
}

.esg-story-rooted .play-img-main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(35, 40, 45, 0.1);
  backdrop-filter: blur(5px);
  transition: 0.5s all;
}

.esg-story-rooted .play-img-main:hover::before {
  background: transparent;
  backdrop-filter: blur(0);
}

.esg-story-rooted .play-img-main.active::before {
  background: transparent;
  backdrop-filter: blur(0);
}

.esg-story-rooted .play-img-main.active .play-icon-main {
  display: none;
}

.esg-story-rooted .play-img-main>img,
.esg-story-rooted .play-img-main>video {
  width: 100%;
  display: block;
}

.esg-story-rooted .play-img-main .play-icon-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s all;
  opacity: 1;
}

.esg-story-rooted .play-img-main .play-icon-main a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 400;
  color: rgb(255, 255, 255);
}

.sustainability-compliance-main {
  padding-bottom: 70px;
}

.sustainability-compliance-main .years-parent button {
  border-right: 0;
  border: 1px solid rgba(35, 40, 45, 0.1);
}

@media screen and (max-width: 992px) {
  .sustainability-compliance-main {
    padding-bottom: 70px;
  }
}

.sustainability-compliance-main.sustainability-compliance-main-01 .text-main h6 {
  color: #231F20 !important;
  font-weight: 500 !important;
}

.sustainability-compliance-main .desc-text {
  margin-bottom: 30px;
}

.sustainability-compliance-main .desc-text p {
  font-size: 16px;
  font-weight: 400;
  color: #231F20;
  line-height: 1.1;
  text-align: justify;
}

.sustainability-compliance-main .sustainability-card {
  position: relative;
  border: 1px solid rgba(35, 40, 45, 0.1);
  background: rgb(247, 247, 247);
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 240px;
  transition: 0.5s all;
  overflow: hidden;
  z-index: 1;
  height: 100%;
}

.sustainability-compliance-main .sustainability-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary-color);
  transition: 0.5s all;
  transform: translateY(100%);
  z-index: -1;
}

.sustainability-compliance-main .sustainability-card .icon-main {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  height: 34px;
}

.sustainability-compliance-main .sustainability-card .icon-main img {
  width: 34px;
  height: 34px;
  transition: 0.5s all;
}

.sustainability-compliance-main .sustainability-card .icon-main img:nth-child(1) {
  font-size: 14px;
}

.sustainability-compliance-main .sustainability-card .icon-main img:nth-child(2) {
  font-size: 14px;
}

.sustainability-compliance-main .sustainability-card .text-main {
  border-top: solid 1px rgba(35, 31, 32, 0.1);
  padding: 14px 0 5px 0;
  transition: 0.5s all;
}

.sustainability-compliance-main .sustainability-card .text-main h6 {
  font-size: 20px;
  font-weight: 400;
  color: rgb(50, 50, 50);
  transition: 0.5s all;
  margin-bottom: 0;
}

.sustainability-compliance-main .sustainability-card:hover::before {
  transform: translateY(0);
}

.sustainability-compliance-main .sustainability-card:hover .icon-main img:nth-child(1) {
  transform: translateY(-40px);
}

.sustainability-compliance-main .sustainability-card:hover .icon-main img:nth-child(2) {
  transform: translateY(-45px);
}

.sustainability-compliance-main .sustainability-card:hover .text-main {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}

.sustainability-compliance-main .sustainability-card:hover .text-main h6 {
  color: #F7F7F7 !important;
}

.nurturing-culture-main {
  background: rgb(35, 31, 32);
  position: relative;
  overflow: hidden;
}

.nurturing-culture-main.nurturing-culture-main-01 .divider {
  margin: 40px 0px;
}

.nurturing-culture-main.light-gray {
  background: rgb(233, 234, 234);
}

.nurturing-culture-main.light-gray .head-desc-main {
  padding: 90px 0;
}

.nurturing-culture-main.light-gray .head-desc-main .primary-title {
  margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
  .nurturing-culture-main.light-gray .head-desc-main .primary-title {
    margin-bottom: 20px;
  }
}

.nurturing-culture-main.light-gray .head-desc-main .desc-text {
  max-width: 650px;
}

.nurturing-culture-main.light-gray .head-desc-main .desc-text p {
  font-size: 16px;
  color: #231F20;
}

@media screen and (max-width: 992px) {
  .nurturing-culture-main.light-gray .head-desc-main .desc-text p {
    font-size: 14px;
  }
}

.nurturing-culture-main.light-gray .nurturing-culture-img {
  width: 47.5%;
}

@media screen and (max-width: 991.98px) {
  .nurturing-culture-main.light-gray .nurturing-culture-img {
    width: 100%;
  }
}

.nurturing-culture-main.oil-gas {
  background: #F3F4F6;
}

@media screen and (max-width: 991.98px) {
  .nurturing-culture-main.oil-gas .head-desc-main {
    padding: 50px 0;
  }
}

@media screen and (max-width: 991.98px) {
  .nurturing-culture-main.oil-gas .nurturing-culture-img {
    width: 100%;
  }
}

.nurturing-culture-main.oil-gas .primary-title {
  margin-bottom: 20px;
}

.nurturing-culture-main.oil-gas .divider {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.nurturing-culture-main.oil-gas .desc-text p {
  font-size: 18px !important;
  font-weight: 400;
  color: #F7F7F7;
}

.nurturing-culture-main.oil-gas ul {
  margin-top: 30px;
}

.nurturing-culture-main.oil-gas ul li {
  color: #505050 !important;
  font-size: 18px !important;
}

.nurturing-culture-main.active {
  background: #323232;
}

.nurturing-culture-main.active .divider {
  border-top: 1px solid rgba(247, 247, 247, 0.1019607843);
}

.nurturing-culture-main.slider-main {
  background: rgb(224, 0, 52);
  padding: 40px 0;
}

.nurturing-culture-main.slider-main .head-desc-main {
  padding: 0;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 992px) {
  .nurturing-culture-main.slider-main .head-desc-main {
    padding-bottom: 30px;
    height: auto;
  }
}

.nurturing-culture-main.slider-main .head-desc-main #MissionHeading {
  max-width: 400px;
  overflow: hidden;
}

.nurturing-culture-main.slider-main .head-desc-main .desc-arrow-main {
  overflow: hidden;
}

.nurturing-culture-main.slider-main .head-desc-main .desc-arrow-main .arrow-main {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 50px;
}

.nurturing-culture-main.slider-main .head-desc-main .desc-arrow-main .arrow-main span {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px rgb(255, 255, 255);
  background: rgb(255, 255, 255);
  cursor: pointer;
  transition: 0.3s all;
}

.nurturing-culture-main.slider-main .head-desc-main .desc-arrow-main .arrow-main span.swiper-button-disabled {
  border: solid 1px rgb(255, 255, 255);
  background: transparent;
  cursor: not-allowed;
}

.nurturing-culture-main.slider-main .head-desc-main .desc-arrow-main .arrow-main span.swiper-button-disabled img {
  filter: brightness(0.1) invert(1);
}

.nurturing-culture-main.slider-main .head-desc-main .desc-arrow-main .arrow-main span img {
  filter: brightness(1) invert(0);
  transition: 0.3s all;
}

.nurturing-culture-main.slider-main .nurturing-culture-img {
  overflow: hidden;
}

.nurturing-culture-main.slider-main .nurturing-culture-img .sider-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nurturing-culture-main.absalute-text-main .head-desc-main {
  overflow: hidden;
}

.nurturing-culture-main.absalute-text-main .head-desc-main p {
  margin: 45px 0;
}

@media screen and (max-width: 992px) {
  .nurturing-culture-main.absalute-text-main .head-desc-main p {
    margin: 20px 0;
  }
}

.nurturing-culture-main .head-desc-main {
  padding: 100px 30px 100px 0;
}

@media screen and (max-width: 991.98px) {
  .nurturing-culture-main .head-desc-main {
    padding: 50px 0px 50px 0 !important;
  }
}

.nurturing-culture-main .head-desc-main .slide-title {
  font-size: 24px;
  color: #F7F7F7;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 20px;
}

.nurturing-culture-main .head-desc-main .desc-text p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 20px;
  text-align: justify;
}

.nurturing-culture-main .head-desc-main .desc-text p:last-child {
  margin-bottom: 0;
}

.nurturing-culture-main .head-desc-main ul {
  margin-bottom: 20px;
}

.nurturing-culture-main .head-desc-main ul li {
  position: relative;
  color: #FFF;
  font-size: 16px;
  padding-left: 20px;
  margin-bottom: 10px;
  line-height: 1.1;
  text-align: justify;
}

.nurturing-culture-main .head-desc-main ul li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: #E00034;
  border-radius: 50%;
  left: 0;
  top: 6px;
}

.nurturing-culture-main .nurturing-culture-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
}

.nurturing-culture-main .nurturing-culture-img:hover img {
  filter: grayscale(0);
}

.nurturing-culture-main .nurturing-culture-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: 0.3s all;
}

@media only screen and (max-width: 992px) {
  .nurturing-culture-main .nurturing-culture-img {
    position: relative;
    width: 100%;
  }
}

.nurturing-culture-main .nurturing-culture-img .text-absalute {
  position: absolute;
  bottom: 25px;
  right: 25px;
}

@media screen and (max-width: 767px) {
  .nurturing-culture-main .nurturing-culture-img .text-absalute {
    left: 25px;
  }
}

.nurturing-culture-main .nurturing-culture-img .text-absalute span {
  border: 2px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(24px);
  background: rgba(255, 255, 255, 0.1);
  padding: 16px;
  max-width: 565px;
  font-size: 20px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 1.1;
  display: block;
}

@media screen and (max-width: 992px) {
  .nurturing-culture-main .nurturing-culture-img .text-absalute span {
    font-size: 16px;
  }
}

.nurturing-culture-main.sustainability {
  background-color: #231F20;
}

.nurturing-culture-main.sustainability .head-desc-main ul {
  padding: 45px 28px;
  background-color: #323232;
}

.nurturing-culture-main.sustainability .head-desc-main ul li::before {
  top: 11px;
  width: 4px;
  height: 4px;
  background-color: #fff;
}

.nurturing-culture-main.dark {
  background-color: #231F20;
}

.nurturing-culture-main.dark.slider-main .head-desc-main .desc-arrow-main .arrow-main span {
  position: relative;
  background-color: transparent;
}

.nurturing-culture-main.dark.slider-main .head-desc-main .desc-arrow-main .arrow-main span svg {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.nurturing-culture-main.dark.slider-main .head-desc-main .desc-arrow-main .arrow-main span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #E00034;
  transition: 0.3s;
  z-index: 0;
}

.nurturing-culture-main.dark.slider-main .head-desc-main .desc-arrow-main .arrow-main span.active::after,
.nurturing-culture-main.dark.slider-main .head-desc-main .desc-arrow-main .arrow-main span:hover::after {
  height: 100%;
}

.nurturing-culture-main.dark .head-desc-main .desc-text {
  max-width: 475px;
}

.nurturing-culture-main.dark-career {
  background-color: #323232;
}

.diverse-mind-main {
  padding: 70px 0;
}

@media screen and (max-width: 992px) {
  .diverse-mind-main {
    padding: 40px 0;
  }
}

.diverse-mind-main .desc-text p {
  font-size: 20px;
  font-weight: 400;
  color: rgb(80, 80, 80);
  line-height: 1.1;
  text-align: justify;
}

@media screen and (max-width: 992px) {
  .diverse-mind-main .desc-text p {
    font-size: 16px;
  }
}

.diverse-mind-main .diverse-mind-img {
  height: 100%;
}

.diverse-mind-main .diverse-mind-img img {
  width: 100%;
  height: 100%;
}

.diverse-mind-main .row {
  height: 100%;
}

.diverse-mind-main .col-12 .diverse-card-main {
  height: 100%;
}

.diverse-mind-main .diverse-card-main {
  background: rgb(233, 234, 234);
  padding: 25px 30px;
  height: calc(100% - 20px);
  margin-bottom: 20px;
}

.diverse-mind-main .diverse-card-main h6 {
  font-size: 24px;
  font-weight: 400;
  color: rgb(35, 40, 45);
  margin-bottom: 15px;
}

.diverse-mind-main .diverse-card-main p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(35, 40, 45, 0.5);
  margin-bottom: 25px;
  line-height: 1.1;
}

.diverse-mind-main .diverse-card-main span {
  width: 22px;
  height: 14px;
  background: var(--primary-color);
  display: block;
}

.environment-section {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .environment-section {
    padding: 40px 0px;
  }
}

@media screen and (max-width: 992px) {
  .environment-section .desc-text {
    margin-bottom: 20px;
  }
}

.environment-section .desc-text p {
  font-size: 20px;
  font-weight: 400;
  color: #231f20;
  line-height: 1.1;
  text-align: justify;
}

.environment-section .environment-card {
  border: 1px solid rgba(35, 40, 45, 0.1019607843);
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgba(35, 40, 45, 0.031372549);
  min-height: 285px;
  padding: 30px 20px;
  display: flex;
  justify-content: end;
  align-items: end;
}

.environment-section .environment-card:after {
  content: "";
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: 20px;
  height: 20px;
  transform: scale(0);
  transition: 0.7s all;
  z-index: -1;
  border-radius: 50%;
  background: var(--primary-color);
}

@media screen and (max-width: 991.98px) {
  .environment-section .environment-card {
    min-height: 235px;
  }
}

.environment-section .environment-card:hover:after {
  transform: scale(100);
}

.environment-section .environment-card:hover span {
  color: white;
}

.environment-section .environment-card:hover p {
  color: white;
}

.environment-section .environment-card span {
  font-size: clamp(18px, 4vw, 20px);
  font-weight: 500;
  line-height: 1.1;
  display: block;
  color: #231F20;
  margin-bottom: 15px;
  transition: 0.5s all;
}

.environment-section .environment-card p {
  color: #231f20;
  font-size: 16px;
  line-height: 1.2;
  transition: 0.5s all;
  font-weight: 400;
  max-height: 200px;
  overflow: auto;
}

.geographic-exposure {
  position: relative;
  padding: 100px 0;
}

.geographic-exposure .geographic-exposure-card {
  position: relative;
  padding: 20px 20px;
  background-color: #E9EAEA;
  margin-bottom: 20px;
  min-height: 226px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 75px;
  z-index: 1;
  transition: all 0.8s ease;
}

.geographic-exposure .geographic-exposure-card:hover {
  background-color: var(--primary-color);
}

.geographic-exposure .geographic-exposure-card:hover .card-count {
  color: #E9EAEA;
}

.geographic-exposure .geographic-exposure-card:hover .card-desc {
  color: #E9EAEA;
}

.geographic-exposure .geographic-exposure-card .card-count {
  color: var(--primary-color);
  font-size: clamp(42px, 6vw, 80px);
  line-height: 1;
  font-weight: 500;
}

.geographic-exposure .geographic-exposure-card .card-desc {
  font-size: 20px;
  line-height: 1.1;
  color: #231F20;
  align-self: flex-end;
  text-align: right;
}

.geographic-exposure .desc-lg {
  max-width: 563px;
  color: #231F20;
}

.geographic-exposure .geographic-exposure-progress-circles {
  display: flex;
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .name {
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 400;
  line-height: 1;
  color: #231F20;
  transition: 0.5s linear;
  transition-delay: 1s;
  transform: translateY(-30px);
  opacity: 0;
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .line {
  width: 0;
  border-right: 1px solid #DDDFE1;
  transition-delay: 1s;
  transform: translateY(-30px);
  opacity: 0;
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .line.europe {
  height: 159px;
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .line.uae {
  height: 97px;
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .line.qatar {
  height: 29px;
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .line.saudi-arabia {
  height: 136px;
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .circle {
  position: relative;
  transition: 2s;
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .circle span {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(22px, 3vw, 40px);
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .circle.europe {
  width: 184px;
  width: 100%;
  border-radius: 100%;
  aspect-ratio: 184/184;
  background: conic-gradient(from 0deg at 50% 50%, #E1E2E3 0deg, #CACACA 360deg);
  transform: translateX(-200px) rotate(-105deg);
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .circle.europe span {
  color: #616161;
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .circle.uae {
  width: 238px;
  width: 100%;
  border-radius: 100%;
  aspect-ratio: 238/238;
  background: conic-gradient(from 0deg at 50% 50%, #ED1D24 0deg, #871115 360deg);
  transform: translateX(-100px) rotate(-45deg);
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .circle.uae span {
  color: #F3F4F6;
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .circle.qatar {
  width: 311px;
  width: 100%;
  border-radius: 100%;
  aspect-ratio: 311/311;
  background: conic-gradient(from 0deg at 50% 50%, #7A1719 0deg, #481011 360deg);
  transform: translateX(-50px) rotate(75deg);
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .circle.qatar span {
  color: #F3F4F6;
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .circle.saudi-arabia {
  width: 203px;
  width: 100%;
  border-radius: 100%;
  aspect-ratio: 203/203;
  background: conic-gradient(from 0deg at 50% 50%, #23282D 0deg, #728393 360deg);
  transform: translateX(0) rotate(120deg);
}

.geographic-exposure .geographic-exposure-progress-circles .circle-card .circle.saudi-arabia span {
  color: #F3F4F6;
}

.geographic-exposure.active .geographic-exposure-progress-circles .circle-card .line,
.geographic-exposure.active .geographic-exposure-progress-circles .circle-card .name {
  transform: translateY(0);
  opacity: 1;
}

.geographic-exposure.active .geographic-exposure-progress-circles .circle-card .circle {
  transform: translateX(0) rotate(0deg);
}

.growing-talent-main {
  background-image: url("../../images/growing-talent-bg-img.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  padding-top: 30px;
  filter: grayscale(1);
  transition: 0.3s all;
}

.growing-talent-main:hover {
  filter: grayscale(0);
}

.growing-talent-main.growing-talent-main-02 {
  background-image: url("../../images/growing-talent-bg-img-02.webp");
  padding-top: 50px;
}

@media screen and (max-width: 991.98px) {
  .growing-talent-main.growing-talent-main-02 {
    background-position: top;
  }
}

.growing-talent-main.growing-talent-main-02::before {
  display: none;
}

.growing-talent-main.growing-talent-main-02 .growing-card {
  padding: 50px 40px;
}

@media screen and (max-width: 991.98px) {
  .growing-talent-main.growing-talent-main-02 .growing-card {
    padding: 30px;
  }
}

.growing-talent-main.growing-talent-main-02 .growing-card .head {
  align-items: flex-start;
  gap: 20px;
}

@media screen and (max-width: 991.98px) {
  .growing-talent-main.growing-talent-main-02 .growing-card .head {
    flex-wrap: wrap;
  }
}

.growing-talent-main.growing-talent-main-02 .growing-card .head p {
  color: #C8C8C8;
  font-size: clamp(16px, 4vw, 20px);
  font-weight: 400;
  line-height: 1.1;
}

.growing-talent-main.growing-talent-main-01 {
  background-image: url("../../images/growing-talent-bg-img-01.png");
  padding-top: 50px;
}

@media screen and (max-width: 991.98px) {
  .growing-talent-main.growing-talent-main-01 {
    background-position: top;
  }
}

.growing-talent-main.growing-talent-main-01::before {
  display: none;
}

.growing-talent-main.growing-talent-main-01 .body p {
  margin-top: 10px;
}

.growing-talent-main.growing-talent-main-01 .growing-card {
  gap: 20px;
  padding-bottom: 45px;
}

.growing-talent-main.growing-talent-main-01 .growing-card .growing-card-bottom {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}

.growing-talent-main.growing-talent-main-01 .growing-card .growing-card-bottom ul {
  margin-left: 20px;
  margin-bottom: 10px;
}

.growing-talent-main.growing-talent-main-01 .growing-card .growing-card-bottom ul li {
  color: white;
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 400;
  line-height: 1.1;
  list-style: disc;
  margin-bottom: 7px;
  text-align: justify;
}

.growing-talent-main.growing-talent-main-01 .growing-card .growing-card-bottom p {
  color: #fff;
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 400;
  margin-bottom: 7px;
  text-align: justify;
}

@media screen and (max-width: 991.98px) {
  .growing-talent-main.growing-talent-main-01 .growing-card .growing-card-bottom {
    flex-wrap: wrap;
  }
}

.growing-talent-main.growing-talent-main-01 .growing-card .growing-card-bottom .growing-card-box {
  border: 1px solid rgb(255, 255, 255);
  padding: 20px 40px;
  border-radius: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 20px;
  min-width: 180px;
  width: 100%;
  height: 100%;
}

.growing-talent-main.growing-talent-main-01 .growing-card .growing-card-bottom .growing-card-box span {
  color: rgb(200, 200, 200);
  line-height: 1.2;
  font-size: 16px;
}

.growing-talent-main.growing-talent-main-01 .growing-point {
  margin: 30px 0;
}

.growing-talent-main.growing-talent-main-01 .growing-point ul {
  margin-left: 20px;
  margin-bottom: 10px;
}

.growing-talent-main.growing-talent-main-01 .growing-point ul li {
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  list-style: disc;
  margin-bottom: 7px;
  text-align: justify;
}

@media screen and (max-width: 992px) {
  .growing-talent-main {
    padding: 30px 0;
  }
}

.growing-talent-main .custom-para {
  color: #fff;
  font-size: clamp(16px, 4vw, 16px);
  font-weight: 400;
  line-height: 1.1;
  text-align: justify;
}

.growing-talent-main::before {
  content: "";
  background: rgba(0, 0, 0, 0.54);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.growing-talent-main .growing-card {
  background: rgba(255, 255, 255, 0.1);
  border: solid 1px rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(24px);
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 100px;
  max-width: 700px;
  margin-left: auto;
}

@media screen and (max-width: 992px) {
  .growing-talent-main .growing-card {
    margin: auto;
  }
}

.growing-talent-main .growing-card .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.growing-talent-main .growing-card .head h6 {
  font-size: 24px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  margin-bottom: 0;
  max-width: 300px;
  line-height: 1.1;
}

@media screen and (max-width: 992px) {
  .growing-talent-main .growing-card .head h6 {
    font-size: 20px;
  }
}

.growing-talent-main .growing-card .body .divider {
  margin-top: 45px;
}

.growing-talent-main .growing-card .body p {
  font-size: 16px;
  font-weight: 400;
  color: rgb(200, 200, 200);
  margin-bottom: 0;
  line-height: 1.1;
}

@media screen and (max-width: 992px) {
  .growing-talent-main .growing-card .body p {
    font-size: 16px;
  }
}

.metrics-progress-main {
  background: rgb(35, 31, 32);
  padding: 70px 0;
}

@media screen and (max-width: 992px) {
  .metrics-progress-main {
    padding: 40px 0;
  }
}

.metrics-progress-main.who-we-are .performance-card span {
  color: #fff;
}

.metrics-progress-main .performance-card {
  background: rgb(50, 50, 50);
  border: solid 1px rgba(247, 247, 247, 0.1);
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 26px;
  min-height: 325px;
}

.metrics-progress-main .performance-card:after {
  content: "";
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: 20px;
  height: 20px;
  transform: scale(0);
  transition: 0.7s all;
  z-index: -1;
  border-radius: 50%;
  background: var(--primary-color);
}

@media screen and (max-width: 992px) {
  .metrics-progress-main .performance-card {
    min-height: 225px;
  }
}

.metrics-progress-main .performance-card.active:after,
.metrics-progress-main .performance-card:hover:after {
  transform: scale(100);
}

.metrics-progress-main .performance-card.active .plus-desc-main .plus-icon,
.metrics-progress-main .performance-card:hover .plus-desc-main .plus-icon {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}

.metrics-progress-main .performance-card.active .plus-desc-main .desc-text,
.metrics-progress-main .performance-card:hover .plus-desc-main .desc-text {
  opacity: 1;
  visibility: visible;
}

.metrics-progress-main .performance-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateY(110%);
  background: #E00034;
  transition: 0.8s all;
  z-index: -1;
}

.metrics-progress-main .performance-card span {
  font-size: 24px;
  font-weight: 400;
  color: white;
  line-height: 1.1;
  display: block;
}

@media screen and (max-width: 992px) {
  .metrics-progress-main .performance-card span {
    font-size: 20px;
  }
}

.metrics-progress-main .performance-card .plus-desc-main {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.metrics-progress-main .performance-card .plus-desc-main .plus-icon {
  overflow: hidden;
  transform: translateY(0);
  transition: 0.8s all;
  text-align: right;
  min-width: 28px;
  position: absolute;
  bottom: 26px;
  right: 26px;
}

.metrics-progress-main .performance-card .plus-desc-main .desc-text {
  opacity: 0;
  visibility: hidden;
  transition: 0.8s all;
}

.metrics-progress-main .performance-card .plus-desc-main .desc-text p {
  font-size: 16px;
  font-weight: 400;
  color: white;
  margin-bottom: 0;
  line-height: 1.1;
  word-break: break-word;
}

@media screen and (max-width: 992px) {
  .metrics-progress-main .performance-card .plus-desc-main .desc-text p {
    font-size: 14px;
  }
}

.metrics-progress-main .desc-text {
  margin-top: 20px;
}

.metrics-progress-main .desc-text p {
  font-size: 20px;
  font-weight: 400;
  color: white;
  margin-bottom: 0;
  line-height: 1.1;
}

@media screen and (max-width: 992px) {
  .metrics-progress-main .desc-text p {
    font-size: 16px;
  }
}

.metrics-progress-main .desc-text.dark p {
  color: #505050;
}

.metrics-progress-main.light {
  background-color: transparent;
}

.metrics-progress-main.light .performance-card {
  background-color: #828282;
  border: 0;
}

.the-right-team {
  padding: 100px 0;
}

.the-right-team .contact-wrapper {
  background-color: #E9EAEA;
  padding: 20px 20px;
  border-bottom: 2px solid #E00034;
  position: relative;
  height: 100%;
}

@media screen and (max-width: 992px) {
  .the-right-team .contact-wrapper {
    margin-bottom: 10px;
  }
}

.the-right-team .contact-wrapper h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  color: #231F20;
  margin-bottom: 30px;
  max-width: 423px;
}

.the-right-team .contact-wrapper .contact-item {
  margin-bottom: 30px;
}

.the-right-team .contact-wrapper .contact-item .item-header {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  color: #828282;
  margin-bottom: 7px;
}

.the-right-team .contact-wrapper .contact-item .item-content {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #231F20;
  display: block;
  margin-bottom: 5px;
  max-width: 370px;
}

.the-right-team .contact-wrapper .stroke {
  -webkit-text-stroke: 2px black;
  color: white;
  transform: rotate(50deg);
}

.the-right-team .contact-wrapper img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.contact-form {
  padding: 95px 0;
}

.contact-form .contact-us-form .form-group .form-control {
  display: inline-block;
  background-color: #E9EAEA;
  border: 1px solid #F7F8F9;
  outline: 0;
  box-shadow: unset;
  color: #828282;
  transition: 0.6s;
  padding: 20px;
  font-size: 16px;
  border-radius: 0;
}

.contact-form .contact-us-form .form-group {
  margin-bottom: 25px;
}

.contact-form .form-group .iti .form-control.iti__tel-input {
  padding-left: 87px !important;
}

.contact-form .iti {
  width: 100%;
}

.contact-form .iti--allow-dropdown .iti__flag-container {
  left: 10px;
}

.contact-form .email-link {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #505050;
}

.contact-form .email-link a {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #E00034;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.contact-button {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 13px 17px;
  font-size: 15px;
  color: #F7F7F7;
  background-color: #E00034;
  font-weight: 500;
  font-size: 15px;
  border: transparent;
}

.contact-button.sm {
  padding: 10px;
}

.error-txt {
  font-size: 12px;
  font-weight: 400;
  color: red;
}

.contact-maps {
  background-color: #323232;
  padding: 50px 0;
}

.contact-maps .map-parent {
  position: relative;
}

.contact-maps .map-parent>img {
  width: 100%;
}

.contact-maps .icon {
  position: absolute;
  top: 24%;
  left: 44%;
  z-index: 1;
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  .contact-maps .icon {
    width: 20px;
  }
}

@media screen and (max-width: 550px) {
  .contact-maps .icon {
    width: 12px;
  }
}

.contact-maps .icon::before {
  content: " ";
  margin: 15px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: rgba(255, 0, 85, 0.3);
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: mymove 2s;
  position: absolute;
}

.contact-maps .icon::after {
  content: " ";
  margin: 15px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #E00034;
  position: absolute;
  top: 90%;
  left: 48%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: mymove1 2s;
  position: absolute;
}

@media screen and (max-width: 550px) {
  .contact-maps .icon::after {
    width: 2px;
    height: 2px;
  }
}

@-webkit-keyframes mymove1 {
  25% {
    transform: scale(2);
  }

  50% {
    transform: scale(2);
  }

  75% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes mymove {
  25% {
    transform: scale(12);
  }

  50% {
    transform: scale(12);
  }

  75% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes mymove {
  25% {
    transform: scale(12);
  }

  50% {
    transform: scale(12);
  }

  75% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

.contact-maps .icon-2 {
  position: absolute;
  top: 45%;
  left: 57%;
  z-index: 1;
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  .contact-maps .icon-2 {
    width: 20px;
  }
}

@media screen and (max-width: 550px) {
  .contact-maps .icon-2 {
    width: 12px;
  }
}

.contact-maps .icon-2::before {
  content: " ";
  margin: 15px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: rgba(255, 0, 85, 0.3);
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: mymove 2s;
  animation-delay: 3s;
  position: absolute;
}

.contact-maps .icon-2::after {
  content: " ";
  margin: 15px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #E00034;
  position: absolute;
  top: 90%;
  left: 46%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: mymove1 2s;
  animation-delay: 3s;
  position: absolute;
}

@media screen and (max-width: 550px) {
  .contact-maps .icon-2::after {
    width: 2px;
    height: 2px;
  }
}

@keyframes mymove1 {
  25% {
    transform: scale(2);
  }

  50% {
    transform: scale(2);
  }

  75% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes mymove1 {
  25% {
    transform: scale(2);
  }

  50% {
    transform: scale(2);
  }

  75% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes mymove {
  25% {
    transform: scale(12);
  }

  50% {
    transform: scale(12);
  }

  75% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

.contact-maps .icon-3 {
  position: absolute;
  top: 42%;
  left: 59%;
  z-index: 1;
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  .contact-maps .icon-3 {
    width: 20px;
  }
}

@media screen and (max-width: 550px) {
  .contact-maps .icon-3 {
    width: 12px;
  }
}

.contact-maps .icon-3::before {
  content: " ";
  margin: 15px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: rgba(255, 0, 85, 0.3);
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: mymove 2s;
  animation-delay: 5s;
  position: absolute;
}

.contact-maps .icon-3::after {
  content: " ";
  margin: 15px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #E00034;
  position: absolute;
  top: 90%;
  left: 46%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: mymove1 2s;
  animation-delay: 5s;
  position: absolute;
}

@media screen and (max-width: 550px) {
  .contact-maps .icon-3::after {
    width: 2px;
    height: 2px;
  }
}

@-webkit-keyframes mymove1 {
  25% {
    transform: scale(2);
  }

  50% {
    transform: scale(2);
  }

  75% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes mymove {
  25% {
    transform: scale(12);
  }

  50% {
    transform: scale(12);
  }

  75% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

.contact-maps .icon-4 {
  position: absolute;
  top: 46%;
  left: 60%;
  z-index: 1;
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  .contact-maps .icon-4 {
    width: 20px;
  }
}

@media screen and (max-width: 550px) {
  .contact-maps .icon-4 {
    width: 12px;
  }
}

.contact-maps .icon-4::before {
  content: " ";
  margin: 15px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: rgba(255, 0, 85, 0.3);
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: mymove 2s;
  animation-delay: 7.5s;
  position: absolute;
}

.contact-maps .icon-4::after {
  content: " ";
  margin: 15px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #E00034;
  position: absolute;
  top: 90%;
  left: 46%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: mymove1 2s;
  animation-delay: 7.5s;
  position: absolute;
}

@media screen and (max-width: 550px) {
  .contact-maps .icon-4::after {
    width: 2px;
    height: 2px;
  }
}

@-webkit-keyframes mymove1 {
  25% {
    transform: scale(2);
  }

  50% {
    transform: scale(2);
  }

  75% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes mymove {
  25% {
    transform: scale(12);
  }

  50% {
    transform: scale(12);
  }

  75% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

.map-data-bg {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100dvh;
  z-index: 99999999;
  opacity: 0;
  visibility: hidden;
}

.map-data-bg.active {
  opacity: 1;
  visibility: visible;
}

.saudi-map-data-bg {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100dvh;
  z-index: 109;
  opacity: 0;
  visibility: hidden;
}

.saudi-map-data-bg.active {
  opacity: 1;
  visibility: visible;
}

.qatar-map-data-bg {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100dvh;
  z-index: 109;
  opacity: 0;
  visibility: hidden;
}

.qatar-map-data-bg.active {
  opacity: 1;
  visibility: visible;
}

.uae-map-data-bg {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100dvh;
  z-index: 109;
  opacity: 0;
  visibility: hidden;
}

.uae-map-data-bg.active {
  opacity: 1;
  visibility: visible;
}

.map-data {
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100dvh;
  max-width: 545px;
  z-index: 99999999;
  overflow: auto;
  transform: translateX(600px);
  transition: 0.5s ease-in-out;
}

.map-data .close-sidebar {
  background: var(--primary-color);
  backdrop-filter: blur(20px);
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 10px;
  overflow: hidden;
  transition: 0.3s linear;
  cursor: pointer;
  z-index: 1;
}

.map-data .close-sidebar:hover {
  background-color: #fff;
}

.map-data .close-sidebar:hover svg path {
  stroke: var(--primary-color);
}

.map-data.active {
  transform: translateX(0) !important;
}

.map-data.dark {
  max-width: 842px;
  background-color: rgb(35, 31, 32);
  transform: translateX(900px);
}

.map-data.dark .map-data-heading {
  padding: 50px;
  overflow: hidden;
}

.map-data.dark .map-data-heading .head-main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

.map-data.dark .map-data-heading .head-main h3 {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 400;
  color: rgb(255, 255, 255);
}

.map-data.dark .map-data-heading .head-main span {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.map-data.dark .map-data-heading .body-main p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: justify;
}

.map-data .card-img {
  width: 100%;
}

.map-data .map-data-heading {
  padding: 24px 30px;
}

.map-data .map-data-heading h2 {
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 500;
  line-height: 1.2;
  color: #231F20;
  max-width: 223px;
}

.map-data .map-data-heading .map-data-content {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  align-items: center;
}

.map-data .map-data-heading .map-data-content .contact a {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: #505050;
  line-height: 1.2;
}

.map-data .map-data-heading .map-data-content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #505050;
}

.map-data .map-data-heading .view-map {
  margin-top: 70px;
  display: flex;
  justify-content: end;
  align-items: end;
}

.map-data .map-data-heading .view-map a {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #E00034;
}

.map-data .director-slider-main {
  position: relative;
  overflow: hidden;
}

.map-data .director-slider-main .close-arrow-main {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.map-data .director-slider-main .close-arrow-main .close-arrow-flex {
  display: flex;
  flex-direction: column;
}

.map-data .director-slider-main .close-arrow-main .close-arrow-flex span {
  top: 0;
  right: 0;
  background: rgb(50, 50, 50);
  width: 62px;
  height: 62px;
  min-width: 62px;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.map-data .director-slider-main .close-arrow-main .close-arrow-flex span:hover::before {
  transform: translateY(0);
}

.map-data .director-slider-main .close-arrow-main .close-arrow-flex span::before {
  content: "";
  background: var(--primary-color);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(100%);
  transition: 0.5s all;
  z-index: -1;
}

.global-footprint-marque-main {
  background: rgb(243, 244, 246);
  position: relative;
  padding: 70px 0 180px 0;
  overflow: hidden;
}

.global-footprint-marque-main.global-footprint-marque-main-01 .container {
  pointer-events: none;
}

.global-footprint-marque-main.global-footprint-marque-main-01 .heading-main {
  max-width: 700px;
}

.global-footprint-marque-main.global-footprint-marque-main-01 .heading-main .desc {
  font-size: clamp(18px, 4vw, 24px);
  color: #231F20;
}

@media screen and (max-width: 992px) {
  .global-footprint-marque-main {
    padding: 40px 0;
  }
}

.global-footprint-marque-main .container {
  position: relative;
  z-index: 1;
}

.global-footprint-marque-main::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 180px;
  background: linear-gradient(360deg, #F3F4F6 21.56%, rgba(255, 255, 255, 0) 216.97%);
  z-index: 2;
  pointer-events: none;
}

@media screen and (max-width: 992px) {
  .global-footprint-marque-main::before {
    height: 0;
  }
}

.global-footprint-marque-main .fan-boat-img {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}

.global-footprint-marque-main .fan-boat-img:hover img {
  filter: grayscale(0);
}

.global-footprint-marque-main .fan-boat-img img {
  filter: grayscale(1);
  transition: 0.3s all;
}

@media screen and (max-width: 992px) {
  .global-footprint-marque-main .fan-boat-img {
    width: 100%;
    opacity: 0.3;
  }
}

@media screen and (max-width: 992px) {
  .global-footprint-marque-main {
    padding: 40px 0;
  }
}

.global-footprint-marque-main .heading-main {
  max-width: 650px;
  margin: auto;
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 992px) {
  .global-footprint-marque-main .heading-main {
    margin-bottom: 0;
  }
}

.global-footprint-marque-main .horizontal-marque-main-wrapper {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(34px);
  margin-top: 250px;
}

@media screen and (max-width: 767px) {
  .global-footprint-marque-main .horizontal-marque-main-wrapper {
    margin-top: 100px;
  }
}

.global-footprint-marque-main .horizontal-marque-main {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
}

@media screen and (max-width: 991.98px) {
  .global-footprint-marque-main .horizontal-marque-main.horizontal-marque-main-01 {
    margin-top: 0;
  }
}

@media screen and (max-width: 992px) {
  .global-footprint-marque-main .horizontal-marque-main {
    padding: 20px 0;
    margin-top: 125px;
  }
}

@media screen and (max-width: 767px) {
  .global-footprint-marque-main .horizontal-marque-main {
    padding: 10px 0;
    margin-top: 62.5px;
  }
}

.global-footprint-marque-main .horizontal-marque-main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 100%;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 21.15%, rgba(255, 255, 255, 0) 79.81%, #FFFFFF 100%);
  backdrop-filter: blur(34px);
  z-index: 2;
}

@media screen and (max-width: 992px) {
  .global-footprint-marque-main .horizontal-marque-main::before {
    width: 75px;
  }
}

@media screen and (max-width: 767px) {
  .global-footprint-marque-main .horizontal-marque-main::before {
    width: 37.5px;
  }
}

.global-footprint-marque-main .horizontal-marque-main::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  height: 100%;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 21.15%, rgba(255, 255, 255, 0) 79.81%, #FFFFFF 100%);
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(34px);
  z-index: 2;
}

@media screen and (max-width: 992px) {
  .global-footprint-marque-main .horizontal-marque-main::after {
    width: 75px;
  }
}

@media screen and (max-width: 767px) {
  .global-footprint-marque-main .horizontal-marque-main::after {
    width: 37.5px;
  }
}

.global-footprint-marque-main .horizontal-marque-main .marque-main {
  will-change: transform;
  transform: translateX(0);
  white-space: nowrap;
  animation: globalmarquee 50s linear infinite;
  display: flex;
}

.global-footprint-marque-main .horizontal-marque-main .marque-main .marque-text {
  position: relative;
  padding-inline: 130px;
}

@media screen and (max-width: 992px) {
  .global-footprint-marque-main .horizontal-marque-main .marque-main .marque-text {
    padding-inline: 65px;
  }
}

@media screen and (max-width: 767px) {
  .global-footprint-marque-main .horizontal-marque-main .marque-main .marque-text {
    padding-inline: 32.5px;
  }
}

.global-footprint-marque-main .horizontal-marque-main .marque-main .marque-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(85, 90, 95, 0.2);
  width: 1px;
  height: 100%;
}

.global-footprint-marque-main .horizontal-marque-main .marque-main .marque-text::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(85, 90, 95, 0.2);
  width: 1px;
  height: 100%;
}

.global-footprint-marque-main .horizontal-marque-main .marque-main .marque-text span {
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 400;
  color: var(--primary-color);
  display: block;
  margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
  .global-footprint-marque-main .horizontal-marque-main .marque-main .marque-text span {
    margin-bottom: 5px;
  }
}

.global-footprint-marque-main .horizontal-marque-main .marque-main .marque-text p {
  font-size: 16px;
  font-weight: 400;
  color: #231F20;
}

@media screen and (max-width: 992px) {
  .global-footprint-marque-main .horizontal-marque-main .marque-main .marque-text p {
    font-size: 14px;
  }
}

@keyframes globalmarquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.global-footprint-marque-new {
  position: relative;
  padding: 60px 0;
}

.global-footprint-marque-new .container {
  position: relative;
  z-index: 1;
  pointer-events: none;
}

.global-footprint-marque-new .primary-title {
  color: #231F20;
}

.global-footprint-marque-new .desc {
  color: #505050;
  font-size: clamp(14px, 3vw, 20px);
}

.global-footprint-marque-new .fan-boat-img {
  position: relative;
  text-align: center;
  margin-top: -12%;
  z-index: -1;
}

.global-footprint-marque-new .fan-boat-img img {
  pointer-events: all;
  filter: grayscale(1);
  transition: 0.3s all;
}

.global-footprint-marque-new .fan-boat-img img:hover {
  filter: grayscale(0);
}

.board-director-main {
  padding-bottom: 70px;
}

@media screen and (max-width: 992px) {
  .board-director-main {
    padding-bottom: 40px;
  }
}

.board-director-main .board-director-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.board-director-main .board-director-flex .board-director-card {
  background: rgb(255, 255, 255);
  width: calc(20% - 10px);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: auto;
}

@media screen and (max-width: 1124px) {
  .board-director-main .board-director-flex .board-director-card {
    width: calc(25% - 20px);
  }
}

@media screen and (max-width: 992px) {
  .board-director-main .board-director-flex .board-director-card {
    width: calc(33.33% - 20px);
  }
}

@media screen and (max-width: 767px) {
  .board-director-main .board-director-flex .board-director-card {
    width: calc(50% - 20px);
  }
}

@media screen and (max-width: 450px) {
  .board-director-main .board-director-flex .board-director-card {
    width: 100%;
  }
}

.board-director-main .board-director-flex .board-director-card:hover .man-img>img {
  transform: scale(1.1);
}

.board-director-main .board-director-flex .board-director-card .man-img {
  overflow: hidden;
  position: relative;
}

.board-director-main .board-director-flex .board-director-card .man-img>img {
  width: 100%;
  object-fit: cover;
  transition: 0.5s all;
}

.board-director-main .board-director-flex .board-director-card .man-img .icon-box-absalute {
  position: absolute;
  top: 10px;
  left: 10px;
}

.board-director-main .board-director-flex .board-director-card .man-img .icon-box-absalute .icon-box {
  border: 0.48px solid #F7F7F7;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.board-director-main .board-director-flex .board-director-card .man-img .icon-box-absalute .icon-box:hover {
  border: 0.48px solid transparent;
}

.board-director-main .board-director-flex .board-director-card .man-img .icon-box-absalute .icon-box:hover::before {
  transform: translateY(0);
}

.board-director-main .board-director-flex .board-director-card .man-img .icon-box-absalute .icon-box:hover span::before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.board-director-main .board-director-flex .board-director-card .man-img .icon-box-absalute .icon-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary-color);
  transform: translateY(101%);
  transition: 0.5s all;
}

.board-director-main .board-director-flex .board-director-card .man-img .icon-box-absalute .icon-box span {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}

.board-director-main .board-director-flex .board-director-card .man-img .icon-box-absalute .icon-box span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 12px;
  background-color: #F7F7F7;
  transition: 0.5s all;
}

.board-director-main .board-director-flex .board-director-card .man-img .icon-box-absalute .icon-box span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  width: 1px;
  height: 12px;
  background-color: #F7F7F7;
  transition: 0.5s all;
}

.board-director-main .board-director-flex .board-director-card .text-main {
  padding: 12px 8px;
}

.board-director-main .board-director-flex .board-director-card .text-main span {
  font-size: 16px;
  font-weight: 400;
  color: #231f20;
  display: block;
  line-height: 1.1;
  margin-bottom: 5px;
}

.board-director-main .board-director-flex .board-director-card .text-main p {
  font-size: 12px;
  font-weight: 400;
  color: #231F20;
  margin-bottom: 0;
  line-height: 1.1;
  text-align: justify;
}

.executive-leadership-main {
  padding: 70px 0;
}

@media screen and (max-width: 992px) {
  .executive-leadership-main {
    padding: 40px 0;
  }
}

.executive-leadership-main.active {
  background: rgb(50, 50, 50);
}

.executive-leadership-main.active .primary-title {
  color: rgb(247, 247, 247);
}

.executive-leadership-main.active .divider {
  border-top: solid 1px rgba(247, 247, 247, 0.1);
}

.executive-leadership-main.active .desc-text {
  margin-bottom: 30px;
}

@media screen and (max-width: 992px) {
  .executive-leadership-main.active .desc-text {
    margin-bottom: 20px;
  }
}

.executive-leadership-main.active .desc-text p {
  color: #fff;
  line-height: 1.1;
  margin-top: 10px;
  font-size: clamp(18px, 2vw, 20px);
  text-align: justify;
}

.executive-leadership-main.active .faq-main {
  border-top: solid 1px rgba(247, 247, 247, 0.1);
}

.executive-leadership-main.active .faq-main:last-child {
  border-bottom: solid 1px rgba(247, 247, 247, 0.1);
}

.executive-leadership-main.active .faq-main:not(.active) {
  margin-bottom: 0;
}

.executive-leadership-main.active .faq-main.active .head {
  background: transparent;
}

.executive-leadership-main.active .faq-main.active .head h3 {
  color: #fff;
}

.executive-leadership-main.active .faq-main.active .head span {
  border: 1px solid rgb(224, 0, 52);
  background: rgb(224, 0, 52);
}

.executive-leadership-main.active .faq-main .head {
  background: transparent;
  padding: 29px 0;
}

.executive-leadership-main.active .faq-main .head>div {
  display: flex;
  align-items: center;
  gap: 45px;
}

@media screen and (max-width: 992px) {
  .executive-leadership-main.active .faq-main .head>div {
    gap: 25px;
  }
}

@media screen and (max-width: 767px) {
  .executive-leadership-main.active .faq-main .head>div {
    gap: 15px;
  }
}

.executive-leadership-main.active .faq-main .head>div .number {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 400;
  color: rgb(224, 0, 52);
  border-color: transparent;
  background: transparent;
}

.executive-leadership-main.active .faq-main .head>div h3 {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 400;
  color: #fff;
}

.executive-leadership-main.active .faq-main .head span {
  position: relative;
  border-color: rgb(130, 130, 130);
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  overflow: hidden;
  z-index: 1;
}

.executive-leadership-main.active .faq-main .head span img:nth-child(1) {
  filter: brightness(0.5);
}

.executive-leadership-main.active .faq-main .head span::after {
  content: "";
  background: var(--primary-color);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(110%);
  transition: 0.5s all;
  z-index: -1;
}

.executive-leadership-main.active .faq-main .head span:hover {
  border-color: var(--primary-color) !important;
}

.executive-leadership-main.active .faq-main .head span:hover img:nth-child(1) {
  filter: brightness(1) !important;
}

.executive-leadership-main.active .faq-main .head span:hover::after {
  transform: translateY(0);
}

.executive-leadership-main.active .faq-main .head .number {
  border: 1px solid transparent;
}

.executive-leadership-main.active .faq-main .head:hover {
  background: transparent;
}

.executive-leadership-main.active .faq-main .head:hover h3 {
  color: #fff;
}

.executive-leadership-main.active .faq-main .head:hover .number {
  border: 1px solid transparent;
}

.executive-leadership-main.active .faq-main .head:hover span {
  border: 1px solid rgb(130, 130, 130);
}

.executive-leadership-main.active .faq-main .head:hover span img:nth-child(1) {
  filter: brightness(0.5);
}

.executive-leadership-main.active .faq-main .body .text-main {
  padding-left: 50px;
  margin-bottom: 30px;
}

@media screen and (max-width: 992px) {
  .executive-leadership-main.active .faq-main .body .text-main {
    padding-left: 0;
  }
}

.executive-leadership-main.active .faq-main .body .text-main p {
  color: #fff;
  margin-bottom: 30px;
  text-transform: none;
}

.executive-leadership-main .executive-img {
  margin-bottom: 25px;
}

.executive-leadership-main .executive-img img {
  width: 100%;
}

.executive-leadership-main .faq-main {
  margin-bottom: 20px;
}

.executive-leadership-main .faq-main:last-child {
  margin-bottom: 0;
}

.executive-leadership-main .faq-main.active .head {
  background: rgb(35, 31, 32);
  margin-bottom: 30px;
}

.executive-leadership-main .faq-main.active .head h3 {
  color: rgb(255, 255, 255);
}

.executive-leadership-main .faq-main.active .head span {
  border: 1px solid rgb(255, 255, 255);
}

.executive-leadership-main .faq-main.active .head span img:nth-child(1) {
  opacity: 0;
  visibility: hidden;
}

.executive-leadership-main .faq-main.active .head span img:nth-child(2) {
  opacity: 1;
  visibility: visible;
}

.executive-leadership-main .faq-main .head {
  background: #F7F7F7;
  padding: 15px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.5s all;
  cursor: pointer;
}

.executive-leadership-main .faq-main .head:hover {
  background: rgb(35, 31, 32);
}

.executive-leadership-main .faq-main .head:hover h3 {
  color: rgb(255, 255, 255);
}

.executive-leadership-main .faq-main .head:hover span {
  border: 1px solid rgb(255, 255, 255);
}

.executive-leadership-main .faq-main .head:hover span img:nth-child(1) {
  filter: brightness(1);
}

.executive-leadership-main .faq-main .head h3 {
  font-size: 24px;
  font-weight: 400;
  color: #231F20;
  margin-bottom: 0;
  transition: 0.5s all;
}

.executive-leadership-main .faq-main .head span {
  border: 1px solid rgba(35, 40, 45, 0.2);
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.5s all;
}

.executive-leadership-main .faq-main .head span img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s all;
}

.executive-leadership-main .faq-main .head span img:nth-child(1) {
  filter: brightness(0.8);
}

.executive-leadership-main .faq-main .head span img:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}

.executive-leadership-main .faq-main .body .text-main h3 {
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 400;
  color: rgb(35, 31, 32);
  margin-bottom: 10px;
}

.executive-leadership-main .faq-main .body .text-main .faq-border {
  width: 185px;
  height: 2px;
  background: rgb(224, 0, 52);
  display: block;
  margin-bottom: 60px;
}

.executive-leadership-main .faq-main .body .text-main p {
  font-size: 16px;
  font-weight: 400;
  color: #231F20;
  margin-bottom: 10px;
  max-width: 780px;
  line-height: 1.2;
  text-align: justify;
}

.executive-leadership-main .faq-main .body .text-main .primary-gray-btn {
  background-color: #231F20;
}

.executive-leadership-main .faq-main .body .leadership-btn {
  margin-top: 40px;
}

.executive-leadership-main .faq-main .body .leadership-btn .linked-in-btn {
  padding: 10px 14px;
  border: 1px solid #231F20;
  line-height: 1.2;
  font-size: 15px;
  font-weight: 400;
  color: #231F20;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: #505050;
  transition: 0.2s ease-in;
}

.executive-leadership-main .faq-main .body .leadership-btn .linked-in-btn:hover {
  border-color: transparent;
  background-color: #fff;
}

.executive-leadership-main .faq-main .body .img-main {
  height: 100%;
}

.executive-leadership-main .faq-main .body .img-main img {
  width: 100%;
}

.footer-main {
  position: relative;
  background-color: #231F20;
  padding: 20px 0;
}

.footer-main .global-services-card {
  background: rgb(45, 50, 55);
  padding: 20px;
  border-radius: 1px;
  margin-bottom: 40px;
  transition: 0.5s all;
}

@media screen and (max-width: 992px) {
  .footer-main .global-services-card {
    margin-bottom: 20px;
  }
}

.footer-main .global-services-card:hover {
  background: rgb(25, 30, 35);
}

.footer-main .global-services-card:hover .global-arrow a {
  background: rgb(238, 58, 67);
}

.footer-main .global-services-card span {
  font-size: 16px;
  font-weight: 500;
  color: rgb(187, 188, 190);
  display: block;
  margin-bottom: 15px;
}

.footer-main .global-services-card .global-arrow {
  display: flex;
  justify-content: flex-end;
}

.footer-main .global-services-card .global-arrow a {
  background: rgb(187, 188, 190);
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s all;
}

.footer-main .logo-address-number-main {
  border-top: solid 1px rgba(247, 247, 247, 0.1);
  border-bottom: solid 1px rgba(247, 247, 247, 0.1);
  padding: 40px 0;
}

@media screen and (max-width: 992px) {
  .footer-main .logo-address-number-main {
    padding: 20px 0;
  }
}

.footer-main .logo-address-number-main .gms-logo-main {
  max-width: 350px;
}

.footer-main .logo-address-number-main .gms-logo-main a {
  margin-bottom: 15px;
  display: block;
}

.footer-main .logo-address-number-main .gms-logo-main p {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.1;
  margin-bottom: 15px;
  max-width: 250px;
}

.footer-main .logo-address-number-main .gms-logo-main .language-main {
  display: flex;
  align-items: center;
  gap: 5px;
}

.footer-main .logo-address-number-main .gms-logo-main .language-main span {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
}

.footer-main .logo-address-number-main .gms-logo-main .language-main span.active {
  color: rgb(255, 255, 255);
}

.footer-main .logo-address-number-main .office-card-main.right {
  text-align: right;
}

@media screen and (max-width: 922px) {
  .footer-main .logo-address-number-main .office-card-main.right {
    text-align: left;
  }
}

.footer-main .logo-address-number-main .office-card-main h6 {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.3);
  margin-bottom: 10px;
}

.footer-main .logo-address-number-main .office-card-main p {
  font-size: 17px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  max-width: 350px;
  line-height: 1.1;
}

.footer-main .logo-address-number-main .office-card-main .number-main {
  text-align: right;
}

@media screen and (max-width: 922px) {
  .footer-main .logo-address-number-main .office-card-main .number-main {
    text-align: left;
  }
}

.footer-main .logo-address-number-main .office-card-main .number-main a {
  font-weight: 400;
  color: rgb(255, 255, 255);
  display: block;
  font-size: 16px;
}

.footer-main .logo-address-number-main .office-card-main .email {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  margin-top: 50px;
}

@media screen and (max-width: 922px) {
  .footer-main .logo-address-number-main .office-card-main .email {
    justify-content: flex-start;
    margin-top: 30px;
  }
}

.footer-main .footer-menu-flex {
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.footer-main .footer-menu-flex .footer-menu-main .footer-menu {
  margin-bottom: 40px;
}

.footer-main .footer-menu-flex .footer-menu-main .footer-menu:last-child {
  margin-bottom: 0;
}

.footer-main .footer-menu-flex .footer-menu-main .footer-menu h4 {
  font-size: 17px;
  font-weight: 400;
  color: rgb(255, 255, 255);
}

.footer-main .footer-menu-flex .footer-menu-main .footer-menu h4 a {
  color: #fff;
}

.footer-main .footer-menu-flex .footer-menu-main .footer-menu ul {
  margin-bottom: 0;
  padding-left: 0;
  min-width: 188px;
}

.footer-main .footer-menu-flex .footer-menu-main .footer-menu ul li {
  list-style: none;
}

.footer-main .footer-menu-flex .footer-menu-main .footer-menu ul li a {
  font-size: 15px;
  font-weight: 400;
  color: rgba(247, 247, 247, 0.5019607843);
}

.footer-main .footer-menu-flex .footer-menu-main .footer-menu ul li a .we-r-hiring {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.1019607843);
  padding: 4px 6px;
  margin-inline-start: 18px;
}

.footer-main .footer-menu-flex .footer-menu-main .footer-menu ul li a .we-r-hiring::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 11px;
  background-color: #E00034;
}

@media screen and (max-width: 768px) {
  .footer-main .footer-menu-flex .footer-menu-main .footer-menu ul li a .we-r-hiring {
    margin-inline-start: 4px;
  }
}

@media screen and (max-width: 768px) {
  .footer-main .footer-menu-flex .footer-menu-main {
    width: calc(50% - 20px);
  }

  .footer-main .footer-menu-flex .footer-menu-main .footer-menu ul {
    min-width: 100px;
  }
}

.footer-main .gulf-marine-main {
  padding: 40px 0 20px 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
  .footer-main .gulf-marine-main {
    justify-content: center;
  }
}

.footer-main .gulf-marine-main .gulf-marine-img .footer-chart-box {
  background: rgb(50, 50, 50);
  padding: 20px;
  width: 100%;
  margin-bottom: 10px;
  display: block;
}

.footer-main .gulf-marine-main .gulf-marine-img .footer-chart-box canvas {
  cursor: pointer;
}

.footer-main .gulf-marine-main .gulf-marine-img .footer-chart-box .footer-chart-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

.footer-main .gulf-marine-main .gulf-marine-img .footer-chart-box .footer-chart-text .text-main:last-child h6 {
  justify-content: flex-end;
}

.footer-main .gulf-marine-main .gulf-marine-img .footer-chart-box .footer-chart-text .text-main span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(247, 247, 247, 0.4);
  display: block;
}

.footer-main .gulf-marine-main .gulf-marine-img .footer-chart-box .footer-chart-text .text-main h6 {
  font-size: 16px;
  font-weight: 500;
  color: rgb(247, 247, 247);
  display: flex;
  align-items: center;
  gap: 5px;
}

.footer-main .gulf-marine-main .gulf-marine-img .footer-chart-box .footer-chart-text .text-main h6 span {
  color: #F7F7F7;
}

.footer-main .gulf-marine-main .gulf-marine-img .footer-chart-box .footer-chart-text .text-main h6 img {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .footer-main .gulf-marine-main .gulf-marine-img .footer-chart-box .footer-chart-text .text-main:nth-child(1) {
    width: 100%;
    text-align: left;
  }

  .footer-main .gulf-marine-main .gulf-marine-img .footer-chart-box .footer-chart-text .text-main:nth-child(3) {
    width: 30%;
    text-align: right;
  }
}

.footer-main .gulf-marine-main .gulf-marine-img .footer-chart-box .chart-main>img {
  width: 100%;
  margin-bottom: 0;
}

@media screen and (max-width: 992px) {
  .footer-main .gulf-marine-main .gulf-marine-img {
    text-align: center;
  }
}

.footer-main .gulf-marine-main .gulf-marine-img img {
  margin-bottom: 10px;
}

.footer-main .gulf-marine-main .gulf-marine-img span {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}

.footer-main .gulf-marine-main .gulf-marine-img span a {
  font-size: 14px;
  font-weight: 400;
  color: rgb(255, 255, 255);
}

.footer-main .gulf-marine-main .social-icon-main {
  text-align: right;
}

@media screen and (max-width: 922px) {
  .footer-main .gulf-marine-main .social-icon-main {
    text-align: center;
  }
}

.footer-main .gulf-marine-main .social-icon-main h6 {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.3);
  margin-bottom: 10px;
}

.footer-main .gulf-marine-main .social-icon-main h6 a {
  color: rgba(255, 255, 255, 0.5019607843);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.footer-main .gulf-marine-main .social-icon-main .social-icon {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}

@media screen and (max-width: 922px) {
  .footer-main .gulf-marine-main .social-icon-main .social-icon {
    justify-content: center;
  }
}

.footer-main .gulf-marine-main .social-icon-main .social-icon a {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1px;
}

.footer-main .gulf-marine-main .social-icon-main .social-icon a svg path {
  transition: 0.1s linear;
}

.footer-main .gulf-marine-main .social-icon-main .social-icon a.youtube:hover svg path {
  fill: #EB3232;
}

.footer-main .gulf-marine-main .social-icon-main .social-icon a.linked:hover svg path {
  fill: #368FDC;
}

.footer-main .footer-logo-main {
  position: relative;
  padding: 0 0 20px 0;
}

.footer-main .footer-logo-main h6 {
  font-size: 17px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  text-align: center;
}

.footer-main .footer-logo-main .footer-logo-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
}

@media screen and (max-width: 992px) {
  .footer-main .footer-logo-main .footer-logo-flex {
    justify-content: center;
    flex-wrap: wrap;
  }
}

.footer-main .footer-logo-main .footer-logo-flex .footer-logo {
  background: transparent;
  width: calc(16.66% - 20px);
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1px;
  transition: 0.5s all;
}

@media screen and (max-width: 992px) {
  .footer-main .footer-logo-main .footer-logo-flex .footer-logo {
    width: calc(25% - 20px);
  }
}

@media screen and (max-width: 767px) {
  .footer-main .footer-logo-main .footer-logo-flex .footer-logo {
    width: calc(50% - 20px);
  }
}

.footer-main .footer-logo-main .footer-logo-flex .footer-logo:hover {
  background: rgb(233, 234, 234);
}

.footer-main .footer-logo-main .footer-logo-flex .footer-logo:hover img {
  filter: brightness(1) invert(0);
}

.footer-main .footer-logo-main .footer-logo-flex .footer-logo:hover:nth-last-child(1) img {
  filter: brightness(1) saturate(1);
}

.footer-main .footer-logo-main .footer-logo-flex .footer-logo:hover:nth-last-child(3) img {
  filter: brightness(1) saturate(1);
}

.footer-main .footer-logo-main .footer-logo-flex .footer-logo:nth-last-child(1) img {
  filter: brightness(2) saturate(0);
}

/* .footer-main .footer-logo-main .footer-logo-flex .footer-logo:nth-last-child(3) img {
  filter: brightness(2) saturate(0);
} */

.footer-main .footer-logo-main .footer-logo-flex .footer-logo img {
  filter: brightness(0) invert(1);
  transition: 0.5s all;
  max-height: 90%;
}

.environment-table {
  padding-bottom: 70px;
  /* ----------------------------------
     MOBILE RESPONSIVE
  -----------------------------------*/
}

@media screen and (max-width: 992px) {
  .environment-table {
    padding-bottom: 40px;
  }
}

.environment-table .text-top {
  color: #231F20;
  font-size: clamp(16px, 4vw, 20px);
  margin-bottom: 15px;
}

.environment-table .table {
  margin-top: 20px;
}

.environment-table .table-responsive {
  width: 100%;
  overflow-x: auto;
}

.environment-table .table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.environment-table .table th,
.environment-table .table td {
  vertical-align: middle;
}

.environment-table .table thead th {
  padding: 16px;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: #fff;
}

.environment-table .table thead th {
  background: #E00034;
}

.environment-table .table tbody td {
  padding: 10px;
  word-wrap: break-word;
  color: #231F20;
  line-height: 1.2;
  border: 1px;
  border-style: solid;
  border-color: rgba(35, 31, 32, 0.2);
}

.environment-table .table tbody td:last-child {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  color: #231F20;
}

.environment-table .table tbody td img {
  margin-right: 10px;
  margin-top: -4px;
  filter: brightness(0.1);
  transition: 0.3s all;
}

.environment-table .table tbody tr:hover td:last-child img {
  filter: brightness(1);
}

@media (max-width: 900px) {
  .environment-table .table thead th {
    font-size: 14px;
  }

  .environment-table .table tbody td {
    padding: 12px;
  }
}

@media (max-width: 991.98px) {
  /* ----------------------------------
  MOBILE RESPONSIVE
  -----------------------------------*/
  /* Extra small devices */

  .environment-table .table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }

  .environment-table .table thead th {
    padding: 16px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #fff;
  }

  .environment-table .table thead th:first-child {
    min-width: 160px;
  }

  .environment-table .table tbody td {
    padding: 16px;
    word-wrap: break-word;
    line-height: 1.2;
    border-right: 1px;
    border-style: solid;
    border-color: rgba(35, 31, 32, 0.2);
  }

  .environment-table .table tbody td:first-child {
    padding: 20px;
    vertical-align: middle;
  }

  .environment-table .table tbody td:last-child {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
  }
}

@media (max-width: 991.98px) and (max-width: 900px) {
  .environment-table .table thead th {
    font-size: 14px;
  }

  .environment-table .table tbody td {
    padding: 12px;
  }
}

@media (max-width: 991.98px) {
  .environment-table .table tbody td img {
    margin-right: 10px;
    margin-top: -4px;
  }
}

@media (max-width: 991.98px) and (max-width: 991.98px) {
  .environment-table .table {
    min-width: 900px;
  }

  .environment-table .table thead th {
    padding: 12px;
  }

  .environment-table .table tbody td {
    padding: 12px;
  }

  .environment-table .table tbody td:first-child {
    padding: 15px;
  }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
  .environment-table .table {
    min-width: 700px;
  }

  .environment-table .table tbody td:last-child {
    white-space: normal;
  }
}

@media (max-width: 991.98px) {
  .environment-table .custom-table {
    position: relative;
    overflow: auto;
  }
}

.data-dashboard {
  padding-bottom: 70px;
}

@media screen and (max-width: 992px) {
  .data-dashboard {
    padding-bottom: 40px;
  }
}

.data-dashboard .desc-text p {
  font-size: clamp(16px, 4vw, 20px);
  color: #231F20;
  line-height: 1.1;
  text-align: justify;
}

.data-dashboard .dashboard-tabs {
  position: relative;
}

.data-dashboard .dashboard-tabs ul {
  background: rgba(35, 40, 45, 0.1215686275);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.data-dashboard .dashboard-tabs ul li {
  padding: 11px 60px;
  color: #23282D;
  font-size: 15px;
  font-weight: 500;
  flex: 1;
  min-width: max-content;
  text-align: center;
  cursor: pointer;
}

@media screen and (max-width: 991.98px) {
  .data-dashboard .dashboard-tabs ul li {
    padding: 10px;
    font-size: 13px;
  }
}

.data-dashboard .dashboard-tabs ul li.active {
  background: #E00034;
  color: #fff;
}

.data-dashboard .dashboard-main>div {
  width: 100%;
  height: 820px;
  overflow: auto;
  overflow-y: hidden;
}

.data-dashboard .dashboard-main>div::-webkit-scrollbar {
  height: 5px;
}

.data-dashboard .dashboard-main>div::-webkit-scrollbar-track {
  background: #eee;
}

.data-dashboard .dashboard-main>div::-webkit-scrollbar-thumb {
  background-color: #999;
}

.data-dashboard .data-dashboard-main {
  position: relative;
  display: flex;
  gap: 20px;
  flex-direction: column;
}

@media screen and (max-width: 991.98px) {
  .data-dashboard .data-dashboard-main {
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
    gap: 10px;
  }
}

.data-dashboard .data-dashboard-card {
  background: #E9EAEA;
  padding: 15px 30px;
  flex: 1;
}

@media screen and (max-width: 991.98px) {
  .data-dashboard .data-dashboard-card {
    padding: 30px;
    flex: unset;
  }
}

.data-dashboard .data-dashboard-card h5 {
  color: #23282D;
  font-size: clamp(24px, 5vw, 64px);
  margin: 0px !important;
}

.data-dashboard .data-dashboard-card p {
  color: #231F20;
  font-size: clamp(14px, 4vw, 16px);
  line-height: 1.1;
  font-weight: 400;
  margin: 15px 0px;
}

.data-dashboard .data-dashboard-card ul {
  padding-left: 20px;
}

.data-dashboard .data-dashboard-card ul li {
  color: #231F20;
  font-size: clamp(14px, 4vw, 16px);
  line-height: 1.1;
  font-weight: 400;
  margin: 15px 0px;
  list-style: disc;
  text-align: justify;
}

.data-dashboard .data-dashboard-card ul li b {
  font-weight: 500;
  color: #231F20;
}

.data-dashboard .data-dashboard-card .data-color {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 50px;
}

.data-dashboard .data-dashboard-card .data-color .scope-box {
  background: #C80A0B;
  width: 21px;
  height: 14px;
}

.data-dashboard .data-dashboard-card .data-color .scope-box.black {
  background: #23282D;
}

.data-dashboard .data-dashboard-txt {
  margin: 40px 0px;
  color: rgb(130, 130, 130);
  font-size: clamp(14px, 4vw, 16px);
  line-height: 1.1;
  font-weight: 400;
}

.data-dashboard .data-dashboard-end {
  background: rgb(50, 50, 50);
  padding: 60px 50px;
}

@media screen and (max-width: 991.98px) {
  .data-dashboard .data-dashboard-end {
    padding: 40px 30px;
  }
}

.data-dashboard .data-dashboard-end ul li {
  color: #fff;
  font-size: clamp(14px, 4vw, 16px);
  line-height: 1.1;
  margin-bottom: 25px;
  text-align: justify;
}

.data-dashboard .data-dashboard-end ul li:last-child {
  margin-bottom: 0px;
}

.data-dashboard .data-dashboard-end ul li b {
  color: #fff;
  font-weight: 500;
}

.media-detail {
  padding: 40px 0;
}

.media-detail p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  color: #505050;
  margin-bottom: 63px;
  margin-top: 50px;
  max-width: 893px;
  text-align: justify;
}

.media-detail ol li {
  list-style: auto;
}

.media-detail ul li {
  display: flex;
  gap: 10px;
}

.media-detail ul li::before {
  margin-top: 10px;
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  min-width: 5px;
  background-color: #505050;
}

.media-detail .detail-wrapper img,
.media-detail .content img {
  width: 100%;
}

.content-right .content-right-heading {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #1B1B1F;
  margin-bottom: 10px;
}

.content-right ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #1B1B1F;
  margin-bottom: 10px;
  padding: 10px;
}

.content-right ul .active {
  color: #231F20;
  border-left: 3px solid #231F20;
}

.content-right .img-bg {
  background-image: url(https://digitalgraphiks.us/demo/gms-uat/assets/images/media-detail-img-two.png);
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px;
  background-size: cover;
}

.content-right .img-bg .bg-content {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #FFFFFF;
  margin-bottom: 10px;
}

.content-right .img-bg .social-icons {
  display: flex;
  align-items: center;
  gap: 15px;
}

.content-right .subscription p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #121416;
  margin-top: 20px;
  margin-bottom: 0;
  text-align: unset;
}

.content-right .subscription .media-form {
  margin-top: 10px;
}

.content-right .subscription .media-form .form-control {
  display: inline-block;
  border: 1px solid #CECECE;
  outline: 0;
  box-shadow: unset;
  color: #828282;
  transition: 0.6s;
  padding: 20px;
  font-size: 16px;
  border-radius: 0;
}

.content-right .subscription .media-subscribe-button {
  background-color: #121416;
  padding: 20px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  width: 100%;
  margin-top: 20px;
}

.content-right .subscription .checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #A9A9A9;
  text-align: justify;
}

.content-right .subscription .error-txt {
  font-size: 12px;
  font-weight: 400;
  color: red;
}

.invest-with-gms {
  margin: 50px 0px;
}

@media screen and (max-width: 991.98px) {
  .invest-with-gms {
    margin: 30px 0px;
  }
}

.invest-with-gms .invest-with-gms-main {
  position: relative;
  margin-top: 30px;
}

.invest-with-gms .invest-with-gms-main .invest-with-gms-card {
  position: relative;
  height: 100%;
  border: 1px solid rgba(35, 40, 45, 0.1019607843);
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  overflow: hidden;
}

@media screen and (max-width: 991.98px) {
  .invest-with-gms .invest-with-gms-main .invest-with-gms-card {
    padding: 20px;
  }
}

.invest-with-gms .invest-with-gms-main .invest-with-gms-card:hover:after {
  transform: scale(100);
}

.invest-with-gms .invest-with-gms-main .invest-with-gms-card:hover span {
  color: #fff;
}

.invest-with-gms .invest-with-gms-main .invest-with-gms-card:hover h6 {
  color: #fff;
}

.invest-with-gms .invest-with-gms-main .invest-with-gms-card:hover p {
  color: #fff;
}

.invest-with-gms .invest-with-gms-main .invest-with-gms-card:after {
  content: "";
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: 20px;
  height: 20px;
  transform: scale(0);
  transition: 0.7s all;
  z-index: -1;
  border-radius: 50%;
  background: var(--primary-color);
}

.invest-with-gms .invest-with-gms-main .invest-with-gms-card span {
  color: #231F20;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1;
  font-weight: 500;
  transition: 0.5s all;
}

.invest-with-gms .invest-with-gms-main .invest-with-gms-card h6 {
  color: #231F20;
  font-size: clamp(18px, 4vw, 20px);
  font-weight: 500;
  transition: 0.5s all;
  margin-bottom: 15px;
}

.invest-with-gms .invest-with-gms-main .invest-with-gms-card p {
  color: #231F20;
  font-weight: 300;
  font-size: clamp(14px, 4vw, 16px);
  line-height: 1.2;
  transition: 0.5s all;
}

.share-price-section {
  margin: 50px 0px;
}

@media screen and (max-width: 991.98px) {
  .share-price-section {
    margin: 30px 0px;
  }
}

.share-price-section.active .curve-chart {
  top: 3%;
}

.share-price-section.active .image img:first-child {
  top: -50px !important;
}

.share-price-section.active .image img:nth-child(2) {
  top: -50px !important;
}

.share-price-section .curve-chart {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  transition: 1s all;
}

.share-price-section .share-price-content {
  position: relative;
  background: #fff;
  padding: 50px;
  margin-top: 50px;
  overflow: hidden;
}

@media screen and (max-width: 991.98px) {
  .share-price-section .share-price-content {
    padding: 20px;
  }
}

.share-price-section .share-price-content .price-meta {
  display: flex;
  justify-content: center;
  align-items: end;
}

.share-price-section .share-price-content .price-meta span {
  color: #E00034;
  font-weight: 600;
  font-size: clamp(30px, 3vw, 40px);
}

.share-price-section .share-price-content .price-meta h2 {
  color: #E00034;
  font-size: clamp(50px, 21vw, 314px);
  line-height: 0.8;
}

.share-price-section .share-price-content .price-note {
  position: relative;
  margin-top: 40px;
  font-size: 16px;
  color: #23282D;
  font-weight: 400;
}

@media screen and (max-width: 991.98px) {
  .share-price-section .share-price-content .price-note {
    margin-top: 20px;
  }
}

.share-price-section .share-price-content .price-note span {
  color: #E00034;
}

.share-price-section .share-price-content .info-head h3 {
  color: #23282D;
  font-size: clamp(20px, 4vw, 32px);
  font-weight: 400;
}

.share-price-section .share-price-content .info-head p {
  color: #828282;
  font-size: clamp(14px, 4vw, 16px);
  line-height: 1.1;
  max-width: 300px;
}

.share-price-section .share-price-content .info-grid {
  display: flex;
  justify-content: end;
}

@media screen and (max-width: 991.98px) {
  .share-price-section .share-price-content .info-grid {
    flex-wrap: wrap;
  }
}

.share-price-section .share-price-content .info-grid>div {
  flex: 0 0 40%;
  border-right: 1px solid rgba(35, 40, 45, 0.1019607843);
  margin-right: 30px;
  padding: 10px 30px;
}

@media screen and (max-width: 991.98px) {
  .share-price-section .share-price-content .info-grid>div {
    flex: 0 0 100%;
    padding: 30px 10px;
    border-right: unset;
    margin-right: unset;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(35, 40, 45, 0.1019607843);
  }

  .share-price-section .share-price-content .info-grid>div:last-child {
    border-bottom: unset;
  }
}

.share-price-section .share-price-content .info-grid>div:last-child {
  border-right: unset;
  margin-right: 0;
}

.share-price-section .share-price-content .info-grid h5 {
  color: #E00034;
  font-weight: 500;
  font-size: clamp(24px, 4vw, 30px);
  margin-bottom: 20px;
}

.share-price-section .share-price-content .info-grid p {
  color: #828282;
  font-size: clamp(20px, 4vw, 24px);
  line-height: 1.1;
}

.share-price-section .share-price-content .image {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  width: 44px;
  height: 44px;
  margin-bottom: 30px;
  overflow: hidden;
  gap: 20px;
}

.share-price-section .share-price-content .image img {
  transition: top 3s ease;
}

.share-price-section .share-price-content .image img:first-child {
  position: relative;
  left: 0;
  top: 0px;
}

.share-price-section .share-price-content .image img:nth-child(2) {
  position: relative;
  top: 0;
  left: 0;
}

.share-price-header {
  position: relative;
  overflow: hidden;
}

.our-financial-performance {
  margin: 80px 0px;
  padding: 80px 0px;
  background: #231F20;
}

@media screen and (max-width: 991.98px) {
  .our-financial-performance {
    margin: 50px 0px;
    padding: 50px 0px;
  }
}

.our-financial-performance .swiper-slide span {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 50px;
  display: block;
}

.our-financial-performance .swiper-slide h2 {
  font-size: clamp(30px, 4vw, 58px);
  color: #E00034;
  line-height: 1.1;
}

.our-financial-performance .swiper-slide h3 {
  color: #FFFFFF;
  font-size: clamp(20px, 4vw, 24px);
  font-weight: 400;
  margin-bottom: 50px;
}

.our-financial-performance .swiper-slide ul li {
  position: relative;
  color: rgba(255, 255, 255, 0.5019607843);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 15px;
  padding-left: 20px;
}

.our-financial-performance .swiper-slide ul li:before {
  position: absolute;
  content: "";
  border-radius: 50px;
  left: 0;
  top: 5px;
  width: 6px;
  height: 6px;
  background: #E00034;
}

.our-financial-performance .arrow-main {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 50px;
}

.our-financial-performance .arrow-main span {
  position: relative;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s all;
  border: 1px solid #828282;
  overflow: hidden;
}

.our-financial-performance .arrow-main span:hover {
  border: 1px solid #E00034;
}

.our-financial-performance .arrow-main span:hover:before {
  transform: translateY(0%);
}

.our-financial-performance .arrow-main span:hover img {
  filter: brightness(0) invert(1);
}

.our-financial-performance .arrow-main span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  transform: translateY(100%);
  width: 100%;
  height: 100%;
  transition: 0.3s all;
  background: #E00034;
}

.results-and-presentation {
  margin: 80px 0px;
}

@media screen and (max-width: 991.98px) {
  .results-and-presentation {
    margin: 50px 0px;
  }
}

.results-and-presentation .arrow-main {
  display: flex;
  align-items: center;
  gap: 10px;
  border-left: 1px solid rgba(35, 31, 32, 0.1019607843);
  margin-left: 20px;
  padding-left: 20px;
}

.results-and-presentation .arrow-main span {
  position: relative;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s all;
  border: 1px solid #828282;
  overflow: hidden;
}

.results-and-presentation .arrow-main span:hover {
  border: 1px solid #E00034;
}

.results-and-presentation .arrow-main span:hover:before {
  transform: translateY(0%);
}

.results-and-presentation .arrow-main span:hover img {
  filter: brightness(0) invert(1);
}

.results-and-presentation .arrow-main span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  transform: translateY(100%);
  width: 100%;
  height: 100%;
  transition: 0.3s all;
  background: #E00034;
}

.results-and-presentation .announcement-card {
  position: relative;
  border: 1px solid rgba(35, 31, 32, 0.1019607843);
  background: #F7F7F7;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 100px;
  justify-content: space-between;
  min-height: 386px;
  transition: 0.3s all;
}

.results-and-presentation .announcement-card .backLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: -1;
  transition: 0.3s all;
}

.results-and-presentation .announcement-card:hover {
  background: rgba(0, 0, 0, 0.4);
}

.results-and-presentation .announcement-card:hover .announcement-card__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.results-and-presentation .announcement-card:hover .backLogo {
  opacity: 0.5;
}

.results-and-presentation .announcement-card:hover .announcement-card__top .announcement-card__label {
  color: #fff;
}

.results-and-presentation .announcement-card:hover .announcement-card__top .announcement-card__title {
  color: #fff;
}

.results-and-presentation .announcement-card:hover .announcement-card__top .announcement-card__icon {
  filter: brightness(0) invert(1);
}

.results-and-presentation .announcement-card:hover .announcement-card__bottom .announcement-card__day {
  color: #fff;
}

.results-and-presentation .announcement-card:hover .announcement-card__bottom .announcement-card__month {
  color: rgba(255, 255, 255, 0.8);
}

.results-and-presentation .announcement-card .announcement-card__top {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.results-and-presentation .announcement-card .announcement-card__top .announcement-card__icon {
  transition: 0.3s all;
}

.results-and-presentation .announcement-card .announcement-card__top .announcement-card__label {
  color: #E00034;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
  transition: 0.3s all;
}

.results-and-presentation .announcement-card .announcement-card__top .announcement-card__title {
  color: #231F20;
  font-weight: 400;
  font-size: clamp(20px, 4vw, 24px);
  line-height: 1.1;
  transition: 0.3s all;
}

@media screen and (max-width: 991.98px) {
  .results-and-presentation .announcement-card .announcement-card__top .announcement-card__title {
    max-width: 200px;
  }
}

.results-and-presentation .announcement-card .announcement-card__bottom {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(35, 40, 45, 0.1019607843);
  padding-top: 30px;
}

.results-and-presentation .announcement-card .announcement-card__bottom .announcement-card__day {
  color: #E00034;
  font-size: clamp(30px, 4vw, 68px);
  font-weight: 500;
  line-height: 0.7;
  transition: 0.3s all;
}

.results-and-presentation .announcement-card .announcement-card__bottom .announcement-card__month {
  color: rgba(35, 31, 32, 0.5019607843);
  font-size: 16px;
  max-width: min-content;
  text-align: right;
  line-height: 1.2;
  transition: 0.3s all;
}

.strong-governmance {
  margin: 50px 0px;
}

@media screen and (max-width: 991.98px) {
  .strong-governmance {
    margin: 30px 0px;
  }
}

.strong-governmance .col-lg-4:last-child .governer-card {
  margin-bottom: 0;
}

.strong-governmance .col-lg-4 .governer-card {
  position: relative;
  padding: 20px;
  overflow: hidden;
  background: #fff;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  transition: 0.5s all;
  justify-content: space-between;
  margin-bottom: 20px;
}

.strong-governmance .col-lg-4 .governer-card:hover .card-btn {
  background: #E00034;
}

.strong-governmance .col-lg-4 .governer-card:hover .gover-img {
  transform: translateY(0);
}

.strong-governmance .col-lg-4 .governer-card:hover h3 {
  color: #fff;
}

.strong-governmance .col-lg-4 .governer-card .gover-img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-110%);
  width: 100%;
  height: 100%;
  transition: 0.5s all;
}

@media screen and (max-width: 991.98px) {
  .strong-governmance .col-lg-4 .governer-card .gover-img {
    transform: translateY(0);
  }
}

.strong-governmance .col-lg-4 .governer-card h3 {
  position: relative;
  color: #231F20;
  font-size: clamp(20px, 4vw, 24px);
  font-weight: 500;
  transition: 0.5s all;
}

@media screen and (max-width: 991.98px) {
  .strong-governmance .col-lg-4 .governer-card h3 {
    color: #fff;
  }
}

.strong-governmance .col-lg-4 .governer-card .card-btn {
  position: relative;
  background: #323232;
  height: 44px;
  width: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  transition: 0.5s all;
}

@media screen and (max-width: 991.98px) {
  .strong-governmance .col-lg-4 .governer-card .card-btn {
    background: #E00034;
  }
}

.connect-with-team {
  margin: 80px 0px;
}

@media screen and (max-width: 991.98px) {
  .connect-with-team {
    margin: 50px 0px;
  }
}

.connect-with-team .connect-card {
  background: #F7F7F7;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  max-height: 150px;
  overflow: hidden;
  border-bottom: 2px solid #E00034;
  transition: background-color 0.5s ease;
  height: 100%;
}

@media screen and (max-width: 991.98px) {
  .connect-with-team .connect-card {
    max-height: max-content;
    margin-bottom: 30px;
  }
}

.connect-with-team .connect-card:hover {
  background: #E00034;
  max-height: 1000px;
  transition: max-height 2s ease, background-color 0.5s ease;
}

.connect-with-team .connect-card:hover h3 {
  color: #fff;
}

.connect-with-team .connect-card:hover .connect-card-bottom>div {
  display: flex;
}

.connect-with-team .connect-card:hover .connect-card-bottom>div:first-child {
  margin-bottom: 10px;
  border-bottom: 1px solid #e9eaea;
  padding-bottom: 10px;
}

.connect-with-team .connect-card:hover .connect-card-bottom>div .address,
.connect-with-team .connect-card:hover .connect-card-bottom>div a {
  color: #fff;
}

.connect-with-team .connect-card:hover .connect-card-bottom>div .address strong {
  font-weight: 600;
}

.connect-with-team .connect-card:hover .connect-card-bottom>div span {
  color: #fff;
}

.connect-with-team .connect-card h3 {
  color: #231F20;
  font-size: clamp(16px, 4vw, 20px);
  font-weight: 500;
}

.connect-with-team .connect-card .connect-card-bottom {
  position: relative;
}

.connect-with-team .connect-card .connect-card-bottom>div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e9eaea;
  padding-bottom: 10px;
  display: none;
}

@media screen and (max-width: 991.98px) {
  .connect-with-team .connect-card .connect-card-bottom>div {
    display: flex;
  }
}

.connect-with-team .connect-card .connect-card-bottom>div:first-child {
  display: flex;
  border-bottom: unset;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 991.98px) {
  .connect-with-team .connect-card .connect-card-bottom>div:first-child {
    margin-bottom: 10px;
    border-bottom: 1px solid #e9eaea;
    padding-bottom: 10px;
  }
}

.connect-with-team .connect-card .connect-card-bottom>div:last-child {
  border-bottom: unset;
}

.connect-with-team .connect-card .connect-card-bottom>div span {
  color: rgba(35, 31, 32, 0.5019607843);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
}

.connect-with-team .connect-card .connect-card-bottom>div a {
  color: #231F20;
  font-size: 16px;
  font-weight: 400;
}

.health-detail {
  padding: 70px 0;
}

.health-detail p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #231f20;
  margin-top: 20px;
  text-align: justify;
}

.drug-policy {
  padding: 70px 0;
}

.drug-policy .primary-title {
  font-size: clamp(28px, 4vw, 40px);
  color: rgb(35, 31, 32);
  font-weight: 400;
  line-height: 1.1;
  margin-top: 0;
}

.drug-policy h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  color: #231F20;
  margin-top: 30px;
}

.drug-policy p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #231F20;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: justify;
}

.drug-policy ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #231F20;
  display: flex;
  gap: 12px;
  text-align: justify;
  margin-bottom: 10px;
}

.drug-policy ul li::before {
  content: "";
  display: inline-flex;
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 6px;
  background-color: #E00034;
  margin-top: 7px;
}

.drug-policy .lifesaving-rules .lifesaving-rules-img {
  filter: grayscale(1);
  transition: 0.3s all;
}

.drug-policy .lifesaving-rules .lifesaving-rules-img:hover {
  filter: grayscale(0);
}

.drug-policy .lifesaving-rules .lifesaving-heading-tag {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #231F20;
  font-weight: 500;
  background-color: rgba(35, 31, 32, 0.031372549);
  border: 1px solid rgba(35, 31, 32, 0.1019607843);
  padding: 20px;
  line-height: 1.1;
  height: calc(100% - 10px);
  margin-bottom: 10px;
  overflow: hidden;
  transition: 0.3s linear;
}

.drug-policy .lifesaving-rules .lifesaving-heading-tag:after {
  content: "";
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: 20px;
  height: 20px;
  transform: scale(0);
  transition: 0.3s linear;
  z-index: -1;
  border-radius: 50%;
  background: var(--primary-color);
}

.drug-policy .lifesaving-rules .lifesaving-heading-tag:hover {
  color: #fff;
}

.drug-policy .lifesaving-rules .lifesaving-heading-tag:hover:after {
  transform: scale(40);
}

.occupational-health {
  padding: 70px 0;
  background-color: #231F20;
}

.occupational-health .occupational-desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  text-align: justify;
}

.occupational-health .occupation-heading {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
}

.occupational-health .occupation-para {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  text-align: justify;
}

.occupational-health .card-wrapper {
  background-color: #323232;
  padding: 25px 20px;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.occupational-health .card-wrapper .card-heading {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  display: flex;
  gap: 12px;
}

.occupational-health .card-wrapper .card-heading::before {
  content: "";
  display: inline-flex;
  width: 10px;
  height: 10px;
  min-width: 10px;
  background-color: #E00034;
  margin-top: 4px;
}

.occupational-health .card-wrapper .number {
  margin-top: 10px;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.2;
  color: #fff;
}

.occupational-health .main-tab-content {
  position: relative;
  overflow: hidden;
  min-height: 500px;
}

.main-tab-card {
  display: none;
}

.main-tab-card.active {
  display: block;
}

.years-parent {
  position: relative;
  background-color: #F7F7F7;
  display: flex;
  overflow: auto;
  flex-wrap: wrap;
}

.years-parent button {
  flex: 1;
  padding: 6px;
  min-width: 150px;
  border: none;
  border-right: 2px solid rgba(35, 40, 45, 0.1019607843);
  height: 51px;
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease-in-out;
  background-color: transparent;
  z-index: 1;
  color: #23282D;
  font-weight: 500;
  font-size: clamp(16px, 2vw, 20px);
}

.years-parent button.active {
  color: #F7F7F7;
}

.years-parent .year-indicator {
  position: absolute;
  height: 100%;
  top: 0;
  width: 0;
  left: 0;
  background: #E00034;
  transition: all 0.35s ease-in-out;
  z-index: 0;
}

.years-parent::-webkit-scrollbar {
  height: 0;
}

.invester-contact-detail {
  padding: 40px 0 100px 0;
}

.invester-contact-detail .detailwrapper {
  background-color: #505050;
  padding: 36px 40px;
  border-bottom: 4px solid #E00034;
}

.invester-contact-detail .detailwrapper p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #F7F7F7;
  text-align: justify;
}

.invester-contact-detail .detailwrapper p a {
  color: #F7F7F7;
  text-decoration: underline;
}

.practice-presentation {

  padding: 70px 0;

}

.practice-presentation .practice-card {
  padding: 20px;
  border: 1px solid rgba(35, 31, 32, 0.1019607843);
  position: relative;
  display: block;
  cursor: pointer;

}

.practice-presentation .practice-card.loading {

  pointer-events: none;

  position: relative;

}

.practice-presentation .practice-card.loading::before {

  content: "";

  position: absolute;

  inset: 0;

  background-color: #ddd;

  z-index: 1;

}

.practice-presentation .practice-card.loading::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%) rotate(0);

  width: 40px;

  height: 40px;

  border: 5px solid rgba(0, 0, 0, 0.5);

  border-top-color: #E00034;

  border-radius: 50%;

  animation: spin 0.8s linear infinite;

  z-index: 1;

}

@keyframes spin {

  to {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

.practice-presentation .practice-card .cardinner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 346px;
  z-index: 1;

}

.presentation .practice-card .cardinner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 346px;
  z-index: 1;
}

.practice-presentation .practice-card .cardinner .heading-tag-img {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 20px;

}

.practice-presentation .practice-card .cardinner .heading-tag-img .heading-tag {

  display: flex;

  flex-direction: column;

  gap: 10px;

}

.practice-presentation .practice-card .cardinner .heading-tag-img .heading-tag span {

  font-size: 12px;

  font-weight: 500;

  line-height: 1.2;

  color: #E00034;

}

.practice-presentation .practice-card .cardinner .heading-tag-img .heading-tag h2 {

  font-size: 24px;

  font-weight: 400;

  line-height: 1.2;

  color: #231F20;

  max-width: 220px;

  transition: 0.3s ease-in-out;

}

.practice-presentation .practice-card .cardinner .content-bottom {

  display: flex;

  gap: 5px;

  align-items: baseline;

  border-top: 1px solid rgba(35, 31, 32, 0.1019607843);

  padding-top: 30px;

}

.practice-presentation .practice-card .cardinner .content-bottom .number {

  color: #E00034;

  font-size: 68px;

  font-weight: 400;

  line-height: 1;

}

.practice-presentation .practice-card .cardinner .content-bottom .date-time {

  color: rgba(35, 31, 32, 0.5019607843);

  line-height: 1.1;

  font-size: 16px;

}

.practice-presentation .practice-card .overlay {

  position: absolute;

  z-index: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  inset: 0;

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

  opacity: 0;

  transition: 0.3s;

}

.practice-presentation .practice-card:hover .overlay {

  opacity: 1;

}

.practice-presentation .practice-card:hover p {

  color: #fff;

}

.practice-presentation .practice-card:hover .content-bottom {

  border-top: 1px solid rgba(255, 255, 255, 0.2);

}

.practice-presentation .practice-card:hover .cardinner .date-time span {

  color: rgba(255, 255, 255, 0.8) !important;

}

.practice-presentation .practice-card:hover .cardinner .heading-tag-img img {

  filter: brightness(0) invert(1);

}

.practice-presentation .practice-card:hover .cardinner .heading-tag-img .heading-tag span {

  color: #fff;

}

.practice-presentation .practice-card:hover .cardinner .heading-tag-img .heading-tag h2 {

  color: #fff;

}

.practice-presentation .practice-card:hover .content-bottom .number {

  color: white;

}

.practice-presentation .practice-card:hover .content-bottom .date-time span {

  color: #fff;

}

.practice-presentation .page-next-prev span {
  cursor: pointer;
  user-select: none;
}

.practice-presentation .page-next-prev span:hover:not(.disabled) {
  color: #E00034;
}

.practice-presentation .page-next-prev span.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}


.corporate-policy {
  padding: 70px 0;
}

.corporate-policy p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #231F20;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: justify;
}

.corporate-policy h2 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #231F20;
  margin-top: 60px;
  margin-bottom: 15px;
}

.corporate-policy ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #231F20;
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
}

.corporate-policy ul li::before {
  content: "";
  display: inline-flex;
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 6px;
  background-color: #E00034;
  margin-top: 7px;
}

.corporate-policy .number-style li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #231F20;
  padding: 1px;
  display: flex;
  gap: 12px;
}

.corporate-policy .number-style li::before {
  content: "";
  display: none;
}

.fleet-specification {
  padding: 100px 0;
}

.fleet-specification .specification {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #231F20;
}

.fleet-specification p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #505050;
  margin-top: 10px;
}

.fleet-specification th {
  border: 1px solid rgba(35, 31, 32, 0.1019607843);
  padding: 15px 50px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  background-color: #f7f7f7;
}

.fleet-specification tr {
  border-bottom: 1px solid #C8C8C8;
}

.fleet-specification td {
  padding: 15px 50px;
  color: #828282;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
}

.fleet-specification .specification-table-heading {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: #231F20;
  margin-bottom: 20px;
}

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

  .fleet-specification th,
  .fleet-specification td {
    padding: 8px 20px;
    font-size: 14px;
  }
}

.corporate-governance {
  position: relative;
  padding: 70px 0;
}

@media screen and (max-width: 767px) {
  .corporate-governance {
    padding: 40px 0;
  }
}

.corporate-governance .embracing-a-greener-card {
  position: relative;
  padding-top: 75px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .corporate-governance .embracing-a-greener-card {
    padding-top: 25px;
  }
}

.corporate-governance .embracing-a-greener-card::after {
  content: "";
  position: absolute;
  top: -80px;
  left: -24px;
  width: 275px;
  height: 275px;
  border: 1px solid rgba(35, 31, 32, 0.031372549);
  z-index: 0;
}

.corporate-governance .embracing-a-greener-card::before {
  content: "";
  position: absolute;
  top: -80px;
  left: 40%;
  width: 275px;
  height: 275px;
  border: 1px solid rgba(35, 31, 32, 0.031372549);
  z-index: 0;
}

.corporate-governance .embracing-a-greener-card .content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-inline: 50px;
  padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .corporate-governance .embracing-a-greener-card .content {
    padding-inline: 25px;
    padding-bottom: 20px;
  }
}

.corporate-governance .embracing-a-greener-card .content .card-title {
  color: #23282D;
  font-size: clamp(28px, 3vw, 32px);
  margin-bottom: 20px;
  line-height: 1.1;
}

.corporate-governance .embracing-a-greener-card .content .card-desc {
  color: #505050;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.1;
}

.corporate-governance .embracing-a-greener-card .img-card {
  position: relative;
  padding: 75px;
  background-image: url("../../images/embracing-a-greener-card-bg.png");
  background-size: cover;
  background-position: center;
  width: 90%;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .corporate-governance .embracing-a-greener-card .img-card {
    padding: 24px;
  }
}

.corporate-governance .embracing-a-greener-card .img-card.without-img {
  padding: 40px 50px;
  padding-bottom: 60px;
  background-image: none;
  background: rgb(80, 80, 80);
}

@media screen and (max-width: 767px) {
  .corporate-governance .embracing-a-greener-card .img-card.without-img {
    padding: 30px;
  }
}

.corporate-governance .embracing-a-greener-card .img-card.without-img h3 {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 1.1;
  margin-bottom: 68px;
}

@media screen and (max-width: 992px) {
  .corporate-governance .embracing-a-greener-card .img-card.without-img h3 {
    margin-bottom: 30px;
  }
}

.corporate-governance .embracing-a-greener-card .img-card.without-img a {
  display: flex;
  width: max-content;
  margin-left: auto;
}

.corporate-governance .embracing-a-greener-card .img-card p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 1.1;
  text-align: justify;
}

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

  .corporate-governance .embracing-a-greener-card .content,
  .corporate-governance .embracing-a-greener-card .img-card {
    width: 100%;
  }
}

.careers-detail {
  padding: 100px 0;
}

.careers-detail .career-detail-wrapper .caree-detail-header {
  font-size: clamp(30px, 4vw, 40px);
  font-weight: 400;
  line-height: 1.2;
  color: #231F20;
  margin-bottom: 40px;
  margin-top: 60px;
}

.careers-detail .career-detail-wrapper p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #505050;
  margin-bottom: 20px;
  text-align: justify;
}

@media screen and (max-width: 768px) {
  .careers-detail .career-detail-wrapper p {
    text-align: unset;
  }
}

.careers-detail .career-detail-wrapper ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #505050;
  padding: 5px;
}

.careers-detail .career-detail-wrapper .contact-form {
  padding: 60px 0;
}

.careers-detail .contact-wrapper {
  background-color: #E9EAEA;
  padding: 20px 20px;
  border-bottom: 2px solid #E00034;
  position: relative;
}

.careers-detail .contact-wrapper h2 {
  color: #231F20;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 40px;
}

.careers-detail .contact-wrapper .contact-item {
  margin-bottom: 20px;
}

.careers-detail .contact-wrapper .contact-item .item-header {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  color: #828282;
  margin-bottom: 7px;
}

.careers-detail .contact-wrapper .contact-item .item-content {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #231F20;
  display: block;
  margin-bottom: 5px;
  max-width: 370px;
}

.cv-label {
  padding: 15px 25px;
  border: 1px solid rgba(35, 31, 32, 0.5019607843);
  border-style: dashed;
  display: block;
  cursor: pointer;
}

.cv-label .cv-label-content * {
  text-align: center !important;
}

.cv-label .cv-label-content .upload {
  font-size: 16px;
  font-family: 400;
  line-height: 1.2;
  color: #828282;
}

.cv-label .cv-label-content p {
  margin-bottom: 16px;
  font-size: 12px;
  font-family: 400;
  line-height: 1.2;
  color: #828282;
}

.cv-label .cv-label-content span {
  font-size: 12px;
  font-family: 400;
  line-height: 1.2;
  color: #828282;
}

.cv-label .cv-label-content img {
  margin-bottom: 14px;
}

.cv-label .remove-cv {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #333;
  background-color: transparent;
  border: 0;
  outline: 0;
}

.upload-cv-modal .modal-heading {
  padding: 0;
}

.dislaimer-section {
  margin: 80px 0px;
}

@media screen and (max-width: 991.98px) {
  .dislaimer-section {
    margin: 50px 0px;
  }
}

.dislaimer-section h3 {
  color: #505050;
  font-size: 24px;
  font-weight: 400;
}

.dislaimer-section label {
  font-weight: 400;
  font-size: clamp(18px, 4vw, 24px);
  color: #000000;
  margin-bottom: 15px;
}

.dislaimer-section .main-select {
  position: relative;
}

.dislaimer-section .main-select select {
  border: 1px solid rgba(35, 31, 32, 0.2509803922);
  background: unset !important;
  border-radius: 0 !important;
  color: #505050;
  font-size: clamp(16px, 4vw, 18px);
}

.dislaimer-section .main-select img {
  position: absolute;
  right: 20px;
  top: 15px;
}

.dislaimer-section .btn-custom {
  background-color: var(--primary-color);
  color: #fff;
  padding: 10px 20px;
  display: inline-flex;
  gap: 20px;
  align-items: center;
  cursor: pointer;
  outline: 0;
  border: unset;
}

.dislaimer-section .btn-custom img {
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.form-select:focus {
  border-color: unset;
  outline: 0;
  box-shadow: unset;
}

.dislaimer-content {
  margin-bottom: 80px;
}

@media screen and (max-width: 991.98px) {
  .dislaimer-content {
    margin-bottom: 40px;
  }
}

.dislaimer-content h3 {
  color: #231f20;
  font-size: clamp(18px, 4vw, 20px);
  font-weight: 400;
}

.dislaimer-content p {
  color: #505050;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1.1;
}

.dislaimer-content p strong {
  font-weight: 600;
}

.dislaimer-content ul {
  margin: 20px 0px;
  padding-left: 30px;
}

.dislaimer-content ul li {
  color: #505050;
  font-size: 16px;
  list-style: auto;
  line-height: 1.1;
}

.dislaimer-content .main-btn-custom {
  gap: 20px;
  display: flex;
  margin-top: 30px;
}

.dislaimer-content .main-btn-custom .btn-custom {
  background-color: var(--primary-color);
  color: #fff;
  padding: 10px 15px;
  display: inline-flex;
  gap: 20px;
  align-items: center;
  cursor: pointer;
  font-size: 15px;
}

.dislaimer-content .main-btn-custom .btn-custom.white {
  background-color: unset;
  color: #505050;
  border: 1px solid #505050;
}

.dislaimer-content .main-btn-custom .btn-custom img {
  width: 20px;
  height: 20px;
  line-height: 20px;
}

#submit_verification img {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.modal-heading {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: #231F20;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.modal-heading::before {
  content: "";
  display: inline-flex;
  width: 6px;
  height: 6px;
  min-width: 6px;
  background-color: #E00034;
}

.oil-and-gas .oil-gas-wrapper {
  padding: 70px 0;
}

.oil-and-gas .oil-gas-wrapper .oil-gas-content {
  padding: 20px;
}

.oil-and-gas .oil-gas-wrapper .oil-gas-content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #505050;
  margin-bottom: 40px;
}

.oil-and-gas .oil-gas-wrapper .oil-gas-content ul {
  margin-bottom: 40px;
}

.oil-and-gas .oil-gas-wrapper .oil-gas-content ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #828282;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.oil-and-gas .oil-gas-wrapper .oil-gas-content ul li::before {
  content: "";
  display: inline-flex;
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 6px;
  background-color: #E00034;
}

.oil-and-gas img {
  height: 100%;
  object-fit: cover;
}

.great-place {
  position: relative;
  background: #323232;
  overflow: hidden;
  z-index: 1;
}

.great-place:hover .bg-image>img {
  filter: grayscale(0);
}

.great-place .bg-image>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: 0.5s all;
  min-height: 500px;
}

.great-place .great-place-column-absalute {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  z-index: 0;
  padding: 80px 0;
}

.great-place .great-place-column-absalute .great-place-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.great-place .great-place-column-absalute>.container {
  height: 100%;
}

.great-place .great-place-column-absalute>.container>.row {
  height: 100%;
}

.great-place.dark {
  background-color: #231F20;
}

@media screen and (max-width: 991.98px) {
  .great-place {
    padding: 0;
  }
}

@media screen and (max-width: 991.98px) {
  .great-place img {
    width: 50%;
    margin: 0;
  }
}

.great-place p {
  color: #fff;
  font-size: clamp(18px, 4vw, 20px);
  line-height: 1.1;
  max-width: 680px;
  font-weight: 400;
  text-align: justify;
}

.great-place .grate-place-work-slider {
  overflow: hidden;
  margin-top: 50px;
}

@media screen and (max-width: 992px) {
  .great-place .grate-place-work-slider {
    margin-top: 30px;
  }
}

.great-place .grate-place-work-slider .grate-place-img img {
  width: 100%;
}

.our-achievements .social-bottom-box {
  display: flex;
  gap: 40px;
  align-items: center;
  border: 1px solid #E0E0E0;
  margin-bottom: 50px;
}

@media screen and (max-width: 991.98px) {
  .our-achievements .social-bottom-box {
    flex-direction: column;
    margin-bottom: 30px;
  }

  .our-achievements .social-bottom-box>div {
    width: 100%;
  }
}

.our-achievements .social-bottom-box img {
  width: 100%;
  min-width: 280px;
}

@media screen and (max-width: 991.98px) {
  .our-achievements .social-bottom-box img {
    min-width: 100%;
  }
}

.our-achievements .social-bottom-box .social-content {
  color: #231F20;
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.1;
  text-align: justify;
}

@media screen and (max-width: 1399.98px) {
  .our-achievements .social-bottom-box .social-content {
    padding: 20px;
  }
}

.our-achievements .desc-text p {
  font-size: 20px;
  font-weight: 400;
  color: #505050;
  line-height: 1.1;
  margin-left: auto;
  max-width: 550px;
  text-align: justify;
}

.our-achievements .achievements-body {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border: 1px solid #E0E0E0;
  padding: 30px;
}

.our-achievements .achievements-body h2 {
  color: #231F20;
  font-size: clamp(16px, 3vw, 20px);
  line-height: 1.1;
  font-weight: 500;
}

.our-achievements .achievements-body p {
  color: #828282;
  font-size: 16px;
  line-height: 1.1;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
  text-align: justify;
}

.our-diversity {
  position: relative;
  padding: 70px 0;
}

@media screen and (max-width: 991.98px) {
  .our-diversity {
    padding: 40px 0;
  }
}

.our-diversity p {
  color: #231F20;
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 50px;
  line-height: 1.1;
  text-align: justify;
}

@media screen and (max-width: 991.98px) {
  .our-diversity p {
    margin: 20px 0px;
  }
}

.our-diversity .main-diversity {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  justify-content: space-between;
}

@media screen and (max-width: 992px) {
  .our-diversity .main-diversity {
    flex-wrap: wrap;
  }
}

.our-diversity .main-diversity .diversity-box {
  min-height: 230px;
}

.our-diversity .main-diversity .diversity-box h3 {
  color: var(--primary-color);
  font-size: clamp(28px, 4vw, 48px);
}

.our-diversity .main-diversity .diversity-box span {
  color: #231F20;
  font-size: clamp(16px, 4vw, 24px);
}

.our-diversity .main-diversity .diversity-box:first-child {
  max-width: 470px;
}

.our-diversity .main-diversity .diversity-box:nth-child(2) {
  background-color: rgba(35, 31, 32, 0.031372549);
  display: flex;
  flex-direction: column;
  max-width: 385px;
  padding: 20px;
  justify-content: space-between;
  width: 100%;
}

.our-diversity .main-diversity .diversity-box:nth-child(3) {
  background-color: rgba(35, 31, 32, 0.031372549);
  display: flex;
  flex-direction: column;
  max-width: 385px;
  padding: 20px;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 991.98px) {
  .our-diversity .main-diversity .diversity-box {
    gap: 10px;
  }

  .our-diversity .main-diversity .diversity-box:nth-child(2) {
    width: calc(50% - 10px);
  }

  .our-diversity .main-diversity .diversity-box:nth-child(3) {
    width: calc(50% - 10px);
  }
}

.nurturing-culture-main.dark-social {
  background-color: #323232;
}

.nurturing-culture-main.dark-social .divider {
  border-bottom: 1px solid rgba(247, 247, 247, 0.2);
  margin: 30px 0px;
}

.nurturing-culture-main.dark-social .primary-dark-btn {
  background: #231F20;
  margin-top: 30px;
}

.nurturing-culture-main.dark-social .desc-text ul {
  margin-top: 20px;
}

.nurturing-culture-main.dark-social .desc-text ul li {
  color: #fff;
  margin-bottom: 15px;
}

.corporate-policy-new-cards {
  padding: 95px 0;
}

.corporate-policy-new-cards .news-insights-card {
  position: relative;
  background-color: #F7F7F7;
  border: 1px solid rgba(35, 40, 45, 0.1019607843);
  padding: 40px 20px;
  min-height: 424px;
  display: flex;
  border-bottom: 1px solid rgba(55, 60, 65, 0.8);
  overflow: hidden;
  background-image: url("../../images/corporate-policy-new-logo.png");
  background-size: 199px 102px;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
}

.corporate-policy-new-cards .news-insights-card::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  transition: 0.6s;
  background-color: rgba(0, 0, 0, 0.4);
}

.corporate-policy-new-cards .news-insights-card:hover .overlay {
  opacity: 1;
}

.corporate-policy-new-cards .news-insights-card>div {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.corporate-policy-new-cards .news-insights-card .overlay {
  position: absolute;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  inset: 0;
  opacity: 0;
  transition: 0.3s;
}

.corporate-policy-new-cards .news-insights-card>img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  height: 0;
  transition: 0.6s;
  display: block;
  z-index: 0;
}

.corporate-policy-new-cards .news-insights-card .tag {
  font-size: 15px;
  font-weight: 500;
  color: var(--primary-color);
  margin-bottom: 20px;
}

.corporate-policy-new-cards .news-insights-card .card-title {
  font-size: clamp(18px, 4vw, 24px);
  font-weight: 400;
  color: #231F20;
  line-height: 1.1;
  max-width: 287px;
  transition: 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.corporate-policy-new-cards .news-insights-card .card-desc {
  font-size: 16px;
  font-weight: 400;
  color: #828282;
  line-height: 1.2;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(35, 40, 45, 0.1019607843);
  margin-bottom: 40px;
  transition: 0.3s;
  max-height: 200px;
  overflow: auto;
  padding-inline-end: 8px;
}

.corporate-policy-new-cards .news-insights-card .card-desc::-webkit-scrollbar {
  width: 6px;
}

.corporate-policy-new-cards .news-insights-card .card-desc::-webkit-scrollbar-thumb {
  background-color: #555555;
  border: 2px solid #555555;
  border-radius: 8px;
}

.corporate-policy-new-cards .news-insights-card .corporate-new-btn {
  border-top: 1px solid #231F20;
  margin-bottom: 40px;
}

.corporate-policy-new-cards .news-insights-card:hover::after {
  opacity: 1;
}


.corporate-policy-new-cards .news-insights-card:hover>img {
  height: 100%;
}

.corporate-policy-new-cards .news-insights-card:hover .card-title {
  color: #fff;
}

.corporate-policy-new-cards .news-insights-card:hover .card-desc {
  color: #C8C8C8;
}

.corporate-policy-new-cards .news-insights-card:hover .card-desc::-webkit-scrollbar-thumb {
  background-color: #f9f9f9;
  border: 2px solid #f9f9f9;
}

.corporate-policy-detail {
  padding: 95px 0;
}

.corporate-policy-detail .detail-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #505050;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: justify;
}

.corporate-policy-detail .detail-content h2 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #231F20;
}

.corporate-policy-detail .detail-content ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #505050;
  padding: 3px 15px;
  align-items: center;

}

.corporate-policy-detail .detail-content ul li::before {
  content: "";
  display: inline-flex;
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 6px;
  background-color: #E00034;
  position: relative;
  top: -2px;
  margin-inline-end: 10px;

}


.insta-clear-search-no-results {
  background-color: #e00034;
  color: #F7F7F7;
}

.insta-clear-search-no-results:hover {
  background-color: #e00034;
  color: #F7F7F7;
}

.departs {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}



.career-detail-wrapper ol li,
.career-detail-wrapper ul,
.career-detail-wrapper ul li {
  list-style: unset;
}


.career-detail-wrapper ul,
.career-detail-wrapper ol {
  padding-inline-start: 20px;
  color: #505050;
}

.cards-text {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.card-body {
  flex: 1;
}

.coming-soon {
  padding: 50px 0;
}

.result-presentation {
  padding: 170px 0 140px 0 !important;
}

.offshore-p {
  padding: 170px 0 190px 0 !important;
}

.vessel-not-found {
  padding: 100px 0;
}

.insta-vessel-main-banner-image {
  aspect-ratio: 2880/1084;
}

.primary-title.offshore a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.primary-title.offshore {
  font-size: 22px;
}


/* sourceMappingURL=style.css.map */