.heading {
  white-space: nowrap;
  font-weight: bolder;
  color: navy
}

.wrap h2 {
  white-space: nowrap;
  font-weight: bolder;
}

.navy-blue {
  color: rgb(27, 27, 128);
}

.card-top i {
  color: #ff4c31;
}

.gallery {
  --g: 8px;
  --s: 100vw;
  display: grid;
  place-items: center;
  width: min(400px, 100%);
  max-width: 100vw;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  padding: var(--g);
}

.gallery>img {
  grid-area: 1/1;
  width: var(--s);
  max-width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  transform: translate(var(--_x, 0), var(--_y, 0));
  cursor: pointer;
  z-index: 0;
  transition: 0.3s, z-index 0s 0.3s;
}

.gallery img:hover {
  --_i: 1;
  z-index: 1;
  transition: transform 0.2s, clip-path 0.3s 0.2s, z-index 0s;
}

.gallery:hover img {
  transform: translate(0, 0);
}

.gallery>img:nth-child(1) {
  clip-path: polygon(50% 50%, calc(50% * var(--_i, 0)) calc(120% * var(--_i, 0)), 0 calc(100% * var(--_i, 0)), 0 0, 100% 0, 100% calc(100% * var(--_i, 0)), calc(100% - 50% * var(--_i, 0)) calc(120% * var(--_i, 0)));
  --_y: calc(-1 * var(--g));
}

.gallery>img:nth-child(2) {
  clip-path: polygon(50% 50%, calc(100% - 120% * var(--_i, 0)) calc(50% * var(--_i, 0)), calc(100% - 100% * var(--_i, 0)) 0, 100% 0, 100% 100%, calc(100% - 100% * var(--_i, 0)) 100%, calc(100% - 120% * var(--_i, 0)) calc(100% - 50% * var(--_i, 0)));
  --_x: var(--g);
}

.gallery>img:nth-child(3) {
  clip-path: polygon(50% 50%, calc(100% - 50% * var(--_i, 0)) calc(100% - 120% * var(--_i, 0)), 100% calc(100% - 120% * var(--_i, 0)), 100% 100%, 0 100%, 0 calc(100% - 100% * var(--_i, 0)), calc(50% * var(--_i, 0)) calc(100% - 120% * var(--_i, 0)));
  --_y: var(--g);
}

.gallery>img:nth-child(4) {
  clip-path: polygon(50% 50%, calc(120% * var(--_i, 0)) calc(50% * var(--_i, 0)), calc(100% * var(--_i, 0)) 0, 0 0, 0 100%, calc(100% * var(--_i, 0)) 100%, calc(120% * var(--_i, 0)) calc(100% - 50% * var(--_i, 0)));
  --_x: calc(-1 * var(--g));
}

@media (max-width: 600px) {
  .gallery {
    --s: 200px;
  }
}

@media (max-width: 470px) {
  #carouselExample {
    width: 100%;
  }
}

@media (max-width: 768px) {
  #carouselExample {
    width: 90%;
  }
}

@media (max-width: 470px) {
  #carouselExample {
    width: 100%;
  }
}

.carousel-item img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 768px) {
  .carousel-item img {
    height: 400px;
  }
}

@media (max-width: 470px) {
  .carousel-item img {
    height: 250px;
  }
}

#carouselExample {
  width: 70%;
  margin: 20px auto;
  border-radius: 10px;
  background-color: #ffffff;
  overflow: hidden;
}

.carousel-inner {
  overflow: hidden;
}

.carousel-item img {
  height: 600px;
  object-fit: cover;
  width: 100%;
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 0%;
  height: 0%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  border-radius: 50%;
  padding: 15px;
  width: 3rem;
  height: 3rem;
  background-size: 120%;
}

.carousel-caption .black {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  border-radius: 10px;
  width: 100%;
}

.carousel-caption h2,
.carousel-caption p {
  color: white;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
  font-weight: bold;
}

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 15px;
  border-radius: 10px;
}

.orange {
  color: #ff4c31;

}

.blog-img img {
  height: 250px;
}

.part1 {
  margin-top: -50px;
}

.text-white {
  color: white;
}