/* Container CSS */
.content-header {
  margin-top: 3.78rem !important;
}

@media (max-width: 375px) {
  .content-header {
      margin-top: 3.78rem !important;
  }
  .content-header img {
   display: none;
}
}
.order-container {
  background: white;
  border-radius: 3px;
  box-shadow: 0 0px 12px 0px #354a51;
  margin: 0 auto;
  padding: 2em 7em;
  position: relative;
}

@media (max-width: 767px) {
  .order-container {
    box-shadow: none;
    width: 100%;
    display: block;
    padding: 2rem;
    margin-bottom: 0 !important;
  }
}

.order-container h1 {
  font-family: var(--secondary-bold-font), georgia, serif;
  font-size: 1.95rem ;
  color: var(--grey-color);
}

/*  family-icon */

.family-icon{
  display: flex;
  gap: 2rem;
}
.family-icon__image__title{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1 1 0px
}

.confirmationswap-img-div {
  display: grid;
  justify-items: center;
  align-items: center;
  border-radius: 50px;
  background: white;
  width: 100px;
  height: 100px;
  box-shadow: 0px 0px 15px 0px #4699a3;
  margin-bottom: 0.5em;
}

.confirmationswap-img-div img {
  width: 50px;
  height: 50px;
}

.family-icon p {
  font-size: 16px;
  transition: all 0.2s;
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
  will-change: transform;
}

.heading-font{
  font-size: 2.5rem !important;
}

/* HR Tag */

.horizontal-break.left__order,
.horizontal-break.right__order {
  content: "";
  display: block;
  height: 1px;
  margin: 1em 0;
}
.horizontal-break.left__order {
  background: linear-gradient(270deg, #cfcbcb, transparent);
}
.horizontal-break.right__order {
  background: linear-gradient(90deg, #cfcbcb, transparent);
}

.content-header img{
  width: 100%;
  height: auto;
}