@charset "UTF-8";
/* ====================================== _____________ Variables Styles _____________ ====================================== */
/* ====================================== _____________ Variables Styles _____________ ====================================== */
/* ====================================== _____________ Mixin Styles _____________ ====================================== */
/* ====================================== _____________ Mixin Styles _____________ ====================================== */
/* ====================================== _____________ Classes Styles _____________ ====================================== */
.leftContainer {
  margin-left: auto;
  padding: 0 15px;
  padding-right: 0;
}
@media (max-width: 576px) {
  .leftContainer {
    width: 100%;
    padding-right: 15px;
    margin-left: auto;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .leftContainer {
    width: calc(540px + (100vw - 540px) / 2);
    padding-right: 15px;
    margin-left: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .leftContainer {
    width: calc(720px + (100vw - 720px) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .leftContainer {
    width: calc(960px + (100vw - 960px) / 2);
  }
}
@media (min-width: 1200px) {
  .leftContainer {
    width: calc(1140px + (100vw - 1140px) / 2);
  }
}

.rightContainer {
  margin-right: auto;
  padding: 0 15px;
  padding-left: 0;
}
@media (max-width: 576px) {
  .rightContainer {
    width: 100%;
    padding-left: 15px;
    margin-left: auto;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .rightContainer {
    width: calc(540px + (100vw - 540px) / 2);
    padding-left: 15px;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rightContainer {
    width: calc(720px + (100vw - 720px) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .rightContainer {
    width: calc(960px + (100vw - 960px) / 2);
  }
}
@media (min-width: 1200px) {
  .rightContainer {
    width: calc(1140px + (100vw - 1140px) / 2);
  }
}

.mainColor {
  color: #E42B1B !important;
}

.secColor {
  color: #222 !important;
}

.whtColor {
  color: #fff !important;
}

.blkColor {
  color: #000 !important;
}

.mainBgColor {
  background-color: #E42B1B !important;
}

.secBgColor {
  background-color: #222 !important;
}

.whtBgColor {
  background-color: #fff !important;
}

.blkBgColor {
  background-color: #000 !important;
}

p,
.p {
  font-size: 0.95rem;
  font-weight: 400;
  color: #000;
  margin-bottom: 1rem;
}

a,
.a,
.link {
  font-size: 0.95rem;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0.5rem;
}

.mainHover {
  transition: all 0.3s ease-in-out;
}
.mainHover:hover {
  color: #E42B1B;
}

/* ====================================== _____________ Classes Styles _____________ ====================================== */
/* ====================================== _____________ Reset Styles _____________ ====================================== */
* {
  outline: 0 !important;
  box-shadow: none !important;
}

a,
a:hover {
  text-decoration: none;
  color: inherit;
}

button {
  border: none;
  background-color: transparent;
}

html {
  font-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 576px) {
  html {
    font-size: 85%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  html {
    font-size: 88%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 90%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html {
    font-size: 95%;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 100%;
  }
}

body {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Hero New";
  overflow-x: hidden;
  background-color: black;
}
body.ar {
  font-family: "Obviously Demo";
  direction: rtl;
  text-align: right;
}

textarea {
  resize: none;
}

.modal {
  background: rgba(0, 0, 0, 0.8901960784);
}

.modal-dialog {
  margin: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-dialog .modal-content {
  background-color: transparent;
}
.modal-dialog .modal-content .modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-dialog .modal-content .modal-body form {
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .modal-dialog .modal-content .modal-body form {
    width: 90%;
  }
}

.dropdown-menu {
  background-color: rgba(0, 0, 0, 0.6);
}

.dropdown-item {
  color: white;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: white;
  background-color: transparent;
}

.dropdown-item.active, .dropdown-item:active {
  color: white;
  background-color: transparent;
}

/* ====================================== _____________ Reset Styles _____________ ====================================== */
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-BoldItalic.eot");
  src: url("font/HeroNew-BoldItalic.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-BoldItalic.woff2") format("woff2"), url("font/HeroNew-BoldItalic.woff") format("woff"), url("font/HeroNew-BoldItalic.ttf") format("truetype"), url("font/HeroNew-BoldItalic.svg#HeroNew-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-ExtraBoldItalic.eot");
  src: url("font/HeroNew-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-ExtraBoldItalic.woff2") format("woff2"), url("font/HeroNew-ExtraBoldItalic.woff") format("woff"), url("font/HeroNew-ExtraBoldItalic.ttf") format("truetype"), url("font/HeroNew-ExtraBoldItalic.svg#HeroNew-ExtraBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-Bold.eot");
  src: url("font/HeroNew-Bold.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-Bold.woff2") format("woff2"), url("font/HeroNew-Bold.woff") format("woff"), url("font/HeroNew-Bold.ttf") format("truetype"), url("font/HeroNew-Bold.svg#HeroNew-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-ExtraBold.eot");
  src: url("font/HeroNew-ExtraBold.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-ExtraBold.woff2") format("woff2"), url("font/HeroNew-ExtraBold.woff") format("woff"), url("font/HeroNew-ExtraBold.ttf") format("truetype"), url("font/HeroNew-ExtraBold.svg#HeroNew-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero New Hairline";
  src: url("font/HeroNew-Hairline.eot");
  src: url("font/HeroNew-Hairline.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-Hairline.woff2") format("woff2"), url("font/HeroNew-Hairline.woff") format("woff"), url("font/HeroNew-Hairline.ttf") format("truetype"), url("font/HeroNew-Hairline.svg#HeroNew-Hairline") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-RegularItalic.eot");
  src: url("font/HeroNew-RegularItalic.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-RegularItalic.woff2") format("woff2"), url("font/HeroNew-RegularItalic.woff") format("woff"), url("font/HeroNew-RegularItalic.ttf") format("truetype"), url("font/HeroNew-RegularItalic.svg#HeroNew-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-Regular.eot");
  src: url("font/HeroNew-Regular.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-Regular.woff2") format("woff2"), url("font/HeroNew-Regular.woff") format("woff"), url("font/HeroNew-Regular.ttf") format("truetype"), url("font/HeroNew-Regular.svg#HeroNew-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-LightItalic.eot");
  src: url("font/HeroNew-LightItalic.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-LightItalic.woff2") format("woff2"), url("font/HeroNew-LightItalic.woff") format("woff"), url("font/HeroNew-LightItalic.ttf") format("truetype"), url("font/HeroNew-LightItalic.svg#HeroNew-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-Light.eot");
  src: url("font/HeroNew-Light.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-Light.woff2") format("woff2"), url("font/HeroNew-Light.woff") format("woff"), url("font/HeroNew-Light.ttf") format("truetype"), url("font/HeroNew-Light.svg#HeroNew-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-MediumItalic.eot");
  src: url("font/HeroNew-MediumItalic.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-MediumItalic.woff2") format("woff2"), url("font/HeroNew-MediumItalic.woff") format("woff"), url("font/HeroNew-MediumItalic.ttf") format("truetype"), url("font/HeroNew-MediumItalic.svg#HeroNew-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hero New Hairline";
  src: url("font/HeroNew-HairlineItalic.eot");
  src: url("font/HeroNew-HairlineItalic.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-HairlineItalic.woff2") format("woff2"), url("font/HeroNew-HairlineItalic.woff") format("woff"), url("font/HeroNew-HairlineItalic.ttf") format("truetype"), url("font/HeroNew-HairlineItalic.svg#HeroNew-HairlineItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-Medium.eot");
  src: url("font/HeroNew-Medium.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-Medium.woff2") format("woff2"), url("font/HeroNew-Medium.woff") format("woff"), url("font/HeroNew-Medium.ttf") format("truetype"), url("font/HeroNew-Medium.svg#HeroNew-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-SemiBold.eot");
  src: url("font/HeroNew-SemiBold.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-SemiBold.woff2") format("woff2"), url("font/HeroNew-SemiBold.woff") format("woff"), url("font/HeroNew-SemiBold.ttf") format("truetype"), url("font/HeroNew-SemiBold.svg#HeroNew-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-SemiBoldItalic.eot");
  src: url("font/HeroNew-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-SemiBoldItalic.woff2") format("woff2"), url("font/HeroNew-SemiBoldItalic.woff") format("woff"), url("font/HeroNew-SemiBoldItalic.ttf") format("truetype"), url("font/HeroNew-SemiBoldItalic.svg#HeroNew-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-UltraLightItalic.eot");
  src: url("font/HeroNew-UltraLightItalic.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-UltraLightItalic.woff2") format("woff2"), url("font/HeroNew-UltraLightItalic.woff") format("woff"), url("font/HeroNew-UltraLightItalic.ttf") format("truetype"), url("font/HeroNew-UltraLightItalic.svg#HeroNew-UltraLightItalic") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hero New Super";
  src: url("font/HeroNew-Super.eot");
  src: url("font/HeroNew-Super.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-Super.woff2") format("woff2"), url("font/HeroNew-Super.woff") format("woff"), url("font/HeroNew-Super.ttf") format("truetype"), url("font/HeroNew-Super.svg#HeroNew-Super") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-ThinItalic.eot");
  src: url("font/HeroNew-ThinItalic.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-ThinItalic.woff2") format("woff2"), url("font/HeroNew-ThinItalic.woff") format("woff"), url("font/HeroNew-ThinItalic.ttf") format("truetype"), url("font/HeroNew-ThinItalic.svg#HeroNew-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hero New Super";
  src: url("font/HeroNew-SuperItalic.eot");
  src: url("font/HeroNew-SuperItalic.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-SuperItalic.woff2") format("woff2"), url("font/HeroNew-SuperItalic.woff") format("woff"), url("font/HeroNew-SuperItalic.ttf") format("truetype"), url("font/HeroNew-SuperItalic.svg#HeroNew-SuperItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-Thin.eot");
  src: url("font/HeroNew-Thin.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-Thin.woff2") format("woff2"), url("font/HeroNew-Thin.woff") format("woff"), url("font/HeroNew-Thin.ttf") format("truetype"), url("font/HeroNew-Thin.svg#HeroNew-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/HeroNew-UltraLight.eot");
  src: url("font/HeroNew-UltraLight.eot?#iefix") format("embedded-opentype"), url("font/HeroNew-UltraLight.woff2") format("woff2"), url("font/HeroNew-UltraLight.woff") format("woff"), url("font/HeroNew-UltraLight.ttf") format("truetype"), url("font/HeroNew-UltraLight.svg#HeroNew-UltraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/Hero-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero New";
  src: url("font/Hero-Regular.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* ====================================== _____________ Global Styles _____________ ====================================== */
/* ====================================== _____________ Global Styles _____________ ====================================== */
/* ====================================== _____________ Grids Styles _____________ ====================================== */
/* ====================================== _____________ Grids Styles _____________ ====================================== */
/* ====================================== _____________ Header Styles _____________ ====================================== */
.header {
  padding: 2.1rem 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 100%);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  transition: all 0.5s ease-in-out;
}
.header.scrolled {
  background: rgba(0, 0, 0, 0.8);
  padding: 1.5rem 0;
}
.header_lang .dropdown-toggle {
  font-size: 1rem;
  color: white;
  text-transform: uppercase;
}
.header_lang .dropdown-toggle::after {
  display: none;
}
.header_link {
  margin-bottom: 0;
}
.header_link_logo {
  width: 126px;
}
@media (max-width: 768px) {
  .header_link_logo {
    width: 100%;
  }
}
.header_icons {
  display: flex;
  gap: 1rem;
  color: white;
  justify-content: end;
  align-items: center;
}
.header_icons_search {
  cursor: pointer;
  width: 20px;
}
@media (max-width: 768px) {
  .header_icons_search {
    width: 16px;
  }
}
.header_icons_burgerMenu {
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 22px;
}
@media (max-width: 768px) {
  .header_icons_burgerMenu {
    width: 26px;
    height: 16px;
  }
}
.header_icons_burgerMenu_global {
  position: absolute;
  left: 0;
  border-top: 3px solid white;
  width: 100%;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}
.header_icons_burgerMenu_global:first-child {
  top: 0;
  left: 0;
}
body.en .header_icons_burgerMenu_global:first-child {
  left: auto;
  right: 0;
}
.header_icons_burgerMenu_global:nth-child(2) {
  top: 9px;
}
.header_icons_burgerMenu_global:last-child {
  top: 18px;
  right: 0;
  left: auto;
}
body.en .header_icons_burgerMenu_global:last-child {
  right: auto;
  left: 0;
}
.header_icons_burgerMenu_global:first-child, .header_icons_burgerMenu_global:last-child {
  width: 50%;
}
.header_icons_burgerMenu.clicked .header_icons_burgerMenu_global:first-child {
  width: 50% !important;
  right: 0;
  left: auto;
}
.header_icons_burgerMenu.clicked .header_icons_burgerMenu_global:last-child {
  width: 50% !important;
  left: 0;
}

/* ====================================== _____________ Header Styles _____________ ====================================== */
/* ====================================== _____________ Footer Styles _____________ ====================================== */
footer .footer {
  padding: 5rem 0;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  footer .footer {
    padding: 2.5rem 0;
  }
}
footer .footer_content_logo {
  width: 200px;
  margin-bottom: 0.5rem;
}
footer .footer_content_newPar {
  font-size: 12px;
  font-weight: 200;
  line-height: 15px;
  color: #ffffff;
  opacity: 0.5;
}
footer .footer_content_desc {
  color: #E42B1B;
  font-weight: 400;
  font-size: 1.1rem;
}
footer .footer_content_title {
  color: #E42B1B;
  margin-bottom: 1.25rem;
  font-size: 1.2rem;
  font-weight: 600;
}
footer .footer_content_socialList {
  display: flex;
  gap: 1rem;
}
footer .footer_content_socialList_item_link {
  margin-bottom: 0;
  color: white;
  height: 46px;
  width: 46px;
  text-align: center;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  footer .footer_content_socialList_item_link {
    height: 36px;
    width: 36px;
  }
}
footer .footer_content_socialList_item_link_icon {
  transition: all 0.3s ease-in-out;
  width: 19.2px;
}
@media (max-width: 991px) {
  footer .footer_content_socialList_item_link_icon {
    width: 15px;
  }
}
@media (max-width: 768px) {
  footer .footer_content_socialList_item_link_icon {
    width: 14px;
  }
}
footer .footer_content_socialList_item_link:hover {
  color: black;
  background-color: white;
}
footer .footer_content_socialList_item_link:hover .footer_content_socialList_item_link_icon {
  filter: brightness(0%);
}
footer .footer_content_list {
  margin-bottom: 0;
}
footer .footer_content_list_item {
  margin-bottom: 0.75rem;
}
footer .footer_content_list_item:last-child {
  margin-bottom: 0;
}
footer .footer_content_list_item_link {
  position: relative;
  color: white;
  font-size: 0.9rem;
  margin-bottom: 0;
  padding-inline-end: 1.5rem;
}
footer .footer_content_list_item_link:last-child {
  margin-bottom: 0;
}
footer .footer_content_list_item_link::after {
  content: "";
  background-image: url("../img/global/arrow.png");
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  width: 16px;
  height: 16px;
  background-size: contain;
}
footer .footer_content_list_item_link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background-color: #E42B1B;
  transition: all 0.3s ease-in-out;
}
body.en footer .footer_content_list_item_link::before {
  left: auto;
  right: 0;
}
footer .footer_content_list_item_link:hover::before {
  width: 100%;
}
footer .footer_content_list_item_link:hover::after {
  opacity: 1;
}
footer .copyright {
  background-color: #242524;
  padding: 0.5rem 0;
}
footer .copyright_desc {
  color: white;
  font-size: 0.75rem;
  font-weight: 300;
  margin-bottom: 0;
  min-height: 16px;
  line-height: 20px;
}
footer .copyright_desc a {
  margin-bottom: 0;
}
footer .copyright_desc img {
  width: 49px;
}
@media (max-width: 991px) {
  footer .copyright_desc img {
    width: 35px;
  }
}

/* ====================================== _____________ Footer Styles _____________ ====================================== */
/* ====================================== _____________ Sidebar Styles _____________ ====================================== */
.sidebar {
  width: 320px;
  background-color: rgba(0, 0, 0, 0.9);
  background-image: url("../img/global/pattern.png");
  background-size: 204px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100vh;
  padding: 8rem 0 6rem;
  position: fixed;
  right: -100%;
  top: 0;
  padding-inline-start: 2.5rem;
  z-index: 8;
  transition: all 0.5s ease-in-out;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body.en .sidebar {
  right: auto;
  left: -100%;
}
.sidebar.active {
  right: 0;
}
body.en .sidebar.active {
  right: auto;
  left: 0;
}
.sidebar_img {
  width: 147px;
  padding-bottom: 1rem;
  margin-top: -20px;
}
.sidebar_list {
  margin-bottom: 2rem;
  border-left: 1px solid rgb(117, 25, 25);
  padding-left: 25px;
}
.sidebar_list_item_link {
  font-size: 0.85rem;
  margin-bottom: 1.5rem;
  color: white;
  font-weight: 300;
}
.sidebar_social {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 0;
  margin-left: 10px;
}
.sidebar_social_item_link {
  color: white;
  font-size: 1.2rem;
  margin-bottom: 0;
}
.sidebar_social_item_link_icon {
  width: 19px;
  margin-top: -3px;
}

/* ====================================== _____________ Sidebar Styles _____________ ====================================== */
/* ====================================== _____________ Forms Styles _____________ ====================================== */
@media (max-width: 768px) {
  .contactUs_map {
    height: 350px !important;
  }
}
.contactUs_form_input {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1rem;
  font-weight: 300;
  background: none;
  width: 100%;
  border: none;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 0.5rem;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.contactUs_form_input::placeholder {
  color: white;
  font-size: 0.9rem;
  font-weight: 100;
  opacity: 0.9;
}
.contactUs_form textarea {
  line-height: 0.8;
  padding: 0;
}

/* ====================================== _____________ Forms Styles _____________ ====================================== */
#search-results {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 10px 130px;
  height: 100vh;
}

#search-results > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.search-result-item {
  padding-bottom: 15px;
  color: #fff;
  break-inside: avoid;
}

.search-result-link {
  color: #fff;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
}

.search-result-link:hover {
  color: red;
}

.search-result-item p {
  color: gray;
  margin: 0;
}

#search-results h4 {
  color: gray;
  grid-column: 1/-1;
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  #search-results > div {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  #search-results > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  #search-results > div {
    grid-template-columns: 1fr;
  }
  #search-results {
    margin: 10px 20px;
  }
}
/* ====================================== _____________ Buttons Styles _____________ ====================================== */
.redButton {
  padding: 10px 30px;
  background-color: #E42B1B;
  font-weight: 500;
  color: white;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
  border-radius: 4px;
}
.redButton:hover {
  color: #E42B1B;
  background-color: white;
}

.modal-content {
  height: 100vh;
}

.modal-body {
  height: 100vh;
}

#search-results {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 10px 130px;
  height: 100vh;
}

#search-results > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.search-result-item {
  padding-bottom: 15px;
  color: #fff;
  break-inside: avoid;
}

.search-result-link {
  color: #fff;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
}

.search-result-link:hover {
  color: red;
}

.search-result-item p {
  color: gray;
  margin: 0;
}

#search-results h4 {
  color: gray;
  grid-column: 1/-1;
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  #search-results > div {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  #search-results > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  #search-results > div {
    grid-template-columns: 1fr;
  }
  #search-results {
    margin: 10px 20px;
  }
}
/* ====================================== _____________ Buttons Styles _____________ ====================================== */
/* ====================================== _____________ Slider Styles _____________ ====================================== */
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ====================================== _____________ Slider Styles _____________ ====================================== */
/* ====================================== _____________ cards Styles _____________ ====================================== */
/*  _____________ cards Styles _____________  */
.mainCard {
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.mainCard_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
  filter: grayscale(1);
}
@media (max-width: 991px) {
  .mainCard_img {
    height: 500px;
  }
}
@media (max-width: 568px) {
  .mainCard_img {
    height: 350px;
  }
}
.mainCard_content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  border-top: 1px solid #E42B1B;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 0;
  pointer-events: none;
  transform: translateY(50%);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 500px) {
  .mainCard_content {
    transform: translateY(55%);
  }
}
@media (max-width: 400px) {
  .mainCard_content {
    transform: translateY(60%);
  }
}
.mainCard_content_title {
  font-weight: 600;
  font-size: 1.5rem;
  color: white;
  transition: all 0.5s ease-in-out;
  margin-bottom: 0;
}
.mainCard_content_desc {
  font-size: 1.1rem;
  font-weight: 300;
  color: white;
  margin-bottom: 0;
  line-height: 1.6;
  padding: 0 4rem;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
@media (max-width: 991px) {
  .mainCard_content_desc {
    padding-top: 3.5rem;
  }
}
.mainCard:hover .mainCard_img {
  transform: scale(1.07);
  filter: none;
}
.mainCard:hover .mainCard_content {
  transform: translateY(0);
}
.mainCard:hover .mainCard_content_title {
  transform: scale(1.1);
  margin-bottom: 1.2rem;
}
@media (max-width: 768px) {
  .mainCard:hover .mainCard_content_title {
    margin-bottom: 1.5rem;
  }
}
.mainCard:hover .mainCard_content_desc {
  opacity: 1;
  padding-top: 0;
}

/*  _____________ cards Styles _____________  */
/* ====================================== _____________ cards Styles _____________ ====================================== */
.ourServices {
  width: 100%;
  height: auto;
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .ourServices {
    margin-top: 2rem;
  }
}
.ourServices_content {
  width: 100%;
  color: #fff;
}
.ourServices_content_title {
  font-weight: 600;
  font-size: 2.5rem;
  margin-bottom: 2rem;
}
.ourServices_cards {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 1200px) {
  .ourServices_cards {
    flex-wrap: wrap;
  }
}
.ourServices_cards_card {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  text-align: center;
  color: #fff !important;
}
@media (max-width: 1200px) {
  .ourServices_cards_card {
    width: 45%;
  }
  .ourServices_cards_card:last-of-type {
    margin: auto;
  }
}
@media (max-width: 768px) {
  .ourServices_cards_card {
    width: 100%;
  }
}
.ourServices_cards_card_icon {
  height: 60px;
  margin-bottom: 1.5rem;
}
.ourServices_cards_card_title {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 1rem;
}
.ourServices_cards_card_desc {
  font-size: 1rem;
  font-weight: 200;
  text-align: center;
  padding: 0 3rem;
  color: #fff;
  margin-bottom: 0;
  opacity: 0.7;
}

.ourDna {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .ourDna {
    margin-top: 2rem;
  }
}
.ourDna_content {
  color: #fff;
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .ourDna_content {
    margin-bottom: 2rem;
  }
}
.ourDna_content_title {
  font-weight: 600;
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .ourDna_content_title {
    font-size: 2.1rem;
  }
}
.ourDna_content_note {
  font-size: 1.5rem;
  font-weight: 200;
}
@media (max-width: 767px) {
  .ourDna_content_note {
    font-size: 1.2rem;
  }
}
.ourDna_cards {
  background-color: #121212;
}
.ourDna_cards_card {
  display: flex;
  flex-direction: row;
}
.ourDna_cards_card_img {
  overflow: hidden;
  width: 60%;
}
.ourDna_cards_card_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}
.ourDna_cards_card_img:hover img {
  transform: scale(1.07);
}
@media (max-width: 1200px) {
  .ourDna_cards_card_img {
    width: 100%;
    height: 100%;
  }
}
.ourDna_cards_card_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem;
  width: 40%;
}
@media (max-width: 1200px) {
  .ourDna_cards_card_content {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 2.5rem 0.75rem !important;
    background-color: rgba(18, 18, 18, 0.7);
    transition: all 0.5s ease-in-out;
  }
  .ourDna_cards_card_content:hover {
    background-color: rgba(18, 18, 18, 0.9);
  }
}
@media (max-width: 550px) {
  .ourDna_cards_card_content {
    padding: 4rem 0.75rem !important;
  }
}
.ourDna_cards_card_content_title {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1rem;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .ourDna_cards_card_content_title {
    max-width: 960px;
    margin-inline: auto;
    width: 960px;
  }
}
@media (max-width: 991px) {
  .ourDna_cards_card_content_title {
    max-width: 720px;
    width: 720px;
    margin-inline: auto;
    max-width: 720px;
    font-size: 2.1rem;
  }
}
@media (max-width: 768px) {
  .ourDna_cards_card_content_title {
    max-width: 100%;
    margin-inline: auto;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .ourDna_cards_card_content_title {
    font-size: 1.5rem;
  }
}
.ourDna_cards_card_content_desc {
  font-size: 1.25rem;
  font-weight: 200;
  line-height: 1.3;
  color: #fff;
  opacity: 0.6;
}
@media (max-width: 1200px) {
  .ourDna_cards_card_content_desc {
    max-width: 960px;
    margin-inline: auto;
    width: 960px;
  }
}
@media (max-width: 991px) {
  .ourDna_cards_card_content_desc {
    max-width: 720px;
    width: 720px;
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .ourDna_cards_card_content_desc {
    max-width: 100%;
    margin-inline: auto;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .ourDna_cards_card_content_desc {
    font-size: 1.5rem;
  }
}
.ourDna_cards_card:nth-child(odd) {
  margin-right: auto;
  padding: 0 15px;
  padding-left: 0;
}
@media (max-width: 1200px) {
  .ourDna_cards_card:nth-child(odd) {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .ourDna_cards_card:nth-child(odd) {
    width: calc(1140px + (100vw - 1140px) / 2);
  }
}
@media (min-width: 1400px) {
  .ourDna_cards_card:nth-child(odd) {
    width: calc(1320px + (100vw - 1320px) / 2);
  }
}
.ourDna_cards_card:nth-child(odd) .ourDna_cards_card_content {
  padding-inline-end: 0;
}
.ourDna_cards_card:nth-child(even) {
  margin-left: auto;
  padding: 0 15px;
  padding-right: 0;
  flex-direction: row-reverse;
}
.ourDna_cards_card:nth-child(even) .ourDna_cards_card_content {
  padding-inline-start: 0;
}
@media (min-width: 1200px) {
  .ourDna_cards_card:nth-child(even) {
    width: calc(1140px + (100vw - 1140px) / 2);
  }
}
@media (min-width: 1400px) {
  .ourDna_cards_card:nth-child(even) {
    width: calc(1320px + (100vw - 1320px) / 2);
  }
}
@media (max-width: 1200px) {
  .ourDna_cards_card:nth-child(even) {
    padding: 0;
    flex-direction: row;
  }
}
@media (max-width: 1200px) {
  .ourDna_cards_card {
    position: relative;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 568px) {
  .ourDna_cards_card {
    height: 40vh;
  }
}

.services {
  width: 100%;
  height: auto;
}
.services_content {
  color: #fff;
  margin-bottom: 2rem;
}
.services_content_title {
  font-size: 2.5rem;
  font-weight: 700;
}
.services_content_desc {
  font-size: 1rem;
  font-weight: 200;
  display: inline-block;
  width: 50%;
}
@media (max-width: 991px) {
  .services_content_desc {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .services_content_desc {
    width: 95%;
  }
}
.services_cards {
  width: 100%;
  height: auto;
  color: #fff;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.services_cards_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: #121212;
  border: 2px solid rgba(255, 255, 255, 0.04);
  border-radius: 6px;
  color: #7B7B7B;
  overflow: hidden;
}
.services_cards_card_img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  padding: 3px;
  border-radius: 6px 6px 0 0;
}
@media (max-width: 768px) {
  .services_cards_card_img {
    height: 60%;
  }
}
.services_cards_card_content {
  color: #fff;
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
}
.services_cards_card_content_title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.services_cards_card_content_desc {
  font-size: 1.125rem;
  font-weight: 400;
  color: #7B7B7B;
  line-height: 1.3;
}
@media (max-width: 1200px) {
  .services_cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .services_cards {
    grid-template-columns: 1fr;
  }
}

/* ====================================== _____________ Home Page Styles _____________ ====================================== */
/*  _____________ banner Styles _____________  */
.banner {
  height: 100vh;
  position: relative;
}
.banner .swiper-pagination {
  z-index: 9999;
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
  bottom: 30px;
}
.banner .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  opacity: 10%;
  margin: 0 8px;
  background-color: #FFFFFF;
}
.banner .swiper-pagination-bullet-active {
  opacity: 1;
  background: #E42B1B;
}
.banner_content {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 99;
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0.474), rgba(0, 0, 0, 0.6));
  height: 100%;
  display: flex;
  align-items: center;
  top: 0;
}
body.ar .banner_content {
  left: auto;
  right: auto;
}
.banner_content_title {
  font-size: 4rem;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .banner_content_title {
    margin-bottom: 1rem;
    width: 100%;
    font-size: 2.5rem;
  }
}
.banner_content_title_note {
  font-size: 2rem;
  font-weight: 200;
  display: block;
  margin-bottom: 0.1rem;
}
@media (max-width: 768px) {
  .banner_content_title_note {
    font-size: 1.5rem;
  }
}
.banner_content_title_note2 {
  display: inline;
  font-size: 2rem;
  font-weight: 200;
}
.banner_content_desc {
  color: white;
  font-weight: 400;
  width: 70%;
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .banner_content_desc {
    margin-bottom: 1rem;
    width: 100%;
  }
}
.banner_content_desc:first-of-type {
  font-weight: 500;
  color: #E42B1B;
}
.banner_content_desc:last-of-type {
  font-weight: 200;
  margin-bottom: 1.5rem;
}

/*  _____________ banner Styles _____________  */
/*  _____________ ourHistory Styles _____________  */
.ourHistory {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  margin: 4rem 0;
  height: 80vh;
}
.ourHistory.haveAQuestion {
  height: 60vh;
}
@media (max-width: 768px) {
  .ourHistory {
    height: 95vh;
    margin: 2rem 0;
  }
  .ourHistory.haveAQuestion {
    height: 60vh;
  }
}
.ourHistory_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: -1;
}
.ourHistory_content {
  display: flex;
  align-items: center;
  color: black;
  position: absolute;
  width: 100%;
  height: 100%;
}
.ourHistory_content .container {
  z-index: 2;
}
@media (max-width: 568px) {
  .ourHistory_content .container {
    padding-inline-start: 20px;
  }
}
.ourHistory_content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 100%;
  border-radius: 0 50px 50px 0;
  opacity: 50%;
  background-color: #E42B1B;
  color: #E42B1B;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}
@media (max-width: 568px) {
  .ourHistory_content::before {
    width: 5px;
    border-radius: 0 25px 25px 0;
  }
}
body.en .ourHistory_content::before {
  border-radius: 50px 0 0 50px;
}
@media (max-width: 568px) {
  body.en .ourHistory_content::before {
    border-radius: 25px 0 0 25px;
  }
}
.ourHistory_content::after {
  content: "";
  opacity: 0.7;
  background-color: white;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.ourHistory_content:hover::after {
  opacity: 0.85;
}
.ourHistory_content:hover::before {
  opacity: 1;
}
.ourHistory_content_title {
  font-size: 2.5rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.ourHistory_content_desc {
  font-weight: 500;
  margin-bottom: 0rem;
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .ourHistory_content_desc {
    margin-bottom: 1rem;
  }
}
.ourHistory_content_desc:first-of-type {
  font-weight: 200;
  margin-bottom: 1.75rem;
  font-size: 2rem;
  width: 100%;
}
@media (max-width: 767px) {
  .ourHistory_content_desc:first-of-type {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}
.ourHistory_content_desc:last-of-type {
  margin-bottom: 2.2rem;
  width: 785px;
}
@media (max-width: 991px) {
  .ourHistory_content_desc:last-of-type {
    width: 100%;
  }
}
.ourHistory .ourHistory_content:hover + .ourHistory_img {
  transform: scale(1.07);
}

/*  _____________ ourHistory Styles _____________  */
/*  _____________ ourFleet Styles _____________  */
.ourFleet {
  position: relative;
  height: 632px;
}
@media (max-width: 1200px) {
  .ourFleet {
    height: 500px;
  }
}
.ourFleet_content {
  z-index: 3;
  position: absolute;
  left: 0;
  color: white;
  width: 100%;
  padding: 3rem 0;
}
.ourFleet_content_note {
  text-transform: capitalize;
  font-weight: 200;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.ourFleet_content_title {
  font-weight: 600;
  font-size: 2.2rem;
  width: 28%;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .ourFleet_content_title {
    width: 35%;
  }
}
@media (max-width: 991px) {
  .ourFleet_content_title {
    width: 45%;
  }
}
@media (max-width: 768px) {
  .ourFleet_content_title {
    width: 100%;
  }
}
.ourFleet_slider_slide {
  text-align: start;
}
.ourFleet_slider_slide::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(12, 13, 12, 0.4);
}
@media (max-width: 768px) {
  .ourFleet_slider_slide::before {
    background-color: rgba(12, 13, 12, 0.64);
  }
}
.ourFleet_slider_slide::after {
  content: "";
  width: 40%;
  background-color: rgba(12, 13, 12, 0.9);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .ourFleet_slider_slide::after {
    width: 600px;
  }
}
@media (max-width: 991px) {
  .ourFleet_slider_slide::after {
    width: 500px;
  }
}
@media (max-width: 768px) {
  .ourFleet_slider_slide::after {
    display: none;
  }
}
@media (max-width: 1200px) {
  .ourFleet_slider_slide .ourFleet_content {
    top: 55%;
    transform: translateY(-50%);
  }
}
@media (max-width: 568px) {
  .ourFleet_slider_slide .ourFleet_content {
    padding: 0 60px;
    top: 62%;
  }
}
.ourFleet_slider_slide .ourFleet_content_title {
  margin-bottom: 0.5rem;
}
.ourFleet_slider_slide .ourFleet_content_note {
  width: 27%;
  display: block;
}
@media (max-width: 768px) {
  .ourFleet_slider_slide .ourFleet_content_note {
    width: 100%;
  }
}
.ourFleet_slider .swiper-button-next {
  border-radius: 20px 0 0 20px;
  right: 0;
}
body.en .ourFleet_slider .swiper-button-next {
  border-radius: 0 20px 20px 0;
  right: auto;
  left: 0;
}
.ourFleet_slider .swiper-button-prev {
  border-radius: 0 20px 20px 0;
  left: 0;
}
body.en .ourFleet_slider .swiper-button-prev {
  border-radius: 20px 0 0 20px;
  left: auto;
  right: 0;
}
.ourFleet_slider .swiper-button-next,
.ourFleet_slider .swiper-button-prev {
  background-color: rgba(255, 255, 255, 0.1);
  width: 60px;
  height: 300px;
  top: 55%;
  transform: translateY(-50%);
  color: white;
  z-index: 9;
}
.ourFleet_slider .swiper-button-next::after,
.ourFleet_slider .swiper-button-prev::after {
  font-size: 2.5rem;
}
@media (max-width: 768px) {
  .ourFleet_slider .swiper-button-next,
  .ourFleet_slider .swiper-button-prev {
    width: 45px;
    height: 250px;
  }
  .ourFleet_slider .swiper-button-next::after,
  .ourFleet_slider .swiper-button-prev::after {
    font-size: 2rem;
  }
}
@media (max-width: 568px) {
  .ourFleet_slider .swiper-button-next,
  .ourFleet_slider .swiper-button-prev {
    height: 200px;
    top: 67%;
  }
}
.ourFleet_slider .swiper-pagination {
  width: 670px;
  z-index: 9999999999;
  top: 200px;
}
@media (max-width: 1700px) {
  .ourFleet_slider .swiper-pagination {
    width: 480px;
    top: 190px;
  }
}
@media (max-width: 1200px) {
  .ourFleet_slider .swiper-pagination {
    width: 600px;
    top: 190px;
  }
}
@media (max-width: 991px) {
  .ourFleet_slider .swiper-pagination {
    width: 500px;
  }
}
@media (max-width: 768px) {
  .ourFleet_slider .swiper-pagination {
    width: 100%;
    top: 138px;
  }
}
@media (max-width: 400px) {
  .ourFleet_slider .swiper-pagination {
    top: 170px;
  }
}
.ourFleet_slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #E42B1B;
}

/*  _____________ ourFleet Styles _____________  */
/*  _____________ services Styles _____________  */
.services {
  margin-top: 2.5rem;
}
.services .ourFleet_content {
  background-color: black;
  position: relative;
}
.services .ourFleet_content_title {
  width: 100%;
}
.services_accordion {
  background: #222;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .services_accordion {
    display: block;
  }
}
.services_accordion::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 150px;
  z-index: 2;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.0368522409) 100%);
}
.services_accordion_cell {
  position: relative;
  width: 17%;
  flex: 0 0 17%;
  height: 600px;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  border-inline-end: 1px solid white;
}
@media (max-width: 768px) {
  .services_accordion_cell {
    height: 300px;
  }
}
@media (max-width: 1200px) {
  .services_accordion_cell {
    width: 18%;
    flex: 0 0 18%;
  }
}
@media (max-width: 991px) {
  .services_accordion_cell {
    border-inline-end: none;
    width: 100%;
    border-bottom: 1px solid white;
  }
}
.services_accordion_cell:last-of-type {
  border-inline-end: none;
}
@media (max-width: 991px) {
  .services_accordion_cell:last-of-type {
    border-bottom: none;
  }
}
.services_accordion_cell_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}
.services_accordion_cell_content {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 100%;
  transition: all 0.5s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 2rem;
}
@media (max-width: 1200px) {
  .services_accordion_cell_content {
    padding: 1rem;
  }
}
.services_accordion_cell_content::before, .services_accordion_cell_content::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
}
.services_accordion_cell_content::before {
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 1;
}
.services_accordion_cell_content::after {
  opacity: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, rgb(0, 0, 0) 100%);
}
.services_accordion_cell_content_title {
  font-weight: 700;
  font-size: 1.5rem;
  transition: all 0.5s ease-in-out;
  margin-bottom: 0.1rem;
}
.services_accordion_cell_content_desc {
  margin-bottom: 0;
  color: white;
  font-size: 0.85rem;
  font-weight: 200;
  position: absolute;
  bottom: 30px;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  transform: translateX(300%);
  width: 300%;
  visibility: hidden;
  min-height: 41px;
  display: flex;
  align-items: center;
}
.services_accordion_cell_content_title, .services_accordion_cell_content_desc {
  z-index: 2;
}
.services_accordion_cell:hover, .services_accordion_cell.active {
  width: 32%;
  flex: 0 0 32%;
}
@media (max-width: 1200px) {
  .services_accordion_cell:hover, .services_accordion_cell.active {
    width: 28%;
    flex: 0 0 28%;
  }
}
@media (max-width: 991px) {
  .services_accordion_cell:hover, .services_accordion_cell.active {
    width: 100%;
  }
}
.services_accordion_cell:hover ::before, .services_accordion_cell.active ::before {
  opacity: 0;
}
.services_accordion_cell:hover ::after, .services_accordion_cell.active ::after {
  opacity: 1;
}
.services_accordion_cell:hover .services_accordion_cell_content_desc, .services_accordion_cell.active .services_accordion_cell_content_desc {
  opacity: 1;
  transform: translateX(0);
  width: 100%;
  position: relative;
  bottom: 0;
  visibility: visible;
}
.services_progressBar {
  background-color: rgba(255, 255, 255, 0.2);
  height: 6px;
  position: relative;
}
.services_progressBar_value {
  background-color: #E42B1B;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  transition: all 0.5s ease-in-out;
}

