/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./themes/theme/inc/patterns/contact-departments/contact-departments.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --white: #fff;
  --white-opacity: rgb(255 255 255 / 25%);
  --white-opacity05: rgb(255 255 255 / 50%);
  --shark: #262b33;
  --shark-opacity: rgb(38 43 51 / 50%);
  --shark-opacity-25: rgb(38 43 51 / 25%);
  --shark-opacity-75: rgb(38 43 51 / 75%);
  --black-russian: #000003;
  --footer-gradient: linear-gradient(#262b33, #000003);
  --gray: #808080;
  --tower-gray: #abbbc1;
  --nickel: #6e7375;
  --light-gray: #f2f2f2;
  --nevada: #697279;
  --oslo-gray: #939599;
  --bombay: #adb2b5;
  --gradient-diagonal-line: linear-gradient(to right, #333435, #abbbc0);
  --gradient-diagonal-line-light: linear-gradient(to right, rgb(0 0 0 / 0%), rgb(0 0 0 / 10%));
  --gradient-vertical-line: linear-gradient(#6e7375, #828688);
  --gradient-vertical-line-light: linear-gradient(rgb(0 0 0 / 5%), rgb(0 0 0 / 15%));
  --gradient-white: linear-gradient(to top, var(--white), rgb(0 0 0 / 0%));
  --text-error: #ff6b6b;
  --button: #20242b;
  --black-opacity: rgb(0 0 0 / 25%);
  --geyser: #dce3e5;
  --checkbox-grey: #afafae;
  --off-black: #101010;
  --shark-light: #424b59;
}

.section-contact-departments {
  background: var(--white);
  padding: 3.5rem 0 7rem;
  color: var(--shark);
}
.section-contact-departments__col {
  margin: auto;
}
.section-contact-departments__container {
  padding: 0;
}
.section-contact-departments .row {
  margin: 0;
}
.section-contact-departments__title {
  margin-top: 0;
}
.section-contact-departments__subtitle {
  margin: 0 0 3.5rem;
}
.section-contact-departments .department {
  padding-top: 1rem;
  padding-bottom: 0;
  padding-inline: 0;
  position: relative;
}
.section-contact-departments .department__line {
  width: 100%;
  height: 1px;
  background-color: rgba(38, 43, 51, 0.25);
  margin-top: 1rem;
}
.section-contact-departments .department__border-top {
  border-top: 0;
}
.section-contact-departments .department__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section-contact-departments .department__name {
  margin: 0;
}
.section-contact-departments .department__button {
  position: relative;
  cursor: pointer;
  height: 37px;
}
.section-contact-departments .department__button--hide {
  display: none;
}
.section-contact-departments .department__button--open-svg, .section-contact-departments .department__button--close-svg {
  display: none;
  height: 37px;
  width: 37px;
  opacity: 0.5;
}
.section-contact-departments .department__button--open-svg circle, .section-contact-departments .department__button--close-svg circle {
  fill: var(--white);
  height: 37px;
  width: 37px;
  display: block;
}
.section-contact-departments .department__button--open-svg path, .section-contact-departments .department__button--close-svg path {
  fill: var(--shark);
}
.section-contact-departments .department__button--show-svg {
  display: block;
}
.section-contact-departments .department__button:hover .department__button--close-svg path, .section-contact-departments .department__button:hover .department__button--open-svg path {
  fill: var(--white);
}
.section-contact-departments .department__button:hover circle {
  fill: var(--shark);
}
.section-contact-departments .department__workers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  max-height: 0;
  z-index: 1;
}
.section-contact-departments .department__workers--show {
  max-height: 100%;
}
.section-contact-departments .worker {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 2rem;
}
.section-contact-departments .worker:last-child {
  padding-bottom: 4rem;
}
.section-contact-departments .worker__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2rem;
  width: 100%;
}
.section-contact-departments .worker__name {
  margin-bottom: 0.8rem;
  font-size: 2.1rem;
}
.section-contact-departments .worker__link {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.43rem;
  letter-spacing: 0.02em;
  border: 1px solid var(--button);
  color: var(--button);
  padding-block: 0.8rem;
  width: 76.2%;
  margin-inline: auto;
  background: transparent;
  cursor: pointer;
}
.section-contact-departments .worker__link:hover {
  background: var(--button);
  color: var(--white);
}
.section-contact-departments .worker__calendly {
  display: none;
  background: #fbfcfd;
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
}
.section-contact-departments .worker__calendly--show {
  display: block;
}
.section-contact-departments .worker__calendly .calendly-inline-widget {
  width: calc(100vw - 4rem);
  height: 100vh;
  margin-left: 2rem;
  margin-right: 2rem;
}
.section-contact-departments .worker__calendly-close {
  margin-top: 2.4rem;
  margin-bottom: 1.6rem;
  margin-left: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  cursor: pointer;
}
.section-contact-departments .worker__calendly-close-arrow {
  width: 4.8rem;
  height: 4.8rem;
  border: 1px solid var(--shark);
  padding: 1.5rem;
  border-radius: 50%;
  pointer-events: none;
}
.section-contact-departments .worker__calendly-close-text {
  font-family: var(--font-primary);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.32px;
  pointer-events: none;
}
.section-contact-departments .worker__contact {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.8rem;
}
.section-contact-departments .worker__whatsapp {
  width: 4.2rem;
  height: 4.2rem;
  margin-inline: auto;
  cursor: pointer;
}
.section-contact-departments .worker__photo {
  height: 20rem;
  width: 15.5rem;
}
.section-contact-departments .worker__role {
  opacity: 0.5;
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
}
.section-contact-departments .worker__phone {
  opacity: 0.5;
  margin-bottom: 1.4rem;
  position: relative;
}
.section-contact-departments .worker__phone a {
  text-decoration: none;
}
.section-contact-departments .worker__email {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .section-contact-departments {
    padding: 7rem 0;
  }
  .section-contact-departments .department {
    padding-top: 3.6rem;
  }
  .section-contact-departments .department__line {
    margin-top: 3.6rem;
  }
  .section-contact-departments .department__button:hover::before {
    position: absolute;
    content: "rozwiń";
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: 5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .section-contact-departments .department__button--show:hover::before {
    content: "schowaj";
  }
  .section-contact-departments .worker {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 3.6rem 0 0;
  }
  .section-contact-departments .worker:last-child, .section-contact-departments .worker:only-child {
    padding-bottom: 3.4rem;
  }
  .section-contact-departments .worker__calendly {
    right: 0;
  }
  .section-contact-departments .worker__whatsapp {
    margin-inline: unset;
  }
  .section-contact-departments .worker__info {
    height: 100%;
    margin-left: 5rem;
    width: 50%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .section-contact-departments .worker__link {
    width: 50%;
    margin-inline: 0;
    margin-right: 3rem;
  }
  .section-contact-departments .worker__photo {
    height: 24.3rem;
    width: 18.9rem;
  }
  .section-contact-departments .worker__phone {
    margin-right: 5rem;
  }
  .section-contact-departments .worker__phone::after {
    width: 3rem;
    margin: 1rem 0 0 1rem;
  }
}
@media (min-width: 1024px) {
  .section-contact-departments {
    padding: 7rem 7rem 9rem;
  }
  .section-contact-departments__title {
    margin-bottom: 4.5rem;
  }
  .section-contact-departments .department__workers {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .section-contact-departments .worker {
    width: 49%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .section-contact-departments .worker .calendly-inline-widget {
    height: 90vh;
  }
  .section-contact-departments .worker__name {
    margin-bottom: 1.3rem;
    font-size: 2.4rem;
  }
  .section-contact-departments .worker__role {
    margin-bottom: 3rem;
    font-size: 2.1rem;
  }
  .section-contact-departments .worker a {
    font-size: 2.1rem;
  }
  .section-contact-departments .worker__photo {
    height: 33.2rem;
    width: 22.2rem;
  }
  .section-contact-departments .worker__info {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-left: 2rem;
    width: 50%;
  }
  .section-contact-departments .worker__contact {
    margin-top: 2.4rem;
  }
  .section-contact-departments .worker__link {
    margin-inline: unset;
    margin-right: 1.7rem;
    width: 81%;
  }
  .section-contact-departments .worker__calendly {
    z-index: 20;
  }
  .section-contact-departments .worker__calendly-close {
    margin-left: calc((100vw - 800px) / 2);
    margin-top: 8.5rem;
    margin-bottom: -3rem;
    z-index: 30;
    position: relative;
  }
  .section-contact-departments .worker__calendly-close-text {
    font-size: 2.1rem;
  }
}

/*# sourceMappingURL=contact-departments.css.map*/