h5 {
  font-weight: 600;
}
@media (max-width: 991px) {
  .flag-name {
    font-size: 12px;
  }
}
.w-33 {
  width: 33%;
}
/* .hero-top {
  margin-top: 100px;
}
.about-heading {
  position: absolute;
  top: 30%;
  left: 45%;
}

.about-heading a {
  text-decoration: none;
  color: rgb(0, 0, 0);
}
.about-heading h6 {
  color: #ad9475;
}
.about-text {
  padding-top: 7%;
  font-size: 16px;
  font-weight: 400;
}
.vision {
  padding-top: 12%;
}
.mission {
  padding-top: 5%;
}
.mid-bg {
  background-image: url(../img/middle-bg.jpg);
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 10%;
}
.mid-bg .container {
  padding-right: 10%;
  padding-left: 10%;
  color: #ffff;
}

.catalog {
  text-decoration: none;
  color: #ad9475;
}
.catalog:hover {
  color: #ff2929;
}


.flip-card {
  background-color: transparent;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: rgb(255, 255, 255);
  color: black;
}

.flip-card-back {
  background-color: #ffffff;
  color: rgba(255, 255, 255, 0);
  transform: rotateY(180deg);
} */