/*  _____________ services Styles _____________  */
/*  _____________ helpSection Styles _____________  */
.helpSection {
  padding: 4rem 0;
}
@media (max-width: 991px) {
  .helpSection {
    padding: 2rem 0;
  }
}
.helpSection_title {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: white;
}

/*  _____________ helpSection Styles _____________  */
/*  _____________ contactUs Styles _____________  */
.contactUs {
  padding: 1rem 0 2.5rem 0;
}
.contactUs_content_title, .contactUs_content_smallTitle {
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: white;
}
.contactUs_content_title {
  font-size: 2.5rem;
}
.contactUs_content_smallTitle {
  font-size: 2rem;
}
.contactUs_content_desc {
  font-weight: 300;
  color: white;
  font-size: 1rem;
  margin-bottom: 1.5rem;
  width: 50%;
}
@media (max-width: 991px) {
  .contactUs_content_desc {
    width: 75%;
  }
}
@media (max-width: 768px) {
  .contactUs_content_desc {
    width: 100%;
  }
}

/*
   ------------------------- Background Color in Contact Us Section in Contact Us Page ----------------------------------------
*/
.contactPage {
  background-color: transparent;
}

/*  _____________ contactUs Styles _____________  */
/* ====================================== _____________ Home Page Styles _____________ ====================================== */
/* ====================================== _____________ About Page Styles _____________ ====================================== */
.banner .custom_desc {
  color: #fff;
  width: 45%;
}
@media (max-width: 1200px) {
  .banner .custom_desc {
    width: 60%;
  }
}
@media (max-width: 991px) {
  .banner .custom_desc {
    width: 80%;
  }
}
@media (max-width: 550px) {
  .banner .custom_desc {
    width: 90%;
  }
}

