.header {
  overflow: hidden;
}
.header video {
  width: 100%;
  height: 100%;
  border-radius: 9px;
}
@media only screen and (max-width: 1150px) {
  .header {
    width: 100%;
    border-radius: 0px;
  }
}

.div-amiral {
  display: flex;
  gap: 50px;
}
.div-amiral .div-img {
  width: 40%;
  min-height: 500px;
  border-radius: 6px;
}
.div-amiral .div-info {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.div-amiral .div-info .title1 {
  font-size: 60px;
  text-align: right;
}
.div-amiral .div-info .B1 {
  width: 400px;
  margin: 0 auto;
}
@media only screen and (max-width: 1150px) {
  .div-amiral {
    flex-direction: column;
  }
  .div-amiral .div-img {
    width: 100%;
  }
  .div-amiral .div-info {
    width: 100%;
  }
}

.div-team {
  display: flex;
  gap: 50px;
}
.div-team .div-img {
  width: 50%;
  min-height: 500px;
}
.div-team .div-info {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-right: 30px;
}
.div-team .div-info .B1 {
  width: 400px;
  margin: auto auto 0 auto;
}
@media only screen and (max-width: 1300px) {
  .div-team {
    flex-direction: column;
  }
  .div-team .div-img {
    width: 100%;
  }
  .div-team .div-info {
    width: 90%;
    padding: 0;
    margin: 0 auto;
  }
}

.div-service {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.div-service .service {
  width: 360px;
  height: 550px;
  display: flex;
  flex-direction: column;
  padding: 50px;
  box-shadow: 0px 36px 50px -8px rgba(0, 0, 0, 0.14);
  border-radius: 12px;
  margin: 0 auto;
  background: white;
}
.div-service .service .title {
  display: flex;
}
.div-service .service .title img {
  width: 80px;
  height: 80px;
}
.div-service .service .title h2 {
  font-size: 30px;
  font-weight: 800;
  font-family: "GilroyB";
  margin: auto 0 auto auto;
}
.div-service .service .T2 {
  margin: auto 0;
}/*# sourceMappingURL=index.css.map */