.InnerBage {
  height: 70vh;
  background-size: cover;
  display: flex;
  align-items: center;
  position: relative;
}
.InnerBage .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.68);
}

.AboutContent .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 55, 90, 0.19);
  clip-path: polygon(85% 0, 85% 10%, 100% 10%, 100% 90%, 85% 90%, 85% 100%, 0 100%, 0% 70%, 0% 35%, 0 0);
  z-index: 1;
}
.AboutContent .overlay2 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 55, 90, 0.19);
  clip-path: polygon(20% 0, 100% 0, 100% 17%, 100% 74%, 100% 100%, 20% 100%, 20% 90%, 0 90%, 0 10%, 20% 10%);
  z-index: 1;
}
.AboutContent .ClipImg {
  clip-path: polygon(85% 0, 85% 10%, 100% 10%, 100% 90%, 85% 90%, 85% 100%, 0 100%, 0% 70%, 0% 35%, 0 0);
}
.AboutContent .ClipImg1 {
  clip-path: polygon(20% 0, 100% 0, 100% 17%, 100% 74%, 100% 100%, 20% 100%, 20% 90%, 0 90%, 0 10%, 20% 10%);
}

.History {
  background: linear-gradient(180deg, #071119 0%, #0F273E 100%);
}

.GwtInTouc {
  background: linear-gradient(180deg, #071018 0%, #12375A 100%);
}
.GwtInTouc .sub-title {
  color: #A18756;
}

.Map iframe {
  width: 100%;
}

.GwtInTouc {
  margin-bottom: 8%;
}
.GwtInTouc form {
  width: 100%;
  padding: 20px;
  box-shadow: 0px 10px 21px 1px rgba(0, 0, 0, 0.16);
}
.GwtInTouc form input {
  width: 100%;
  border-bottom: 2px solid #A18756 !important;
  width: 100%;
  height: 100%;
  color: #A18756;
  padding-top: 20px;
  background: none;
  appearance: none;
  border: none;
  padding-left: 22px;
  font-size: 18px;
}
.GwtInTouc form input:focus-visible {
  outline: none;
}
.GwtInTouc form textarea {
  width: 100%;
  border-bottom: 2px solid #A18756 !important;
  width: 100%;
  height: 100%;
  color: #A18756;
  padding-top: 20px;
  background: none;
  appearance: none;
  border: none;
  padding-left: 22px;
  font-size: 18px;
}
.GwtInTouc form button {
  background: #A18756;
  border: 1px solid #A18756;
  color: #fff;
  padding: 9px 20px;
  transition: 0.3s ease-in;
}
.GwtInTouc form button:hover {
  background: #fff;
  border: 1px solid #A18756;
  color: #A18756;
  padding: 9px 20px;
  transition: 0.3s ease-in;
}
.GwtInTouc .ContentContact {
  background: #A18756;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 24px;
  justify-content: space-around;
}
.GwtInTouc .ContentContact .SubContentContact {
  display: flex;
  align-items: center;
}
.GwtInTouc .ContentContact .SubContentContact i {
  font-size: 20px;
  color: #fff;
}
.GwtInTouc .ContentContact .SubContentContact a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s ease-in;
}
.GwtInTouc .ContentContact .SubContentContact a:hover {
  color: #12375A;
  transition: 0.3s ease-in;
}

.News .New {
  background: #FF6262;
  max-inline-size: fit-content;
  padding: 0px 30px;
  color: #fff;
  font-size: 28px;
}

.sectors .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 55, 90, 0.4588235294);
  clip-path: polygon(85% 0, 85% 10%, 100% 10%, 100% 90%, 85% 90%, 85% 100%, 0 100%, 0% 70%, 0% 35%, 0 0);
  z-index: 1;
}
.sectors .overlay2 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 55, 90, 0.4588235294);
  clip-path: polygon(20% 0, 100% 0, 100% 17%, 100% 74%, 100% 100%, 20% 100%, 20% 90%, 0 90%, 0 10%, 20% 10%);
  z-index: 1;
}
.sectors .ClipImg {
  clip-path: polygon(85% 0, 85% 10%, 100% 10%, 100% 90%, 85% 90%, 85% 100%, 0 100%, 0% 70%, 0% 35%, 0 0);
}
.sectors .ClipImg1 {
  clip-path: polygon(20% 0, 100% 0, 100% 17%, 100% 74%, 100% 100%, 20% 100%, 20% 90%, 0 90%, 0 10%, 20% 10%);
}
.sectors .companies .companyConten {
  height: 100px;
}
.sectors .companies .companyConten .box {
  background: rgb(18, 55, 90);
  padding: 12px;
  transition: 0.3s ease-in;
  height: 100%;
  align-content: center;
}
.sectors .companies .companyConten img {
  display: none;
  transition: 0.3s ease-in;
}
.sectors .companies .companyConten:hover {
  cursor: pointer;
}
.sectors .companies .companyConten:hover .box {
  display: none;
  transition: 0.3s ease-in;
}
.sectors .companies .companyConten:hover img {
  display: block;
  transition: 0.3s ease-in;
  height: 100%;
  object-fit: cover;
}