@media (max-width: 768px) {
  .ourHistory {
    height: 60vh;
  }
}
.ourHistory .custom_desc {
  width: 90%;
  line-height: 1.3;
}
@media (max-width: 991px) {
  .ourHistory .custom_desc {
    width: 100%;
  }
}

.ourTeams {
  width: 100%;
  margin: 4rem 0;
}
@media (max-width: 767px) {
  .ourTeams {
    margin: 2rem 0;
  }
}
.ourTeams_content {
  color: #fff;
  margin-bottom: 4rem;
}
.ourTeams_content_title {
  font-weight: 600;
  font-size: 2.5rem;
}
.ourTeams_content_note {
  font-size: 1rem;
  font-weight: 200;
  display: inline-block;
  width: 60%;
  opacity: 0.8;
}
@media (max-width: 1200px) {
  .ourTeams_content_note {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .ourTeams_content_note {
    width: 100%;
  }
}
.ourTeams_cards {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
@media (max-width: 1200px) {
  .ourTeams_cards {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.ourTeams_cards_card {
  width: 25%;
  position: relative;
}
@media (max-width: 1200px) {
  .ourTeams_cards_card {
    width: 30%;
    margin-bottom: 2rem;
  }
}
@media (max-width: 991px) {
  .ourTeams_cards_card {
    width: 45%;
  }
}
@media (max-width: 550px) {
  .ourTeams_cards_card {
    width: 100%;
  }
}
.ourTeams_cards_card_img {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.ourTeams_cards_card_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0.06%, #000 99.94%);
  z-index: 2;
}
.ourTeams_cards_card_content {
  position: absolute;
  left: 0;
  top: 75%;
  width: 100%;
  height: 100%;
  padding: 1rem 1.5rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 3;
}
.ourTeams_cards_card_content_title {
  width: 100%;
  font-size: 1.25rem;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
}
.ourTeams_cards_card_content_title_icon {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.ourTeams_cards_card_content_desc {
  font-size: 1rem;
  font-weight: 300;
}

.joinUs {
  height: 60vh;
}
@media (max-width: 991px) {
  .joinUs {
    height: 80vh;
  }
}
.joinUs_content {
  width: 100%;
  padding: 2rem 0;
}
.joinUs_content_desc {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.4px;
  width: 90%;
  margin: auto;
}
@media (max-width: 991px) {
  .joinUs_content_desc {
    width: 100%;
  }
}

/* ====================================== _____________ About Page Styles _____________ ====================================== */
/* ====================================== _____________ Carrers Page Styles _____________ ====================================== */
.ready_join {
  height: 50vh !important;
}
.ready_join .ourHistory_content_title {
  text-transform: none;
}
.ready_join .ready_join_desc {
  width: 90%;
  line-height: 1.3;
  font-weight: 500;
}

.currentJob {
  width: 100%;
  height: auto;
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .currentJob {
    margin-top: 2rem;
  }
}
.currentJob_title {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 3rem;
}
.currentJob_content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  margin-top: 2rem;
}
@media (max-width: 1200px) {
  .currentJob_content {
    flex-direction: column;
    margin-top: 1rem;
  }
}
.currentJob_content_aside {
  width: 30%;
  color: #fff;
  transition: max-height 0.3s ease, padding 0.3s ease;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .currentJob_content_aside {
    max-height: 0;
    padding: 0;
    width: 100%;
  }
}
.currentJob_content_aside_list {
  list-style-type: none;
  padding-left: 0;
}
.currentJob_content_aside_list_item {
  width: 85%;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1200px) {
  .currentJob_content_aside_list_item {
    width: 40%;
  }
}
@media (max-width: 991px) {
  .currentJob_content_aside_list_item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .currentJob_content_aside_list_item {
    width: 60%;
  }
}
@media (max-width: 500px) {
  .currentJob_content_aside_list_item {
    width: 65%;
  }
}
.currentJob_content_aside_list_item_link {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
  color: #fff;
  transition: all 0.5s ease-in-out;
}
.currentJob_content_aside_list_item.active, .currentJob_content_aside_list_item:hover {
  background-color: #E42B1B;
  border-radius: 4px;
  z-index: 1;
}
@media (max-width: 1200px) {
  .currentJob_content_aside_list_item.active, .currentJob_content_aside_list_item:hover {
    max-height: 1000px;
    padding: 1rem;
  }
}
.currentJob_content_aside_list_item.active::before, .currentJob_content_aside_list_item:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 6px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 4px;
  z-index: -2;
}
.currentJob_content_aside_list_item.active a, .currentJob_content_aside_list_item:hover a {
  font-size: 1.25rem;
  color: #090808;
  z-index: 1;
}
.currentJob_content_aside_btn {
  margin-top: 3rem;
}
.currentJob_content_jobs {
  width: 70%;
}
@media (max-width: 1200px) {
  .currentJob_content_jobs {
    width: 100%;
  }
}
.currentJob_content_jobs_job {
  background-color: #fff;
  padding: 1.5rem 2rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
.currentJob_content_jobs_job:last-of-type {
  margin-bottom: 0rem;
}
.currentJob_content_jobs_job_title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.currentJob_content_jobs_job_note {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.25rem 1rem;
  border: 1px solid #ce2028;
  border-radius: 4px;
  display: inline-flex;
  margin-bottom: 1rem;
}
.currentJob_content_jobs_job_note:first-child {
  margin-inline-end: 8px;
}
.currentJob_content_jobs_job_desc {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.3;
}
.currentJob_content_jobs_job_button {
  text-align: right;
}
.currentJob_content_jobs_job_button .redButton {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
}
.currentJob_content_jobs_job_button .redButton:hover {
  background-color: #090808;
  color: #fff;
}
.currentJob_content_jobs_job_button svg {
  fill: #fff;
  width: 1rem;
  margin-left: 0.5rem;
}
@media (min-width: 1200px) {
  .currentJob .currentJob_aside_toggle {
    display: none;
  }
}
@media (max-width: 1200px) {
  .currentJob .currentJob_content_aside {
    display: none;
  }
  .currentJob .currentJob_content_aside.active {
    display: block;
  }
}
@media (max-width: 1200px) {
  .currentJob .currentJob_aside_toggle {
    display: block;
    margin-bottom: 1rem;
    color: #fff;
    font-size: 1.5rem;
  }
  .currentJob .currentJob_aside_toggle svg {
    fill: #fff;
    width: 20px;
  }
  .currentJob_content_aside.active {
    max-height: 1000px;
    padding: 1rem;
  }
}

/* ====================================== _____________ Carrers Page Styles _____________ ====================================== */
/* ====================================== _____________ ContctUs Page Styles _____________ ====================================== */
.contactUs.helpSection {
  margin-top: 4rem;
  padding: 0;
  background-color: transparent;
}
@media (max-width: 767px) {
  .contactUs.helpSection {
    margin-top: 2rem;
  }
}

.contactPage {
  margin-top: 4rem;
  padding: 0;
}
@media (max-width: 767px) {
  .contactPage {
    margin-top: 2rem;
  }
}
.contactPage .contactUs_content_desc {
  opacity: 0.8;
}

.contactDown {
  width: 100%;
  background-color: #121212;
  position: relative;
  overflow: hidden;
  margin-top: 4rem;
}
@media (max-width: 991px) {
  .contactDown {
    overflow: visible;
  }
}
@media (max-width: 767px) {
  .contactDown {
    margin-top: 2rem;
  }
}
.contactDown_content {
  width: 50%;
  color: #fff;
  padding: 2rem 1rem 2rem 0;
}
@media (max-width: 991px) {
  .contactDown_content {
    width: 100%;
  }
}
.contactDown_content_title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0;
}
.contactDown_content_desc {
  font-size: 1.125rem;
  font-weight: 100;
  color: #fff;
  margin: 1.5rem 0;
  line-height: 1.3;
  width: 85%;
  font-weight: 400;
}
.contactDown_content_desc:first-of-type {
  font-weight: 100;
}
.contactDown_content_call {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.contactDown_content_call svg {
  width: 30px;
}
.contactDown_content_call a {
  font-size: 1.25rem;
  font-weight: 400;
}
.contactDown_content_call:last-of-type {
  margin: 1rem 0;
}
.contactDown_img {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .contactDown_img {
    position: relative;
    width: 100%;
    border-radius: 6px 6px 0 0;
  }
}
.contactDown_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}
.contactDown_img:hover img {
  transform: scale(1.07);
}

/* ====================================== _____________ Contact Page Styles _____________ ====================================== */
/* ====================================== _____________ OurFleet Page Styles _____________ ====================================== */
.transparency-expertise {
  margin-top: 4rem;
  margin-bottom: 0;
  height: 60vh;
}
@media (max-width: 767px) {
  .transparency-expertise {
    margin-top: 2rem;
  }
}
.transparency-expertise .custom_title {
  text-transform: none;
}
.transparency-expertise .custom_desc {
  width: 95%;
  line-height: 1.3;
  font-size: 1.5rem;
  font-weight: 200;
}

/* ====================================== _____________ OurFleet Page Styles _____________ ====================================== */
/* ====================================== _____________ What's New Page Styles _____________ ====================================== */
.firstWhatsNew {
  margin-top: 1.5rem;
}

@media (max-width: 991px) {
  .haveAQuestion {
    height: 60vh;
  }
}
.haveAQuestion .custom_title {
  text-transform: none;
  width: 70%;
}
@media (max-width: 991px) {
  .haveAQuestion .custom_title {
    width: 95%;
  }
}
@media (max-width: 767px) {
  .haveAQuestion .custom_title {
    font-size: 2.1rem;
  }
}
.haveAQuestion .custom_desc {
  width: 90%;
  line-height: 1.3;
  font-size: 2rem;
  font-weight: 400;
  margin: 1rem 0;
}
@media (max-width: 767px) {
  .haveAQuestion .custom_desc {
    font-size: 1.6rem;
  }
}

/* ====================================== _____________ What's New Styles _____________ ====================================== */
/* ====================================== _____________ FAQs Page Styles _____________ ====================================== */
.faq {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .faq {
    margin-top: 2rem;
  }
}
.faq_title {
  width: 60%;
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  margin: auto;
  margin-bottom: 2rem;
}
@media (max-width: 1200px) {
  .faq_title {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .faq_title {
    width: 100%;
  }
}
.faq .accordion {
  width: 60%;
  margin: auto;
}
@media (max-width: 1200px) {
  .faq .accordion {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .faq .accordion {
    width: 100%;
  }
}
.faq .accordion .accordion-item {
  margin: 0.75rem 0;
  border-radius: 4px;
}
.faq .accordion .accordion-button {
  color: #222;
  font-size: 1.25rem;
  font-weight: 700;
  border-radius: 4px !important;
}
.faq .accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.faq .accordion .accordion-button::after {
  background-image: url("../img/faqPage/icon//chevron.right.svg");
}
.faq .accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(90deg);
}
.faq .accordion .accordion-body {
  padding-top: 0;
  color: rgba(60, 60, 67, 0.85);
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.3;
}

/* ====================================== _____________ FAQs Page Styles _____________ ====================================== */
/* ====================================== _____________ Terms Page Styles _____________ ====================================== */
/*  _____________ banner Styles _____________  */
.banner .terms_banner_desc {
  width: 60%;
}
@media (max-width: 1200px) {
  .banner .terms_banner_desc {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .banner .terms_banner_desc {
    width: 100%;
  }
}

/*  _____________ banner Styles _____________  */
/*  _____________ General Provisions Styles _____________  */
.general {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .general {
    margin-top: 2rem;
  }
}
.general_title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .general_title {
    font-size: 2.1rem;
  }
}
.general_content {
  background-color: #121212;
  color: #fff;
  padding: 2.5rem;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .general_content {
    padding: 1.5rem;
  }
}
.general_content_title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .general_content_title {
    font-size: 1.8rem;
  }
}
.general_content_allBox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}
@media (max-width: 1200px) {
  .general_content_allBox {
    grid-template-columns: repeat(3, 1fr);
    margin: 2rem 0;
  }
}
@media (max-width: 991px) {
  .general_content_allBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .general_content_allBox {
    grid-template-columns: 1fr;
  }
}
.general_content_allBox_box {
  padding: 2rem 0;
}
@media (max-width: 1200px) {
  .general_content_allBox_box {
    padding: 0.5rem 0;
  }
}
.general_content_allBox_box_title {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.general_content_allBox_box_desc {
  padding-right: 0.25rem;
  font-size: 1.125rem;
  font-weight: 200;
  color: #fff;
  opacity: 0.8;
  line-height: 1.3;
  margin-bottom: 0;
}
.general_content_desc {
  font-size: 1.125rem;
  font-weight: 400;
  color: #fff;
  opacity: 0.9;
}
.general_content_desc:first-of-type {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .general_content_desc {
    font-size: 1rem;
  }
}

/*  _____________ General Provisions Styles _____________  */
/*  _____________ Website Use Styles _____________  */
.websiteUse {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .websiteUse {
    margin-top: 2rem;
  }
}
.websiteUse_content {
  background-color: #121212;
  color: #fff;
  padding: 2.5rem;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .websiteUse_content {
    padding: 1.5rem;
  }
}
.websiteUse_content_title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .websiteUse_content_title {
    font-size: 1.6rem;
  }
}
.websiteUse_content_desc {
  font-size: 1.125rem;
  font-weight: 200;
  color: #fff;
  opacity: 0.9;
}
.websiteUse_content_desc:not(:last-child) {
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .websiteUse_content_desc {
    font-size: 1rem;
  }
}

/*  _____________ Website Use Styles _____________  */
/*  _____________ Other Provisions Styles _____________  */
.otherProvisions {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .otherProvisions {
    margin-bottom: 2rem;
  }
}

/*  _____________ Other Provisions Styles _____________  */
/*  _____________ Terms Contact Styles _____________  */
.termsContact {
  border-radius: 6px;
}
@media (max-width: 991px) {
  .termsContact .contactDown_img img {
    border-radius: 6px 6px 0 0;
  }
}
.termsContact .contactDown_content {
  padding: 2.5rem;
}
.termsContact .contactDown_content_call {
  flex-direction: column;
  align-items: flex-start;
}
.termsContact .contactDown_content_call_desc {
  margin: 0;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
}
.termsContact .contactDown_content_call div {
  display: flex;
  align-items: center;
  font-weight: 700;
}
.termsContact .contactDown_content_call div svg {
  margin-right: 0.5rem;
}

/*  _____________ Terms Contact Styles _____________  */
/* ====================================== _____________ Terms Page Styles _____________ ====================================== */
body {
  background-color: #0D0D0D !important;
}

.banner_content_title {
  color: #FFF;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px; /* 116.667% */
  text-transform: uppercase;
}
.banner .custom_desc {
  color: #fff;
  opacity: 0.5 !important;
  font-size: 16px;
  font-weight: 200;
  line-height: 22px;
  width: 45%;
}
@media (max-width: 1200px) {
  .banner .custom_desc {
    width: 60%;
  }
}
@media (max-width: 991px) {
  .banner .custom_desc {
    width: 80%;
  }
}
@media (max-width: 550px) {
  .banner .custom_desc {
    width: 90%;
  }
}

.TOP-MANAGEMENT .caption_h2 {
  color: #FFF;
  margin-top: 50px;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  text-transform: capitalize;
}
@media (max-width: 991px) {
  .TOP-MANAGEMENT .caption_h2 {
    font-size: 30px;
  }
}
@media (max-width: 550px) {
  .TOP-MANAGEMENT .caption_h2 {
    font-size: 20px;
    margin-top: 30px;
  }
}
.TOP-MANAGEMENT .img-wrapper {
  border-top: 1px solid #E42B1B;
  border-left: 1px solid rgb(197, 76, 76);
  border-right: 1px solid rgb(197, 76, 76);
  border-radius: 13px;
}
.TOP-MANAGEMENT .img-caption-h3 {
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.1px;
}
.TOP-MANAGEMENT .img-caption-p {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.1px;
  opacity: 0.6;
}
.TOP-MANAGEMENT .img-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.TOP-MANAGEMENT .img-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.TOP-MANAGEMENT .img-wrapper img {
  transition: all 1s;
}
.TOP-MANAGEMENT .img-wrapper:hover img {
  transform: scale(1.07);
}
.TOP-MANAGEMENT .img-wrapper-group img {
  height: 350px;
}
.TOP-MANAGEMENT .img-wrapper-group img {
  object-fit: cover;
}

.newFooter {
  background-color: #000;
}

.Accord {
  margin-bottom: 50px;
}
.Accord .caption_h2 {
  color: #FFF;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  text-transform: uppercase;
  margin-top: 70px;
}
.Accord .caption_h5 {
  color: #FFF;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.6;
}
.Accord .accordion-button::after {
  display: none;
}
.Accord .custom-icon {
  width: 20px;
  height: 20px;
  margin-left: auto;
}
.Accord .accordion-item, .Accord .accordion-button {
  background-color: #0D0D0D !important;
}
.Accord .accordion-item {
  border: none;
  border-bottom: 1px solid #dee2e6; /* يمكنك تعديل اللون والحجم حسب رغبتك */
}
.Accord .accordion-button {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.Accord .accordion-body {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 22px;
  opacity: 0.8;
}
@media (max-width: 991px) {
  .Accord .caption_h2 {
    font-size: 30px;
  }
}
@media (max-width: 550px) {
  .Accord .caption_h2 {
    font-size: 20px;
    margin-top: 30px;
  }
}

.banner {
  position: relative;
}

@media (max-width: 550px) {
  .banner_content .banner_content_desc {
    font-size: 13px;
  }
}

.slider {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 15px;
}
.slider .slider_caption h2 {
  color: var(--Neutral-colors-100, #fff);
  font-size: 25px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.slider .btn {
  background-color: black;
  color: white;
  padding: 7px;
}
.slider .input-group .input-group-text {
  background-color: white !important;
}
.slider .input-group {
  width: 50%;
}
.slider .input-group .form-control {
  border-left: 0 !important;
}
.slider .input-group .form-control {
  border-right: 0 !important;
}
@media (max-width: 991px) {
  .slider .input-group {
    width: 70%;
    margin-left: auto;
    margin-top: 10px;
  }
}
@media (max-width: 550px) {
  .slider .input-group {
    width: 100%;
    margin-top: 10px;
  }
  .slider .slider_caption h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
  }
}

.toggle .RECENT-NEWS {
  background-color: white;
  border-radius: 10px;
  height: 100%;
}
.toggle .gap-caption-RECENT {
  row-gap: 22px;
}
.toggle .brde {
  position: relative;
  margin-bottom: 50px;
}
.toggle .brde::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 97%;
  border-bottom: 1px solid #fff;
}
.toggle .toggle-h3 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  text-transform: capitalize;
}
.toggle .nav-item {
  padding: 7px;
}
.toggle .nav-link.active {
  background-color: #ce2028;
  color: white;
  border-color: #ce2028;
}
.toggle .nav-link {
  background-color: #f8f9fa;
  color: black;
}
.toggle .img-hover {
  overflow: hidden;
  border-radius: 10px;
}
.toggle .img-hover img {
  transition: all 1s;
}
.toggle .img-hover:hover img {
  transform: scale(1.07);
}
.toggle .objectFit {
  object-fit: cover;
}
.toggle .item-left-caption h3 {
  color: #000;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
}
.toggle .item-left-caption p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.7;
}
.toggle .item-left-caption .border {
  border-bottom: 1px solid #fff;
  margin-top: 25px;
  margin-bottom: 15px;
}
.toggle .item-right-one-img img {
  width: 208px;
  height: 190px;
  object-fit: cover;
}
.toggle .item-left-caption span {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 20px;
  opacity: 0.7;
}
.toggle .item-right-one .caption p {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
}
.toggle .item-right-one .caption span {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 200;
  line-height: 18px;
}
.toggle .caption-RECENT-NEWS h3 {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  text-transform: capitalize;
  margin-left: 50px;
  margin-top: 35px;
  margin-bottom: 25px;
}
.toggle .RECENT-NEWS span {
  color: #000;
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  opacity: 0.7;
}
.toggle .RECENT-NEWS h3 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.toggle .RECENT-NEWS p {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 24px;
  opacity: 0.8;
}
.toggle .gatter {
  row-gap: 1.5rem;
}
@media (max-width: 1401px) {
  .toggle .item-left-caption h3 {
    margin: 27px 0;
    padding: 0.5px 0;
  }
}
@media (max-width: 991px) {
  .toggle .Gallary-col-margin {
    margin-bottom: 20px;
  }
  .toggle .item-left-caption h3 {
    margin: 26px 0;
    padding: 20px 0;
  }
  .toggle .item-left {
    margin-bottom: 20px;
  }
}
@media (max-width: 550px) {
  .toggle .Gallary-col-margin {
    margin-bottom: 20px;
  }
  .toggle .toggle-h3 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
  }
  .toggle .nav-link {
    font-size: 0.8rem;
    font-weight: 700;
  }
  .toggle .ms-media {
    margin: auto;
  }
  .toggle .item-left-caption h3 {
    font-size: 25px;
    font-weight: 500;
  }
  .toggle .item-right-one {
    margin-top: 20px;
  }
  .toggle .caption {
    padding: 10px !important;
  }
  .toggle .item-right-one .caption p {
    font-size: 17px;
    font-weight: 500;
  }
  .toggle .item-right-one .caption span {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 200;
    line-height: 18px;
  }
  .toggle .caption-RECENT-NEWS h3 {
    font-size: 28px;
  }
}

