{"version":3,"sources":["..\\style-scss\\_variables.scss","..\\style-scss\\contact.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"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","file":"contact.css","sourcesContent":["//* Colors\n$cWhite: #ffffff;\n$cGray: #bababa;\n$cLightGray: #f6f6f6;\n$cCloud: #f0f0f0;\n$cSand: #e3e1de;\n$cSandDarker: #d9d9d9;\n$cBlack: #010101;\n\n$cTxtWhite: #ffffff;\n$cTxtCloud: #f0f0f0;\n$cTxtGray: #bababa;\n$cTxtGrayDarker: #a1a0a0;\n$cTxtBlack: #010101;\n\n$fontNewOrder: \"New Order\", sans-serif;\n$fontURWForm: \"URW Form\", sans-serif;\n\n//* Fonts\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-LightItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-LightItalic.woff\") format(\"woff\");\n\tfont-weight: 300;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-ExtraLightItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ExtraLightItalic.woff\") format(\"woff\");\n\tfont-weight: 200;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Medium.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Medium.woff\") format(\"woff\");\n\tfont-weight: 500;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-MediumItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-MediumItalic.woff\") format(\"woff\");\n\tfont-weight: 500;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form Demi\";\n\tsrc: url(\"/layout/fonts/URWForm-Demi.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Demi.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Italic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Italic.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Light.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Light.woff\") format(\"woff\");\n\tfont-weight: 300;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-ThinItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ThinItalic.woff\") format(\"woff\");\n\tfont-weight: 100;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Bold.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Bold.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-BoldItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-BoldItalic.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Thin.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Thin.woff\") format(\"woff\");\n\tfont-weight: 100;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Regular.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Regular.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form Extra\";\n\tsrc: url(\"/layout/fonts/URWForm-ExtraBoldItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ExtraBoldItalic.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form Extra\";\n\tsrc: url(\"/layout/fonts/URWForm-ExtraBold.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ExtraBold.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Light.otf\") format(\"otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Regular.otf\") format(\"otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Medium.otf\") format(\"otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-SemiBold.otf\") format(\"otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Bold.otf\") format(\"otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n","@import '_mixins';\r\n@import '_variables';\r\n\r\n.box-01 {\r\n  margin-bottom: 35px;\r\n\r\n  .contact-sections {\r\n    display: grid;\r\n    grid-template-columns: 500px 1fr;\r\n    grid-template-areas:\r\n      's0 s4'\r\n      'sw1 s5'\r\n      'sw1 s6'\r\n      'sw1 s7';\r\n\r\n    .sections-wrapper {\r\n      grid-area: sw1;\r\n    }\r\n\r\n    .sections_2_3 {\r\n      @include respond-above(md) {\r\n        position: relative;\r\n        padding-bottom: 100px;\r\n        background-color: #010101;\r\n        background-image: url('/upload/filemanager/Pages/Contact/contact-bg.png');\r\n\r\n        &::before {\r\n          content: '';\r\n          position: absolute;\r\n          inset: 0;\r\n          background: linear-gradient(180deg,\r\n              rgba(0, 0, 0, 1) 0%,\r\n              rgba(102, 102, 102, 0) 100%);\r\n        }\r\n      }\r\n    }\r\n\r\n    section {\r\n      position: relative;\r\n\r\n      &.section_0 {\r\n        grid-area: s0;\r\n\r\n        @include respond-above(md) {\r\n          background-color: $cBlack;\r\n        }\r\n      }\r\n\r\n      &.section_1 {\r\n        grid-area: s1;\r\n        text-align: right;\r\n        padding: 75px 50px 75px;\r\n\r\n        @include respond-below(md) {\r\n          padding: 75px 50px 30px;\r\n        }\r\n\r\n        @include respond-above(md) {\r\n          background-color: $cBlack;\r\n        }\r\n\r\n        h2 {\r\n          font-size: 32px;\r\n          font-weight: 700;\r\n          margin-bottom: 25px;\r\n\r\n          @include respond-above(md) {\r\n            color: $cTxtWhite;\r\n          }\r\n\r\n          @include respond-below(md) {\r\n            margin-bottom: 20px;\r\n          }\r\n        }\r\n\r\n        p {\r\n          font-size: 14px;\r\n          font-weight: 200;\r\n\r\n          @include respond-above(md) {\r\n            color: $cTxtWhite;\r\n          }\r\n\r\n          strong {\r\n            font-weight: 700;\r\n          }\r\n        }\r\n\r\n        ul {\r\n          padding: 0;\r\n          margin: 0;\r\n          list-style: none;\r\n\r\n          li {\r\n            &:not(:last-child) {\r\n              margin-bottom: 10px;\r\n            }\r\n\r\n            a {\r\n              font-size: 18px;\r\n\r\n              @include respond-above(md) {\r\n                color: $cTxtWhite;\r\n              }\r\n\r\n              @include respond-below(md) {\r\n                color: $cTxtBlack;\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        @include respond-below(md) {\r\n          text-align: center;\r\n        }\r\n      }\r\n\r\n      &.section_2 {\r\n        grid-area: s2;\r\n        text-align: right;\r\n        display: flex;\r\n        padding: 0 50px 90px 50px;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n        gap: 20px;\r\n\r\n        img {\r\n          max-width: 40px;\r\n\r\n          @include respond-below(md) {\r\n            filter: invert(1);\r\n          }\r\n        }\r\n\r\n        p {\r\n          font-size: 15px;\r\n          font-weight: 700;\r\n          margin-bottom: 0;\r\n\r\n          @include respond-above(md) {\r\n            color: $cTxtWhite;\r\n          }\r\n        }\r\n\r\n        @include respond-below(md) {\r\n          text-align: center;\r\n          padding: 50px 0 20px;\r\n        }\r\n      }\r\n\r\n      &.section_3 {\r\n        grid-area: s3;\r\n        text-align: right;\r\n        padding: 20px 50px 0;\r\n\r\n        h2 {\r\n          font-size: 32px;\r\n          font-weight: 700;\r\n          margin-bottom: 60px;\r\n\r\n          @include respond-above(md) {\r\n            color: $cTxtWhite;\r\n          }\r\n\r\n          @include respond-below(md) {\r\n            font-size: 22px;\r\n\r\n            br {\r\n              display: none;\r\n            }\r\n          }\r\n        }\r\n\r\n        p {\r\n          color: #fff;\r\n          font-size: 20px;\r\n          font-weight: 700;\r\n          margin-bottom: 0;\r\n          line-height: 30px;\r\n        }\r\n\r\n        @include respond-below(md) {\r\n          text-align: center;\r\n          margin-bottom: 10px;\r\n\r\n          p {\r\n            color: #000;\r\n          }\r\n        }\r\n      }\r\n\r\n      &.section_4 {\r\n        grid-area: s4;\r\n        padding: 80px 50px;\r\n\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        gap: 25px;\r\n\r\n        p {\r\n          color: $cTxtGrayDarker;\r\n          font-size: 25px;\r\n          font-weight: 200;\r\n          margin-bottom: 0;\r\n        }\r\n\r\n        a {\r\n          width: 100%;\r\n          max-width: 50px;\r\n\r\n          img {\r\n            width: 100%;\r\n          }\r\n        }\r\n\r\n        @include respond-below(md) {\r\n          flex-direction: column-reverse;\r\n          align-items: center;\r\n          text-align: center;\r\n        }\r\n      }\r\n\r\n      &.section_5 {\r\n        grid-area: s5;\r\n        padding: 75px 50px 0;\r\n\r\n        h2 {\r\n          font-size: 32px;\r\n          font-weight: 700;\r\n          margin-bottom: 25px;\r\n          text-transform: uppercase;\r\n\r\n          @include respond-below(md) {\r\n            margin-bottom: 20px;\r\n          }\r\n        }\r\n\r\n        p {\r\n          font-size: 12px;\r\n          font-weight: 300;\r\n          margin-bottom: 20px;\r\n        }\r\n\r\n        @include respond-below(md) {\r\n          text-align: center;\r\n        }\r\n\r\n        #contact_form {\r\n          .agreement {\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 40px;\r\n\r\n            .agreement-container {\r\n              .form_group_2 {\r\n                input[type='checkbox'] {\r\n                  background: #fff;\r\n                  border: 1px solid #000000;\r\n\r\n                  &::before {\r\n                    background: #000;\r\n                  }\r\n\r\n                  &::after {\r\n                    background: #000;\r\n                  }\r\n                }\r\n              }\r\n            }\r\n\r\n            .buttons-container {\r\n              button {\r\n                width: 180px;\r\n\r\n                &::before,\r\n                &::after {\r\n                  right: 40px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      &.section_6 {\r\n        grid-area: s6;\r\n        padding: 15px 50px 50px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n\r\n        p {\r\n          font-size: 21px;\r\n          font-weight: 300;\r\n          margin-bottom: 0;\r\n\r\n          span {\r\n            display: inline-block;\r\n            min-width: 44px;\r\n          }\r\n        }\r\n\r\n        @include respond-below(md) {\r\n          text-align: center;\r\n          padding: 50px;\r\n        }\r\n      }\r\n\r\n      &.section_7 {\r\n        grid-area: s7;\r\n        padding: 0 50px;\r\n\r\n        iframe {\r\n          width: 100%;\r\n          height: 535px;\r\n        }\r\n      }\r\n    }\r\n\r\n    @include respond-below(lg) {\r\n      grid-template-columns: 350px 1fr;\r\n    }\r\n\r\n    @include respond-below(md) {\r\n      grid-template-columns: 1fr;\r\n      grid-template-areas:\r\n        's0'\r\n        'sw1'\r\n        // 's2'\r\n        's6'\r\n        's5'\r\n        's4'\r\n        's3'\r\n        's7';\r\n      padding-top: 50px;\r\n    }\r\n  }\r\n}\r\n\r\n.box-02 {\r\n  margin-bottom: 35px;\r\n\r\n  .box-2-data {\r\n    position: relative;\r\n    padding: 30px 150px;\r\n    background: #f4f4f4;\r\n\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 30px;\r\n\r\n    h2 {\r\n      color: #000;\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n      letter-spacing: 0;\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    ul {\r\n      list-style: none;\r\n      padding: 0;\r\n      margin: 0;\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      gap: 15px;\r\n\r\n      li {\r\n        img {\r\n          width: 100%;\r\n          max-width: 24px;\r\n          filter: brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(0%) hue-rotate(47deg) brightness(98%) contrast(101%);\r\n        }\r\n      }\r\n    }\r\n\r\n    >img {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.contact_alert {\r\n  margin-top: 25px;\r\n  border: 1px solid #FFF246;\r\n  background: #505050;\r\n  padding: 15px;\r\n  color: #FFF;\r\n  font-size: 15px;\r\n}","$breakpoints: (\n  xs: 576px,\n  sm: 768px,\n  md: 992px,\n  lg: 1200px\n);\n@mixin respond-above($breakpoint) {\n  @if map-has-key($breakpoints, $breakpoint) {\n    $breakpoint-value: map-get($breakpoints, $breakpoint);\n    @media (min-width: $breakpoint-value) {\n      @content;\n    }\n  } @else {\n    @warn 'Invalid breakpoint: #{$breakpoint}.';\n  }\n}\n@mixin respond-below($breakpoint) {\n  @if map-has-key($breakpoints, $breakpoint) {\n    $breakpoint-value: map-get($breakpoints, $breakpoint);\n    @media (max-width: ($breakpoint-value - 1)) {\n      @content;\n    }\n  } @else {\n    @warn 'Invalid breakpoint: #{$breakpoint}.';\n  }\n}\n@mixin respond-between($lower, $upper) {\n  @if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\n    $lower-breakpoint: map-get($breakpoints, $lower);\n    $upper-breakpoint: map-get($breakpoints, $upper);\n    @media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\n      @content;\n    }\n  } @else {\n    @if (map-has-key($breakpoints, $lower) == false) {\n      @warn 'Your lower breakpoint was invalid: #{$lower}.';\n    }\n    @if (map-has-key($breakpoints, $upper) == false) {\n      @warn 'Your upper breakpoint was invalid: #{$upper}.';\n    }\n  }\n}\n@mixin border-radius($px: 0) {\n  -webkit-border-radius: $px;\n  -moz-border-radius: $px;\n  border-radius: $px;\n}\n@mixin box-shadow($value) {\n  -webkit-box-shadow: $value;\n  -moz-box-shadow: $value;\n  box-shadow: $value;\n}\n@mixin transition($element: all, $time: .5s, $option: ease) {\n  -webkit-transition: $element $time $option;\n  transition: $element $time $option;\n}\n@mixin opacity($value) {\n  $IEValue: $value*100;\n  opacity: $value;\n  -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=\"+$IEValue+\")\";\n  filter: alpha(opacity=$IEValue);\n}\n@mixin flexbox() {\n  display: -webkit-box;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n}\n@mixin flex($values) {\n  -webkit-box-flex: $values;\n     -moz-box-flex: $values;\n      -webkit-flex: $values;\n  \t  -ms-flex: $values;\n  \t      flex: $values;\n}\n@mixin flex-direction($direction) {\n  -webkit-flex-direction: $direction;\n     -moz-flex-direction: $direction;\n      -ms-flex-direction: $direction;\n          flex-direction: $direction;\n}\n@mixin flex-wrap($wrap) {\n  -webkit-flex-wrap: $wrap;\n     -moz-flex-wrap: $wrap;\n      -ms-flex-wrap: $wrap;\n          flex-wrap: $wrap;\n}\n@mixin flex-flow($flow) {\n  -webkit-flex-flow: $flow;\n     -moz-flex-flow: $flow;\n      -ms-flex-flow: $flow;\n          flex-flow: $flow;\n}\n@mixin order($val) {\n  -webkit-box-ordinal-group: $val;  \n     -moz-box-ordinal-group: $val;     \n  \t     -ms-flex-order: $val;     \n  \t      -webkit-order: $val;  \n  \t\t      order: $val;\n}\n@mixin flex-grow($grow) {\n  -webkit-flex-grow: $grow;\n     -moz-flex-grow: $grow;\n      -ms-flex-grow: $grow;\n          flex-grow: $grow;\n}\n@mixin flex-shrink($shrink) {\n  -webkit-flex-shrink: $shrink;\n     -moz-flex-shrink: $shrink;\n      -ms-flex-shrink: $shrink;\n          flex-shrink: $shrink;\n}\n@mixin flex-basis($width) {\n  -webkit-flex-basis: $width;\n     -moz-flex-basis: $width;\n      -ms-flex-basis: $width;\n          flex-basis: $width;\n}\n@mixin justify-content($justify) {\n  -webkit-justify-content: $justify;\n     -moz-justify-content: $justify;\n      -ms-justify-content: $justify;\n          justify-content: $justify;\n            -ms-flex-pack: $justify;\n}\n@mixin align-content($align) {\n  -webkit-align-content: $align;\n     -moz-align-content: $align;\n      -ms-align-content: $align;\n          align-content: $align;\n}\n@mixin align-items($align) {\n  -webkit-align-items: $align;\n     -moz-align-items: $align;\n      -ms-align-items: $align;\n          align-items: $align;\n}\n@mixin align-self($align) {\n  -webkit-align-self: $align;\n     -moz-align-self: $align;\n      -ms-align-self: $align;\n          align-self: $align;\n}"]}