:root {
  --fallback-font-stack: Helvetica, Arial, serif;
}

.hotel-brand.mainContainer {
  display: flex;
  flex-direction: column;
  background-color: #f3f3f6;
}
.hotel-brand .contentWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  margin: 0 auto -1px;
  width: 100%;
  max-width: 1440px;
  background-color: #f3f3f6;
}
@media (max-width: 991px) {
    .hotel-brand .contentWrapper {
        row-gap: 25px;
    }
}
@media (max-width: 575px) {
    .hotel-brand .contentWrapper {
        row-gap: 25px;
    }
}
@media (max-width: 383px) {
    .hotel-brand .contentWrapper {
        row-gap: 25px;
    }
}
.hotel-brand .columnSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 36px;
}
.hotel-brand .imageContainer {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  background: var(--src) center center/cover no-repeat;
}
.hotel-brand .companyLogo {
  margin: 30px auto 22px;
  width: 143px;
  max-width: 85%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hotel-brand .partnerContainer {
  display: flex;
  flex-direction: column;
  row-gap: 33px;
  margin: 0 auto;
  width: 1155.0125732422px;
  max-width: 85%;
}
.hotel-brand .partnerHeader {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 5px 0 0;
}
.hotel-brand .partnerLogo {
    position: relative;
    min-height: 250px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.hotel-brand .partnerCategory {
    position: absolute;
    top: 185px;
    left: 50%;
    width: 524px;
    height: 24px;
    font: 63px/0.38 Didot, Helvetica, Arial, serif;
    color: white;
    transform: translate(-50%, 0);
    display: flex;
    justify-content: center;
}
@media (max-width: 991px) {
    .hotel-brand .partnerCategory {
        align-items: flex-start;
        font-size: 52px;
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 479px) {
    .hotel-brand .partnerCategory {
        font-size: 36px;
        display: flex;
        justify-content: center;
    }
}
.hotel-brand .profilesSection {
  display: flex;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 0 0 0 5px;
}
@media (max-width: 767px) {
  .hotel-brand .profilesSection {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}
.hotel-brand .profileBlock {
  display: flex;
  flex-direction: column;
  width: 362px;
  min-width: 0;
  background-color: white;
  outline-offset: -1px;
  border-radius: 24px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  outline: #d5d7da solid 1px;
}
@media (max-width: 767px) {
  .hotel-brand .profileBlock {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
.hotel-brand .profileContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
  margin: 0 0 12px;
}
.hotel-brand .profileImage {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hotel-brand .profileDetails {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5px;
  width: 86.74%;
}
.hotel-brand .detailsWrapper {
    display: flex;
    justify-content: center;
    /*-moz-column-gap: 32px;*/
    /*column-gap: 32px;*/
    width: 100%;
}
@media (max-width: 575px) {
  .hotel-brand .detailsWrapper {
    -moz-column-gap: 16px;
    /*column-gap: 16px;*/
  }
}
@media (max-width: 383px) {
  .hotel-brand .detailsWrapper {
    -moz-column-gap: 8px;
    /*column-gap: 8px;*/
  }
}
.hotel-brand .nameAndTitle {
  /*display: flex;*/
  display:none;
  flex-direction: column;
  row-gap: 8px;
  /*margin: 37px 0 16px;*/
  /*width: 135px;*/
  min-width: 0;
}
.hotel-brand .partnerName {
  font: 500 18px/1.5 Inter, Helvetica, Arial, serif;
  color: #333333;
  letter-spacing: -0.4px;
}
@media (max-width: 991px) {
  .hotel-brand .partnerName {
    align-items: flex-start;
    font-size: 16px;
  }
}
.hotel-brand .jobTitle {
  margin: 0 30px 0 0;
  font: 14px/1.5 Roboto, Helvetica, Arial, serif;
  color: #666666;
}
@media (max-width: 575px) {
  .hotel-brand .jobTitle {
    position: relative;
    margin: 0 16px 0 0;
  }
}
@media (max-width: 383px) {
  .hotel-brand .jobTitle {
    margin: 0 8px 0 0;
  }
}
.hotel-brand .additionalImage1 {
    width: 50%;
    min-width: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
.hotel-brand .additionalIcon {
  width: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}
.hotel-brand .profileContent1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 18px;
  margin: 0 0 12px;
}
.hotel-brand .profileDetails1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 4px;
  width: 85.36%;
}
.hotel-brand .nameAndTitle1 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin: 39px 0 17px;
  width: 138px;
  min-width: 0;
}
.hotel-brand .partnerName1 {
  font: 500 18px/1.5 Roboto, Helvetica, Arial, serif;
  color: #333333;
}
@media (max-width: 991px) {
  .hotel-brand .partnerName1 {
    align-items: flex-start;
    font-size: 16px;
  }
}
.hotel-brand .jobTitle1 {
  margin: 0 31px 0 0;
  font: 14px/1.5 Roboto, Helvetica, Arial, serif;
  color: #666666;
}
@media (max-width: 575px) {
  .hotel-brand .jobTitle1 {
    position: relative;
    margin: 0 16px 0 0;
  }
}
@media (max-width: 383px) {
  .hotel-brand .jobTitle1 {
    margin: 0 8px 0 0;
  }
}
.hotel-brand .additionalImage2 {
  width: 126px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.hotel-brand .profileContent2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 31px;
  margin: 0 0 7px;
}
.hotel-brand .profileDetails2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  width: 304.9750061035px;
  max-width: 85%;
}
.hotel-brand .detailsWrapper1 {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 32px;
  /*column-gap: 32px;*/
  width: 100%;
}
@media (max-width: 575px) {
  .hotel-brand .detailsWrapper1 {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (max-width: 383px) {
  .hotel-brand .detailsWrapper1 {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.hotel-brand .nameAndTitle2 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  width: 131px;
  min-width: 0;
}
.hotel-brand .jobTitle2 {
  font: 14px/1.5 Roboto, Helvetica, Arial, serif;
  color: #666666;
}
.hotel-brand .additionalImage3 {
  width: 107px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.hotel-brand .footerSection {
  display: flex;
  flex-direction: column;
  background-color: #007095;
}
.hotel-brand .footerText {
  display: flex;
  justify-content: center;
  margin: 19px auto;
  width: 714px;
  max-width: 85%;
  font: 500 16px/1.5 Inter, Helvetica, Arial, serif;
  color: white;
  text-align: center;
}