.Freighter-Fleet h3 {
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  text-transform: capitalize;
  margin-top: 80px;
  margin-bottom: 68px;
}
.Freighter-Fleet .Fleet-Row {
  margin-left: 100px;
}
.Freighter-Fleet p {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  text-transform: uppercase;
  margin-top: 30px;
  padding-bottom: 30px;
  opacity: 0.7;
}
.Freighter-Fleet .item {
  background-color: #121212;
  padding-top: 40px;
}
.Freighter-Fleet .item-img {
  width: 123.242px;
  height: 130.743px;
  margin: auto;
}
.Freighter-Fleet .item-img img {
  width: 100%;
}
.Freighter-Fleet .img-hover {
  overflow: hidden;
}
.Freighter-Fleet .img-hover img {
  transition: all 1s;
}
.Freighter-Fleet .img-hover:hover img {
  transform: scale(1.1);
}
@media (max-width: 550px) {
  .Freighter-Fleet .Fleet-Row {
    margin-left: 0px;
    margin: auto;
  }
}

.footer {
  background-color: #000;
}

.General .General-h3 {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  text-transform: capitalize;
}
.General .nav-item {
  padding: 7px;
}
.General .nav-link.active {
  background-color: #f8f9fa;
  color: black;
  border-left: 5px solid #ce2028;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.General .nav-link {
  color: white;
  border-radius: 0;
}
.General .tab-pane-h3 {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.General .selectBox-h2 {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  opacity: 0.7;
}
.General .selectBox select {
  width: 85%;
  height: 41px;
  border-radius: 8px;
}
.General .caption-All-India {
  background-color: #121212;
  padding: 25px;
  border-radius: 15px;
}
.General .caption-All-India h2 {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.General .caption-All-India p {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  opacity: 0.5;
}
.General .caption-All-India-display {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.General .caption-All-India-display h5 {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-left: 5px;
}
@media (max-width: 1200px) {
  .General .selectBox select {
    width: 95%;
  }
}
@media (max-width: 991px) {
  .General .selectBox select {
    width: 100%;
  }
  .General .caption-All-India {
    margin-top: 50px;
  }
}
@media (max-width: 550px) {
  .General .selectBox select {
    width: 80%;
    height: 41px;
    border-radius: 8px;
  }
  .General .caption-All-India {
    margin-top: 50px;
  }
}

.coverageNew {
  background-color: #121212;
  border: 3px solid #121212;
  border-radius: 8px;
  padding: 50px;
}

.coverageNew2 {
  margin-top: 30px;
}

.coverageNew h3 {
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
}

.coverageNew p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin-top: 25px;
  opacity: 0.5;
}

.coverageNew .h_4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-left: 10px;
}

.coverageNew3 {
  background-color: #121212;
  border: 3px solid #121212;
  border-radius: 8px;
  padding: 0 !important;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 80px;
}

.coverageNew3 h3 {
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
}

.coverageNew3 p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin-top: 25px;
  opacity: 0.5;
}

