{"version":3,"sources":["services.scss","services.css"],"names":[],"mappings":"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","file":"../services.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.services__wrapper-pedestal {\r\n\tpadding-left: 10px;\r\n\tpadding-right: 10px;\r\n\t\r\n\t.services__wrapper {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t\tpadding: 20px;\r\n\t\tmax-width: 600px;\r\n\t\tmargin: 0 auto;\r\n\t\t@media(min-width: 1200px) {\r\n\t\t\tpadding: 0px 10px 20px;\r\n\t\t}\r\n\t\t&:hover, &.current {\r\n\t\t\t.icon__btn {\r\n\t\t\t\t> .before {\r\n\t\t\t\t\tanimation: 1.5s brk-pulse .3s infinite;\r\n\t\t\t\t}\r\n\t\t\t\t> .after {\r\n\t\t\t\t\tanimation: brk-pulse 1.5s infinite;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&:after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t\t.btn {\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tbackground: $white;\r\n\t\t\tborder-radius: 30px;\r\n\t\t\tbox-shadow: 0 6px 30px 0 rgba($black, 0.12);\r\n\t\t\ttransition: all .4s ease;\r\n\t\t\tz-index: -1;\r\n      opacity: 0;\r\n\t\t\t@media(min-width: 1200px) {\r\n\t\t\t\ttop: -20px;\r\n\t\t\t\tleft: -10px;\r\n\t\t\t\tright: -10px;\r\n\t\t\t\tbottom: -20px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.icon__btn {\r\n\t\t\tmargin-bottom: 20px;\r\n\t\t\t@media(min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.btn {\r\n\t\t\ttransition: all .4s ease-in-out;\r\n\t\t\tmargin-top: 15px;\r\n\t\t\t@media(min-width: 1200px) {\r\n\t\t\t\topacity: 0;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: -10px;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\ttransform: translate(-50%, 100%);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.left {\r\n\t\t\t@media(min-width: 1200px) {\r\n\t\t\t\tpadding-left: 20px;\r\n\t\t\t\t.inline-wrap {\r\n\t\t\t\t\tjustify-content: flex-start;\r\n\t\t\t\t}\r\n\t\t\t\t.icon__btn {\r\n\t\t\t\t\tmargin-right: 35px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.right {\r\n\t\t\t@media(min-width: 1200px) {\r\n\t\t\t\tpadding-right: 20px;\r\n\t\t\t\t.inline-wrap {\r\n\t\t\t\t\tjustify-content: flex-end;\r\n\t\t\t\t}\r\n\t\t\t\t.icon__btn {\r\n\t\t\t\t\tmargin-left: 35px;\r\n\t\t\t\t\torder: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.center {\r\n\t\t\t@media(min-width: 1200px) {\r\n\t\t\t\tpadding: 0px 30px 50px;\r\n\t\t\t\t&:after {\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t}\r\n\t\t\t\t.icon__btn {\r\n\t\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\t\tmargin: 0px 0 0;\r\n\t\t\t\t}\r\n\t\t\t\t.btn {\r\n\t\t\t\t\ttransform: translate(-50%, 50%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n  }\r\n  &_light{\r\n    .services__wrapper h1,\r\n    .services__wrapper h2,\r\n    .services__wrapper h3,\r\n    .services__wrapper h4,\r\n    .services__wrapper h5,\r\n    .services__wrapper h6{\r\n      color: #fff;\r\n    }\r\n    .services__wrapper:hover,\r\n    .services__wrapper.current{\r\n      h1,h2,h3,h4,h5,h6{\r\n        color: #000;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.services__wrapper-honeycomb {\r\n\t.services__wrapper {\r\n\t\tmax-width: 500px;\r\n\t\tmargin: 50px auto;\r\n\t\t@media(min-width: 992px) {\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tmargin-top: -30px;\r\n\t\t\t&.center .icon__cover {\r\n\t\t\t\ttransform: translateY(-20px);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover, &.current {\r\n\t\t\t.icon__btn {\r\n\t\t\t\t> .before {\r\n\t\t\t\t\tanimation: 1.5s brk-pulse .3s infinite;\r\n\t\t\t\t}\r\n\t\t\t\t> .after {\r\n\t\t\t\t\tanimation: brk-pulse 1.5s infinite;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.divide:after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t\t.main-text {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t\t.btn-width {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $white;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t}\r\n\t\t\t\tspan {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t/* .icon__cover {\r\n\t\t}*/\r\n\t\tp {\r\n\t\t\topacity: 0.5;\r\n\t\t}\r\n\t\t.divide {\r\n\t\t\tdisplay: block;\r\n\t\t\theight: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\tborder-top: 1px dashed $white;\r\n\t\t\tmargin: 24px 0;\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 1;\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: -1px;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\theight: 2px;\r\n\t\t\t\tbackground: $white;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\ttransition: all .4s ease;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.btn-width {\r\n\t\t\tpadding: 15px 54px;\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 1;\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: '\\f105';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t\tcolor: $white;\r\n\t\t\t\tfont-family: \"Font Awesome\\ 5 Free\";\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\ttransition: all .4s ease;\r\n\t\t\t}\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t\ttransition: all .4s ease;\r\n\t\t\t\tborder: 2px solid $white;\r\n\t\t\t\tborder-radius: 10px;\r\n\t\t\t\twidth: 55px;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t\tspan {\r\n\t\t\t\tcolor: var(--brand-primary);\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\ttransition: all .2s ease;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.services__wrapper-hexagon .services__wrapper {\r\n\t&:hover, &.current {\r\n\t\t.hexagon {\r\n\t\t\t> .after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\ttransform: scale(1);\r\n\t\t\t}\r\n\t\t\t.cover {\r\n\t\t\t\ttransform: translateY(-20px);\r\n\t\t\t}\r\n\t\t\t> div > *:not(.btn) {\r\n\t\t\t\tcolor: $white;\r\n\t\t\t}\r\n\t\t\t.btn {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n    }\r\n  }\r\n  @media screen and (max-width: 500px){ \r\n    .hexagon {\r\n\t\t\t> .after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\ttransform: scale(1);\r\n\t\t\t}\r\n\t\t\t.cover {\r\n\t\t\t\ttransform: translateY(-20px);\r\n\t\t\t}\r\n\t\t\t> div > *:not(.btn) {\r\n\t\t\t\tcolor: $white;\r\n\t\t\t}\r\n\t\t\t.btn {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n    }\r\n  }\r\n}\r\n\r\n.services__wrapper{\r\n  position: relative;\r\n  @media screen and (max-width: 992px){ \r\n    margin-bottom: 20px;\r\n    text-align: center;\r\n  }\r\n  .services__wrapper-shadow{\r\n    position: absolute;\r\n    width: 214px;\r\n    height: calc(100% - 4px);\r\n    top: 2px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.12);\r\n    background-color: #fff;\r\n    transition: .3s ease opacity;\r\n    opacity: 1;\r\n    >span:nth-child(1){\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      transform: rotate(-60deg);\r\n      box-shadow: 0 0px 30px rgba(0, 0, 0, 0.12);\r\n      transition: .3s ease opacity;\r\n      opacity: 1;\r\n    }\r\n    >span:nth-child(2){\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      transform: rotate(60deg);\r\n      box-shadow: 0 0px 30px rgba(0, 0, 0, 0.12);\r\n      transition: .3s ease opacity;\r\n      opacity: 1;\r\n    }\r\n    @media screen and (max-width:500px){ \r\n      display: none;\r\n    }\r\n  }\r\n  .highlight-massive .after{\r\n    background-color: #E8E8E8;\r\n    height: 2px;\r\n    top: 100%;\r\n  }\r\n  &:hover,\r\n  &.current{\r\n    .services__wrapper-shadow{\r\n      opacity: 0;\r\n    }\r\n    .highlight-massive .after{\r\n      background-color: var(--brand-primary);\r\n    }\r\n  }\r\n}\r\n\r\n.icon__cover {\r\n  width: 112px;\r\n  height: 112px;\r\n  border-radius: 30px;\r\n  background: $white;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-shadow: 0 6px 30px 0 rgba($black, 0.12);\r\n  margin: 0 auto 40px;\r\n  .brk-bordered-theme &{\r\n    border-radius: var(--b-radius);\r\n  }\r\n  .icon__btn {\r\n    font-size: 28px;\r\n    width: 65px;\r\n    height: 65px;\r\n    background: var(--brand-primary);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: 50%;\r\n    box-shadow: 0 6px 30px 0 rgba(var(--brand-primary-rgb), 0.5);\r\n  }\r\n}\r\n\r\n// services-architecture/info\r\n.services-architecture {\r\n\tpadding: 15px 0;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\talign-items: center;\r\n\r\n\t&__icon {\r\n\t\twidth: 70px;\r\n\t\t\r\n\t\ti {\r\n\t\t\tvertical-align: 0;\r\n\t\t\tcolor: var(--brand-primary);\r\n\t\t\tfont-size: rem(68);\r\n\t\t}\r\n\t}\r\n\t\r\n\t&__container {\r\n\t\twidth: calc(100% - 70px);\r\n\t\tpadding-left: 30px;\r\n\t}\r\n}\r\n\r\n.services-architecture-bg {\r\n\tpadding: 40px 35px;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tbackground: no-repeat center center;\r\n\tbackground-size: cover;\r\n\tposition: relative;\r\n  height: 100%;\r\n  background-color: #f1f5f9;\r\n  &_wide{\r\n    padding: 40px 30px;\r\n  }\r\n\r\n\t&__before {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 1;\r\n\t}\r\n\r\n\t&__icon {\r\n\t\twidth: 70px;\r\n\t\tposition: relative;\r\n\t\tz-index: 3;\r\n\r\n\t\ti {\r\n\t\t\tvertical-align: 0;\r\n\t\t\tcolor: #fff;\r\n\t\t\tfont-size: rem(68);\r\n\t\t}\r\n\t}\r\n\r\n\t&__container {\r\n\t\twidth: calc(100% - 70px);\r\n\t\tpadding-left: 30px;\r\n\t\tposition: relative;\r\n\t\tz-index: 3;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n}\r\n\r\n.services-info {\r\n\tborder: 1px solid rgba(255,255,255,.3);\r\n\tborder-radius: 4px;\r\n\r\n\t&__content {\r\n\t\tpadding: 25px 30px;\r\n\t\tdisplay: flex;\r\n\t\tborder-right: 1px solid rgba(255,255,255,.3);\r\n\r\n\t\t@media (max-width: 991px) {\r\n\t\t\tborder-bottom: 1px solid rgba(255,255,255,.3);\r\n\t\t\tborder-right: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&__icon {\r\n\t\tpadding-top: 11px;\r\n\r\n\t\ti {\r\n\t\t\tfont-size: rem(28);\r\n\t\t}\r\n\t}\r\n\r\n\t&__text {\r\n\t\tpadding-left: 23px;\r\n\t}\r\n\r\n\t> .row {\r\n\t\t> .col,\r\n\t\t> [class*=\"col-\"] {\r\n\t\t\t&:last-child {\r\n\t\t\t\t.services-info__content {\r\n\t\t\t\t\tborder-right: none;\r\n\r\n\t\t\t\t\t@media (max-width: 991px) {\r\n\t\t\t\t\t\tborder-bottom: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.brk-services-icon{\r\n  border: 1px solid rgba(0, 0, 0, 0.06);\r\n  padding-left: 40px;\r\n  padding-right: 40px;\r\n  padding-bottom: 35px;\r\n\r\n  &__wrapper{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 180px;\r\n    i{\r\n      font-size: 83px;\r\n      color: var(--brand-primary);\r\n    }\r\n  }\r\n  &__title{\r\n    text-align: center;\r\n    padding-bottom: 22px;\r\n    margin-bottom: 25px;\r\n    border-bottom: 1px solid rgba(39, 39, 39, .1);\r\n  }\r\n}",".services__wrapper-pedestal {\n  padding-left: 10px;\n  padding-right: 10px; }\n  .services__wrapper-pedestal .services__wrapper {\n    position: relative;\n    z-index: 1;\n    padding: 20px;\n    max-width: 600px;\n    margin: 0 auto; }\n    @media (min-width: 1200px) {\n      .services__wrapper-pedestal .services__wrapper {\n        padding: 0px 10px 20px; } }\n    .services__wrapper-pedestal .services__wrapper:hover .icon__btn > .before, .services__wrapper-pedestal .services__wrapper.current .icon__btn > .before {\n      animation: 1.5s brk-pulse .3s infinite; }\n    .services__wrapper-pedestal .services__wrapper:hover .icon__btn > .after, .services__wrapper-pedestal .services__wrapper.current .icon__btn > .after {\n      animation: brk-pulse 1.5s infinite; }\n    .services__wrapper-pedestal .services__wrapper:hover:after, .services__wrapper-pedestal .services__wrapper.current:after {\n      opacity: 1; }\n    .services__wrapper-pedestal .services__wrapper:hover .btn, .services__wrapper-pedestal .services__wrapper.current .btn {\n      bottom: 0;\n      opacity: 1; }\n    .services__wrapper-pedestal .services__wrapper:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: #fff;\n      border-radius: 30px;\n      box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.12);\n      transition: all .4s ease;\n      z-index: -1;\n      opacity: 0; }\n      @media (min-width: 1200px) {\n        .services__wrapper-pedestal .services__wrapper:after {\n          top: -20px;\n          left: -10px;\n          right: -10px;\n          bottom: -20px; } }\n    .services__wrapper-pedestal .services__wrapper .icon__btn {\n      margin-bottom: 20px; }\n      @media (min-width: 1200px) {\n        .services__wrapper-pedestal .services__wrapper .icon__btn {\n          margin-bottom: 10px; } }\n    .services__wrapper-pedestal .services__wrapper .btn {\n      transition: all .4s ease-in-out;\n      margin-top: 15px; }\n      @media (min-width: 1200px) {\n        .services__wrapper-pedestal .services__wrapper .btn {\n          opacity: 0;\n          position: absolute;\n          bottom: -10px;\n          left: 50%;\n          margin: 0;\n          transform: translate(-50%, 100%); } }\n    @media (min-width: 1200px) {\n      .services__wrapper-pedestal .services__wrapper.left {\n        padding-left: 20px; }\n        .services__wrapper-pedestal .services__wrapper.left .inline-wrap {\n          justify-content: flex-start; }\n        .services__wrapper-pedestal .services__wrapper.left .icon__btn {\n          margin-right: 35px; } }\n    @media (min-width: 1200px) {\n      .services__wrapper-pedestal .services__wrapper.right {\n        padding-right: 20px; }\n        .services__wrapper-pedestal .services__wrapper.right .inline-wrap {\n          justify-content: flex-end; }\n        .services__wrapper-pedestal .services__wrapper.right .icon__btn {\n          margin-left: 35px;\n          order: 1; } }\n    @media (min-width: 1200px) {\n      .services__wrapper-pedestal .services__wrapper.center {\n        padding: 0px 30px 50px; }\n        .services__wrapper-pedestal .services__wrapper.center:after {\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0; }\n        .services__wrapper-pedestal .services__wrapper.center .icon__btn {\n          transform: translateY(-50%);\n          margin: 0px 0 0; }\n        .services__wrapper-pedestal .services__wrapper.center .btn {\n          transform: translate(-50%, 50%); } }\n  .services__wrapper-pedestal_light .services__wrapper h1,\n  .services__wrapper-pedestal_light .services__wrapper h2,\n  .services__wrapper-pedestal_light .services__wrapper h3,\n  .services__wrapper-pedestal_light .services__wrapper h4,\n  .services__wrapper-pedestal_light .services__wrapper h5,\n  .services__wrapper-pedestal_light .services__wrapper h6 {\n    color: #fff; }\n  .services__wrapper-pedestal_light .services__wrapper:hover h1, .services__wrapper-pedestal_light .services__wrapper:hover h2, .services__wrapper-pedestal_light .services__wrapper:hover h3, .services__wrapper-pedestal_light .services__wrapper:hover h4, .services__wrapper-pedestal_light .services__wrapper:hover h5, .services__wrapper-pedestal_light .services__wrapper:hover h6,\n  .services__wrapper-pedestal_light .services__wrapper.current h1,\n  .services__wrapper-pedestal_light .services__wrapper.current h2,\n  .services__wrapper-pedestal_light .services__wrapper.current h3,\n  .services__wrapper-pedestal_light .services__wrapper.current h4,\n  .services__wrapper-pedestal_light .services__wrapper.current h5,\n  .services__wrapper-pedestal_light .services__wrapper.current h6 {\n    color: #000; }\n\n.services__wrapper-honeycomb .services__wrapper {\n  max-width: 500px;\n  margin: 50px auto;\n  /* .icon__cover {\r\n\t\t}*/ }\n  @media (min-width: 992px) {\n    .services__wrapper-honeycomb .services__wrapper {\n      margin: 0 auto;\n      margin-top: -30px; }\n      .services__wrapper-honeycomb .services__wrapper.center .icon__cover {\n        transform: translateY(-20px); } }\n  .services__wrapper-honeycomb .services__wrapper:hover .icon__btn > .before, .services__wrapper-honeycomb .services__wrapper.current .icon__btn > .before {\n    animation: 1.5s brk-pulse .3s infinite; }\n  .services__wrapper-honeycomb .services__wrapper:hover .icon__btn > .after, .services__wrapper-honeycomb .services__wrapper.current .icon__btn > .after {\n    animation: brk-pulse 1.5s infinite; }\n  .services__wrapper-honeycomb .services__wrapper:hover .divide:after, .services__wrapper-honeycomb .services__wrapper.current .divide:after {\n    opacity: 1; }\n  .services__wrapper-honeycomb .services__wrapper:hover .main-text, .services__wrapper-honeycomb .services__wrapper.current .main-text {\n    opacity: 1; }\n  .services__wrapper-honeycomb .services__wrapper:hover .btn-width:before, .services__wrapper-honeycomb .services__wrapper.current .btn-width:before {\n    opacity: 0; }\n  .services__wrapper-honeycomb .services__wrapper:hover .btn-width:after, .services__wrapper-honeycomb .services__wrapper.current .btn-width:after {\n    background: #fff;\n    width: 100%; }\n  .services__wrapper-honeycomb .services__wrapper:hover .btn-width span, .services__wrapper-honeycomb .services__wrapper.current .btn-width span {\n    opacity: 1; }\n  .services__wrapper-honeycomb .services__wrapper p {\n    opacity: 0.5; }\n  .services__wrapper-honeycomb .services__wrapper .divide {\n    display: block;\n    height: 0;\n    width: 100%;\n    border-top: 1px dashed #fff;\n    margin: 24px 0;\n    position: relative;\n    z-index: 1; }\n    .services__wrapper-honeycomb .services__wrapper .divide:after {\n      content: '';\n      position: absolute;\n      top: -1px;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: #fff;\n      opacity: 0;\n      transition: all .4s ease; }\n  .services__wrapper-honeycomb .services__wrapper .btn-width {\n    padding: 15px 54px;\n    position: relative;\n    z-index: 1; }\n    .services__wrapper-honeycomb .services__wrapper .btn-width:before {\n      content: '\\f105';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: #fff;\n      font-family: \"Font Awesome\\ 5 Free\";\n      font-size: 16px;\n      transition: all .4s ease; }\n    .services__wrapper-honeycomb .services__wrapper .btn-width:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 50%;\n      bottom: 0;\n      transform: translateX(-50%);\n      transition: all .4s ease;\n      border: 2px solid #fff;\n      border-radius: 10px;\n      width: 55px;\n      z-index: -1; }\n    .services__wrapper-honeycomb .services__wrapper .btn-width span {\n      color: var(--brand-primary);\n      display: inline-block;\n      opacity: 0;\n      transition: all .2s ease;\n      overflow: hidden; }\n\n.services__wrapper-hexagon .services__wrapper:hover .hexagon > .after, .services__wrapper-hexagon .services__wrapper.current .hexagon > .after {\n  opacity: 1;\n  transform: scale(1); }\n\n.services__wrapper-hexagon .services__wrapper:hover .hexagon .cover, .services__wrapper-hexagon .services__wrapper.current .hexagon .cover {\n  transform: translateY(-20px); }\n\n.services__wrapper-hexagon .services__wrapper:hover .hexagon > div > *:not(.btn), .services__wrapper-hexagon .services__wrapper.current .hexagon > div > *:not(.btn) {\n  color: #fff; }\n\n.services__wrapper-hexagon .services__wrapper:hover .hexagon .btn, .services__wrapper-hexagon .services__wrapper.current .hexagon .btn {\n  opacity: 1; }\n\n@media screen and (max-width: 500px) {\n  .services__wrapper-hexagon .services__wrapper .hexagon > .after {\n    opacity: 1;\n    transform: scale(1); }\n  .services__wrapper-hexagon .services__wrapper .hexagon .cover {\n    transform: translateY(-20px); }\n  .services__wrapper-hexagon .services__wrapper .hexagon > div > *:not(.btn) {\n    color: #fff; }\n  .services__wrapper-hexagon .services__wrapper .hexagon .btn {\n    opacity: 1; } }\n\n.services__wrapper {\n  position: relative; }\n  @media screen and (max-width: 992px) {\n    .services__wrapper {\n      margin-bottom: 20px;\n      text-align: center; } }\n  .services__wrapper .services__wrapper-shadow {\n    position: absolute;\n    width: 214px;\n    height: calc(100% - 4px);\n    top: 2px;\n    left: 50%;\n    transform: translateX(-50%);\n    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.12);\n    background-color: #fff;\n    transition: .3s ease opacity;\n    opacity: 1; }\n    .services__wrapper .services__wrapper-shadow > span:nth-child(1) {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      transform: rotate(-60deg);\n      box-shadow: 0 0px 30px rgba(0, 0, 0, 0.12);\n      transition: .3s ease opacity;\n      opacity: 1; }\n    .services__wrapper .services__wrapper-shadow > span:nth-child(2) {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      transform: rotate(60deg);\n      box-shadow: 0 0px 30px rgba(0, 0, 0, 0.12);\n      transition: .3s ease opacity;\n      opacity: 1; }\n    @media screen and (max-width: 500px) {\n      .services__wrapper .services__wrapper-shadow {\n        display: none; } }\n  .services__wrapper .highlight-massive .after {\n    background-color: #E8E8E8;\n    height: 2px;\n    top: 100%; }\n  .services__wrapper:hover .services__wrapper-shadow, .services__wrapper.current .services__wrapper-shadow {\n    opacity: 0; }\n  .services__wrapper:hover .highlight-massive .after, .services__wrapper.current .highlight-massive .after {\n    background-color: var(--brand-primary); }\n\n.icon__cover {\n  width: 112px;\n  height: 112px;\n  border-radius: 30px;\n  background: #fff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.12);\n  margin: 0 auto 40px; }\n  .brk-bordered-theme .icon__cover {\n    border-radius: var(--b-radius); }\n  .icon__cover .icon__btn {\n    font-size: 28px;\n    width: 65px;\n    height: 65px;\n    background: var(--brand-primary);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    box-shadow: 0 6px 30px 0 rgba(var(--brand-primary-rgb), 0.5); }\n\n.services-architecture {\n  padding: 15px 0;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; }\n  .services-architecture__icon {\n    width: 70px; }\n    .services-architecture__icon i {\n      vertical-align: 0;\n      color: var(--brand-primary);\n      font-size: 4.25rem; }\n  .services-architecture__container {\n    width: calc(100% - 70px);\n    padding-left: 30px; }\n\n.services-architecture-bg {\n  padding: 40px 35px;\n  display: flex;\n  flex-wrap: wrap;\n  background: no-repeat center center;\n  background-size: cover;\n  position: relative;\n  height: 100%;\n  background-color: #f1f5f9; }\n  .services-architecture-bg_wide {\n    padding: 40px 30px; }\n  .services-architecture-bg__before {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1; }\n  .services-architecture-bg__icon {\n    width: 70px;\n    position: relative;\n    z-index: 3; }\n    .services-architecture-bg__icon i {\n      vertical-align: 0;\n      color: #fff;\n      font-size: 4.25rem; }\n  .services-architecture-bg__container {\n    width: calc(100% - 70px);\n    padding-left: 30px;\n    position: relative;\n    z-index: 3;\n    color: #ffffff; }\n\n.services-info {\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  border-radius: 4px; }\n  .services-info__content {\n    padding: 25px 30px;\n    display: flex;\n    border-right: 1px solid rgba(255, 255, 255, 0.3); }\n    @media (max-width: 991px) {\n      .services-info__content {\n        border-bottom: 1px solid rgba(255, 255, 255, 0.3);\n        border-right: none; } }\n  .services-info__icon {\n    padding-top: 11px; }\n    .services-info__icon i {\n      font-size: 1.75rem; }\n  .services-info__text {\n    padding-left: 23px; }\n  .services-info > .row > .col:last-child .services-info__content,\n  .services-info > .row > [class*=\"col-\"]:last-child .services-info__content {\n    border-right: none; }\n    @media (max-width: 991px) {\n      .services-info > .row > .col:last-child .services-info__content,\n      .services-info > .row > [class*=\"col-\"]:last-child .services-info__content {\n        border-bottom: none; } }\n\n.brk-services-icon {\n  border: 1px solid rgba(0, 0, 0, 0.06);\n  padding-left: 40px;\n  padding-right: 40px;\n  padding-bottom: 35px; }\n  .brk-services-icon__wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 180px; }\n    .brk-services-icon__wrapper i {\n      font-size: 83px;\n      color: var(--brand-primary); }\n  .brk-services-icon__title {\n    text-align: center;\n    padding-bottom: 22px;\n    margin-bottom: 25px;\n    border-bottom: 1px solid rgba(39, 39, 39, 0.1); }\n"]}