/****************
* /BREAKPOINTS *
****************/
/**********
 * SPACES *
**********/
/**********
 * WIDTHS *
**********/
/**************
 * FONTS *
**************/
/**********
 * MIXINS *
**********/
/**************
 * FONT SIZES *
**************/
/********************
 * MOBILE VARIABLES *
********************/
/***************
 * BOX SHOADOW *
***************/
.company-details-block .companies-wrapper {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
  justify-content: flex-start;
  align-items: stretch;
}
.company-details-block .company-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 16px;
  grid-template-areas: "details" "desc";
  background: #ffffff;
  padding: 16px 10px;
  row-gap: 16px;
  flex: 1 0 100%;
  width: 100%;
  box-sizing: border-box;
  height: auto;
  align-content: flex-start;
}
.company-details-block .company-wrapper.has-logo {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 16px;
  grid-template-areas: "details logo" "desc desc";
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.company-details-block .company-wrapper .company-details-wrapper {
  grid-area: details;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.company-details-block .company-wrapper .company-details-wrapper .company-contact-wrapper {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.company-details-block .company-wrapper .company-logo-wrapper {
  grid-area: logo;
  display: flex;
  align-self: flex-start;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}
.company-details-block .company-wrapper .company-logo-wrapper .logo-wrapper {
  width: 100px;
  height: 100px;
  border: 1px solid #d7d7d7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-details-block .company-wrapper .company-logo-wrapper .logo-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: calc(100% - 16px);
  max-height: calc(100% - 16px);
}
.company-details-block .company-wrapper .company-description-wrapper {
  grid-area: desc;
  margin-bottom: auto;
  align-self: flex-start;
}

@media screen and (min-width: 720px) {
  .company-details-block .company-wrapper {
    padding: 16px;
    flex: 1 0 45%;
  }
  .company-details-block .company-wrapper .company-logo-wrapper .logo-wrapper {
    width: 130px;
    height: 130px;
  }
}
@media screen and (min-width: 976px) and (max-width: 1100px) {
  .company-details-block .company-wrapper {
    max-width: calc((100% - 16px) / 2);
  }
}
@media screen and (min-width: 1401px) {
  .main .company-details-block .company-wrapper {
    max-width: calc((100% - 16px) / 2);
  }
}/*# sourceMappingURL=company-details.css.map */