.Event .MainEvent .contentEvent {
  background: rgba(18, 55, 90, 0.81);
  position: absolute;
  bottom: 0;
  width: 100%;
  transition: 0.3s ease-in;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.Event .MainEvent .contentEvent p {
  display: none;
  color: #fff;
  text-align: center;
}
.Event .MainEvent:hover {
  cursor: pointer;
}
.Event .MainEvent:hover .contentEvent {
  height: 100%;
  transition: 0.3s ease-in;
  display: flex;
  justify-content: center;
}
.Event .MainEvent:hover .contentEvent p {
  display: block;
}
.Event .MainEvent h5 {
  font-size: 16px;
}
.Event .MainEvent .View {
  padding: 4px 8px;
}
.Event .MainEvent img {
  height: 450px;
  object-fit: cover;
}

.CommercalCompany h3 {
  color: #182F49;
}

.Details .owl-nav {
  margin-top: 10px;
  display: block !important;
}
.Details .owl-nav .owl-prev {
  background: rgba(0, 0, 0, 0.7490196078) !important;
  margin: 2px;
}
.Details .owl-nav .owl-prev span {
  color: #fff;
  font-size: 37px;
  padding: 11px;
}
.Details .owl-nav .owl-next {
  background: rgba(0, 0, 0, 0.7490196078) !important;
  margin: 2px;
}
.Details .owl-nav .owl-next span {
  color: #fff;
  font-size: 37px;
  padding: 11px;
}

.MainButton {
  background: rgba(30, 43, 56, 0.7490196078);
  border: 1px solid var(--Color-2, #A18756);
  box-shadow: 0px 4px 4px 0px rgba(4, 15, 28, 0.2);
  text-decoration: none;
  color: #fff;
  padding: 10px 16px;
  transition: 0.3s ease-in;
}
.MainButton:hover {
  transition: 0.3s ease-in;
  background: var(--Color-2, #A18756);
  color: #fff;
}
@media (max-width: 576px) {
  .MainButton {
    padding: 4px 12px;
  }
}

.ReadMore {
  background: var(--Color-4, #224064);
  padding: 10px 22px;
  color: #fff;
  transition: 0.3s ease-in;
  border-radius: 12px;
  text-decoration: none;
}
.ReadMore:hover {
  color: #fff;
  background: #A18756;
  transition: 0.3s ease-in;
}

.View {
  border: 1px solid #A18756;
  text-decoration: none;
  color: #A18756;
  padding: 10px 43px;
  font-size: 20px;
  transition: 0.3s ease-in;
}
.View:hover {
  background: #A18756;
  border: 1px solid #A18756;
  color: #fff;
  transition: 0.3s ease-in;
}