.coverageNew3 .h_4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-left: 10px;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.coverageNew3 .h_4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-left: 10px;
}

.coverageNew3 .itemOne {
  margin-top: 50px;
  margin-left: 35px;
}

.coverageNew3 .itemTwo {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.coverageNew3 .itemTwo img {
  border-radius: 0px 10px 10px 0px;
  margin-right: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 768px) and (max-width: 1025px) {
  .coverageNew3 .itemTwo {
    height: 100%;
    object-fit: cover;
  }
  .coverageNew3 .itemTwo img {
    height: 100%;
  }
}
.CARGO-TERMINALS .General-h3 {
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  text-transform: capitalize;
}
.CARGO-TERMINALS .nav-item {
  padding: 7px;
}
.CARGO-TERMINALS .nav-link.active {
  background-color: #f8f9fa;
  color: black;
  border-left: 5px solid #CE2028;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.CARGO-TERMINALS .nav-link {
  color: white;
  border-radius: 0;
}
.CARGO-TERMINALS .contain img {
  object-fit: cover;
}
.CARGO-TERMINALS .contain .caption {
  background-color: white;
  padding: 25px;
}
.CARGO-TERMINALS .contain .caption h3 {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.CARGO-TERMINALS .contain .caption p {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.CARGO-TERMINALS .caption-border {
  border-bottom: 2px solid #E1E4ED;
}
.CARGO-TERMINALS .caption h4 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  margin-top: 20px;
}
.CARGO-TERMINALS .Terminal-facilities ul {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 24px;
}
.CARGO-TERMINALS .Terminal-facilities ::marker {
  color: #000 !important;
  font-size: 15px !important;
}
.CARGO-TERMINALS .img-hover {
  overflow: hidden;
}
.CARGO-TERMINALS .img-hover img {
  transition: all 1s;
}
.CARGO-TERMINALS .img-hover:hover img {
  transform: scale(1.07);
}

.slider {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 15px;
}
.slider .slider_caption h2 {
  color: var(--Neutral-colors-100, #FFF);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.slider .caption {
  width: 90%;
  margin: auto;
}
@media (max-width: 550px) {
  .slider .caption {
    width: 100%;
    margin: 0px !important;
  }
  .slider .slider_caption h2 {
    font-size: 14px !important;
  }
}

.banner_content .banner_content_title {
  color: #FFF;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  text-transform: uppercase;
}
@media (max-width: 550px) {
  .banner_content .banner_content_title {
    font-size: 53px;
  }
}

.caption-certificates p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 24px;
}
.caption-certificates h3 {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
}
.caption-certificates button {
  color: #CE2028 !important;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
@media (max-width: 991px) {
  .caption-certificates h3 {
    font-size: 20px !important;
    font-weight: 400;
    line-height: 40px;
  }
}

/*# sourceMappingURL=style.css.map */