.out-div {
  width: 1263px;
  height: 449px;
  gap: 64px;
  padding-top: 80px;
  padding-right: 63px;
  padding-left: 63px;
  border-bottom-width: 1px;
  display: flex;
  flex-direction: column;
}

.in-div {
  width: 1140px;
  height: 369px;
  gap: 8px;
  /* gap:40px; */
}

.inflightimagewithheading  .content {
  width: 100%;
  height: 102px;
  gap: 8px;
  flex-direction: column;
  display: flex;
}

.title {
  width: 1140px;
  height: 42px;
  font-family: Bellefair;
  font-weight: 400;
  font-size: 28px;
  line-height: 42px;
  letter-spacing: 0px;
  color: var(--gray-text-strong, #2C3059);
}

.txt {
  width: 807px;
  height: 52px;
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  letter-spacing: 0px;
  color: var(--gray-text, #6A6D87);
}

.butn {
  width: 187px;
  height: 50px;
  gap: 8px;
  padding-top: 8px;
  /* padding-right: 0px; */
  padding-bottom: 8px;
  padding-left: 0px;
  border-radius: 30px;
  background-color: #ffffff;
  border: unset !important;
}

.btn-txt {
  width: 159px;
  height: 26px;
  gap: 8px;
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  line-height: 25.6px;
  letter-spacing: 0px;
  text-align: center;
}

.arrw {
  width: 20px;
  height: 20px;
}

.icons {
  width: 1140px;
  height: 201px;
  gap: 14px;
  display: flex;
  flex-direction: row;
}

.partners {
  width: 196px;
  height: 201px;
  gap: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
  cursor:pointer;
  padding: 15px;

}

.partner-img {
  width: 72px;
  height: 72px;
  gap: 3.5px;
  padding: 10.5px;
}

.partner-name {
  width: 196px;
  height: 27px;
  font-family: Inter;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0px;
  text-align: center;
  color: var(--gray-text-strong, #2C3059);
}

.inflightimagewithheading a {
  color: unset !important;
  text-decoration: none !important;
}

/* a:active{
  background-color: var(--gray-surface-weak, #F9F9FC);
} */
.active{
  background-color: var(--gray-surface-weak, #F9F9FC);

}

.content-box{
  display:none;
  padding:10px;
  margin-top:10px;
  border:1px solid #ccc;
  height:100px;
  width:130px;
}
@media (max-width:767px) {
  .out-div {
      width: auto;
      height: 884px;
      gap: 24px;
      padding: unset !important;
  }

  .in-div {
      width: auto;
      height: 256px;
      gap: 8px;
  }

  .inflightimagewithheading .content {
      width: auto;
      height: 198px;
      gap: 8px;
  }

  .title {
      width: auto;
      height: 60px;
      font-size: 20px;
      line-height: 30px;
  }

  .txt {
      width: auto;
      height: 130px;
  }

  .btn-txt {
      height: 26px;
  }

  .icons {
      width: auto;
      height: 604px;
      gap: 16px;
      flex-direction: column;
      margin-top:20px;
  }

  .partners {
      width: auto;
      height: 108px;
      gap: 64px;
      border-radius: 8px;
      border-width: 1px;
      flex-direction: row;
      border: 1px solid var(--gray-stroke-weak, #F2F2FA)
  }

  .partner-name {
      height: 24px;
  }
}