/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/src/sass/contact.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.hero-contact {
  background-position: center;
  background-size: cover;
  padding: 150px 0 90px 0; }
  @media (max-width: 767px) {
    .hero-contact {
      padding: 100px 0 40px 0; } }
  .hero-contact__box {
    display: flex;
    gap: 65px; }
    @media (max-width: 1210px) {
      .hero-contact__box {
        gap: 35px; } }
    @media (max-width: 767px) {
      .hero-contact__box {
        flex-direction: column;
        gap: 40px; } }
  .hero-contact__title {
    font-weight: 500;
    font-size: 72px;
    line-height: 1.20833;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: linear-gradient(305deg, #0f2836 0%, #539ecf 54.99%, #0f2836 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 85px; }
    @media (max-width: 1210px) {
      .hero-contact__title {
        font-size: 56px; } }
    @media (max-width: 767px) {
      .hero-contact__title {
        font-weight: 500;
        font-size: 30px;
        line-height: 1.3;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        background: linear-gradient(305deg, #0f2836 0%, #539ecf 54.99%, #0f2836 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 35px; } }
  .hero-contact__map {
    flex-shrink: 0;
    max-width: 50%; }
    @media (max-width: 767px) {
      .hero-contact__map {
        max-width: 100%;
        width: 100%; } }
  .hero-contact__options {
    display: flex;
    gap: 20px;
    flex-direction: column; }
  .hero-contact__option {
    display: flex;
    gap: 20px;
    align-items: center; }
  .hero-contact__val {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.08em;
    color: #fff; }
    @media (max-width: 767px) {
      .hero-contact__val {
        font-weight: 400;
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.08em;
        color: #fff; } }


/*# sourceMappingURL=contact.style.min.css.map*/