{"version":3,"sources":["sequence.scss","sequence.css"],"names":[],"mappings":"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","file":"../sequence.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n/*\r\n* Icons\r\n* ================ */\r\n.icon {\r\n\tdisplay: inline-block;\r\n\ttext-align: center;\r\n}\r\n\r\n.icon__wrapper {\r\n\t// *{transition: all .4s ease;}\r\n\t&-main {\r\n\t\tmax-width: 500px;\r\n\t\tmargin: 0 auto;\r\n\t\t@media(min-width: 992px) {\r\n\t\t\tmax-width: 100%;\r\n\t\t}\r\n\t}\r\n\t* + p {\r\n\t\tmargin-top: 25px;\r\n\t}\r\n\t* + .btn {\r\n\t\tmargin-top: 35px;\r\n\t}\r\n\tsvg {\r\n\t\twidth: 70px;\r\n\t\theight: 70px;\r\n\t}\r\n\tsvg, .svg-wrap {\r\n\t\tmargin-bottom: 27px;\r\n\t}\r\n\t.livicon-evo + * {\r\n\t\tmargin-top: 27px;\r\n\t}\r\n}\r\n\r\n.icon__wrapper-gradient {\r\n\tpadding: 0 20px;\r\n\t[class*=\"col\"]:first-child > .icon__wrapper, [class*=\"col\"]:first-child > .icon__wrapper > .after {\r\n\t\tborder-top-left-radius: 30px;\r\n\t\tborder-bottom-left-radius: 30px;\r\n\t\t@media(max-width: 991px) {\r\n\t\t\tborder-bottom-left-radius: 0;\r\n\t\t\tborder-top-right-radius: 30px;\r\n\t\t}\r\n\t}\r\n\t[class*=\"col\"]:last-child > .icon__wrapper, [class*=\"col\"]:last-child > .icon__wrapper > .after {\r\n\t\tborder-top-right-radius: 30px;\r\n\t\tborder-bottom-right-radius: 30px;\r\n\t\t@media(max-width: 991px) {\r\n\t\t\tborder-top-right-radius: 0;\r\n\t\t\tborder-bottom-left-radius: 30px;\r\n\t\t}\r\n\t}\r\n\t.icon__wrapper {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t\toverflow: visible;\r\n\t\t> .after {\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: linear-gradient(to top, var(--brand-primary), var(--secondary));\r\n\t\t\topacity: 0.9;\r\n\t\t\tz-index: -2;\r\n\t\t}\r\n\t\t&:before {\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\topacity: 0;\r\n\t\t\tz-index: -1;\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}\r\n\t\tsvg {\r\n\t\t\tpath, line, polyline {\r\n\t\t\t\tstroke: $white;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover, &.current {\r\n\t\t\tz-index: 5;\r\n\t\t\t&:before {\r\n\t\t\t\ttop: -20px;\r\n\t\t\t\tleft: -20px;\r\n\t\t\t\tright: -20px;\r\n\t\t\t\tbottom: -20px;\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t\tsvg path, svg line, svg polyline {\r\n\t\t\t\tstroke: var(--brand-primary);\r\n\t\t\t}\r\n\t\t\t* {\r\n\t\t\t\tcolor: $gray-dark;\r\n\t\t\t}\r\n\t\t\tp {\r\n\t\t\t\tcolor: #9F9F9F;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.icon__wrapper-linear {\r\n\tbox-shadow: 0 6px 30px 0 rgba($black, 0.12);\r\n\t.icon__wrapper {\r\n    background: #F6F9FF;\r\n    height: 100%;\r\n\t\tsvg {\r\n      width: 78px;\r\n      height: 78px;\r\n      margin-bottom: 15px;\r\n\t\t\tpath, line, polyline {\r\n\t\t\t\tstroke: var(--brand-primary);\r\n\t\t\t}\r\n\t\t}\r\n\t\tp {\r\n      color: #4e4e4e;\r\n      margin-top: 21px;\r\n\t\t}\r\n\t\t&:hover, &.current {\r\n\t\t\tbackground: #FCFDFF;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.icon__wrapper-overlay {\r\n\t@media(min-width: 992px) {\r\n\t\tbox-shadow: 0 6px 30px 0 rgba($black, 0.12);\r\n\t}\r\n\t.icon__wrapper-body {\r\n\t\tborder-top: 2px solid rgba(var(--brand-primary-rgb), 0.15);\r\n\t\tpadding-top: 0;\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\r\n\t\t> .after {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: calc(100% - 70px);\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tbackground: linear-gradient(to top, var(--brand-primary), var(--brk-base-2));\r\n\t\t\ttransition: all .4s ease;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\t}\r\n\t[class*=\"col\"] {\r\n\t\tbox-shadow: -5px 0 10px 0 rgba($black, 0.05);\r\n\t}\r\n\t.icon__wrapper {\r\n\t\tpadding-top: 140px;\r\n\t\tmargin: 20px 0;\r\n\t\t@media(min-width: 992px) {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\tsvg {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tpath, line, polyline {\r\n\t\t\t\tstroke: var(--brand-primary);\r\n\t\t\t}\r\n\t\t}\r\n\t\t.svg-wrap {\r\n\t\t\twidth: 170px;\r\n\t\t\theight: 170px;\r\n\t\t\tmargin-top: -115px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tbackground: $white;\r\n\t\t\tborder: 2px solid rgba(var(--brand-primary-rgb), 0.15);\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 1;\r\n\t\t\t> .before {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tbackground: linear-gradient(to top, var(--brand-primary), var(--brk-base-5));\r\n\t\t\t\tz-index: -1;\r\n\t\t\t\ttransition: all .4s ease;\r\n\t\t\t\topacity: 0;\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: -12px;\r\n\t\t\t\tleft: -12px;\r\n\t\t\t\tright: -12px;\r\n\t\t\t\tbottom: -12px;\r\n\t\t\t\tborder: 10px solid $white;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\t\tp {\r\n\t\t\tcolor: #9F9F9F;\r\n\t\t}\r\n\t\t&:hover, &.current {\r\n\t\t\t* {\r\n\t\t\t\tcolor: $white;\r\n\t\t\t}\r\n\t\t\t.icon__wrapper-body {\r\n\t\t\t\tborder-color: var(--brand-primary);\r\n\t\t\t\t> .after {\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tsvg {\r\n\t\t\t\tpath, line, polyline {\r\n\t\t\t\t\tstroke: $white;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.svg-wrap {\r\n\t\t\t\tborder: none;\r\n\t\t\t\t> .before {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\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}\r\n\t\t\t.btn-inside-out {\r\n        box-shadow: 0 0 0 2px rgba(256,256,256, .3);\r\n        .before,\r\n        .after {\r\n          background-color: var(--brk-base-6); \r\n        }\r\n\t\t\t\t&:hover > span {\r\n\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t}\r\n\t\t\t\t&:before, &:after {\r\n\t\t\t\t\ttransition: all .4s ease;\r\n\t\t\t\t\tbackground: rgba(var(--brand-primary-rgb), 0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.icon__wrapper-arrow {\r\n\tbox-shadow: 0 6px 30px 0 rgba($black, 0.12);\r\n\t[class*=\"col\"]:first-child > .icon__wrapper .tri-before {\r\n\t\t@media(min-width: 992px) {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\t[class*=\"col\"]:first-child > .icon__wrapper .tri-after {\r\n\t\t@media(max-width: 991px) {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\t[class*=\"col\"]:last-child > .icon__wrapper .tri-after {\r\n\t\t@media(min-width: 992px) {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\t[class*=\"col\"]:last-child > .icon__wrapper .tri-before {\r\n\t\t@media(max-width: 991px) {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\t.icon__wrapper {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t\tpadding-left: 20px;\r\n\t\tpadding-right: 20px;\r\n\t\t@media(min-width: 992px) {\r\n\t\t\tpadding-left: 40px;\r\n\t\t\tpadding-right: 20px;\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: linear-gradient(to top, var(--brk-base-6), var(--brk-base-5));\r\n\t\t\ttransition: all .4s ease;\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\t\t.tri-before {\r\n\t\t\topacity: 0;\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 20px;\r\n\t\t\tmargin-top: 0;\r\n\t\t\tbackground: $white;\r\n\t\t\tclip-path: polygon(50% 0, 0% 100%, 100% 100%);\r\n\t\t\ttransition: all .3s ease;\r\n\t\t\tz-index: 2;\r\n\t\t\t@media(min-width: 992px) {\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tleft: -1px;\r\n\t\t\t\twidth: 22px;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tclip-path: polygon(0% 0%, 4% 0, 100% 50%, 4% 100%, 0% 100%);\r\n\t\t\t}\r\n\t\t}\r\n\t\t.tri-after {\r\n\t\t\topacity: 0;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -20px;\r\n\t\t\tright: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 20px;\r\n\t\t\tmargin-top: 0;\r\n\t\t\tbackground: var(--brk-base-5);\r\n\t\t\ttransition: all .3s ease;\r\n\t\t\tclip-path: polygon(50% 0, 0% 100%, 100% 100%);\r\n\t\t\tz-index: 1;\r\n\t\t\t@media(min-width: 992px) {\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tright: -21px;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\twidth: 22px;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tbackground: linear-gradient(to top, var(--brk-base-6), var(--brk-base-5));\r\n\t\t\t\tclip-path: polygon(0% 0%, 4% 0, 100% 50%, 4% 100%, 0% 100%);\r\n\t\t\t}\r\n\t\t}\r\n\t\tsvg {\r\n\t\t\tpath, line, polyline {\r\n\t\t\t\tstroke: var(--brand-primary);\r\n\t\t\t}\r\n\t\t}\r\n\t\tp {\r\n\t\t\tcolor: #9F9F9F;\r\n\t\t}\r\n\t\t&:hover, &.current {\r\n\t\t\t* {\r\n\t\t\t\tcolor: $white;\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.tri-before, .tri-after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t\tsvg {\r\n\t\t\t\tpath, line, polyline {\r\n\t\t\t\t\tstroke: $white;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.icon__wrapper-triangle {\r\n\t@media(min-width: 992px) {\r\n\t\tbox-shadow: 0 6px 30px 0 rgba($black, 0.12);\r\n\t}\r\n\t[class*=\"col\"]:last-child > .icon__wrapper .triangle {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.icon__wrapper {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t\tbox-shadow: 0 -4px 13px 0 rgba($black, 0.12);\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\tz-index: -4;\r\n\t\t}\r\n\t\t@media(min-width: 992px) {\r\n\t\t\tbox-shadow: 4px 0 13px 0 rgba($black, 0.12);\r\n\t\t}\r\n\t\t.bg-before {\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\tz-index: -2;\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: all .4s ease;\r\n\t\t}\r\n\t\t.grad-overlay {\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: linear-gradient(to top, var(--brk-base-6), var(--brk-base-5));\r\n\t\t\ttransition: all .4s ease;\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\t\t.triangle {\r\n\t\t\twidth: 30px;\r\n\t\t\theight: 30px;\r\n\t\t\tbackground: $white;\r\n\t\t\ttransform: translateX(50%) rotate(45deg);\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: -15px;\r\n\t\t\tright: 50%;\r\n\t\t\tbox-shadow: 0 0 13px 0 rgba($black, 0.12);\r\n\t\t\tz-index: -4;\r\n\t\t\t@media(min-width: 992px) {\r\n\t\t\t\tbottom: auto;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tright: -30px;\r\n\t\t\t\ttransform: translateY(-50%) rotate(45deg);\r\n\t\t\t\ttransform-origin: top left;\r\n\t\t\t}\r\n\t\t}\r\n\t\tsvg {\r\n\t\t\t@media(min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 90px;\r\n\t\t\t}\r\n\t\t\twidth: 125px;\r\n\t\t\theight: 125px;\r\n\t\t\tpath, line, polyline {\r\n\t\t\t\tstroke: var(--brand-primary);\r\n\t\t\t}\r\n\t\t}\r\n\t\tp {\r\n\t\t\tcolor: #9F9F9F;\r\n\t\t}\r\n\t\t&:hover, &.current {\r\n\t\t\tbox-shadow: none;\r\n\t\t\t* {\r\n\t\t\t\tcolor: $white;\r\n\t\t\t}\r\n\t\t\tsvg {\r\n\t\t\t\tpath, line, polyline {\r\n\t\t\t\t\tstroke: $white;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.triangle {\r\n\t\t\t\tbackground: var(--brk-base-6);\r\n\t\t\t\t@media(min-width: 992px) {\r\n\t\t\t\t\tbackground: var(--brk-base-2);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.bg-before {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t\t.grad-overlay {\r\n\t\t\t\topacity: 0.94;\r\n\t\t\t}\r\n\t\t\t.btn-inside-out {\r\n\t\t\t\t&:hover > span {\r\n\t\t\t\t\tcolor: $gray-dark;\r\n\t\t\t\t}\r\n\t\t\t\t&:before, &:after {\r\n\t\t\t\t\ttransition: all .4s ease;\r\n\t\t\t\t\tbackground: rgba(var(--brand-primary-rgb), 0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.icon__wrapper-strict {\r\n\ttext-align: left;\r\n\t.icon__wrapper {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t\t.bg-before {\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\tz-index: -2;\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: all .4s ease;\r\n\t\t}\r\n\t\t.grad-overlay {\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: linear-gradient(to top, var(--brk-base-6), var(--brk-base-5));\r\n\t\t\ttransition: all .4s ease;\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\t\t.triangle {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tcolor: $white;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: -23px;\r\n\t\t\ttransform: translateX(50%) rotate(90deg);\r\n\t\t\tright: 50%;\r\n\t\t\twidth: 46px;\r\n\t\t\theight: 46px;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tz-index: 3;\r\n\t\t\ttransition: all .4s ease;\r\n\t\t\tpointer-events: none;\r\n\t\t\t&-before {\r\n\t\t\t\tbottom: auto;\r\n\t\t\t\ttop: -23px;\r\n\t\t\t\t@media(min-width: 992px) {\r\n\t\t\t\t\ttransform: translateY(50%);\r\n\t\t\t\t\tright: auto;\r\n\t\t\t\t\tleft: -23px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t@media(min-width: 992px) {\r\n\t\t\t\tbottom: auto;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\tright: -23px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.link {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin-top: 25px;\r\n\t\t\t.icon {\r\n\t\t\t\tvertical-align: baseline;\r\n\t\t\t\tpadding-left: 10px;\r\n\t\t\t}\r\n\t\t\t&:hover .icon {\r\n\t\t\t\ttransform: translateX(7px);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover, &.current {\r\n\t\t\t// z-index: 1;\r\n\t\t\t* {\r\n\t\t\t\tcolor: $white;\r\n\t\t\t}\r\n\t\t\t.bg-before {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t\t.grad-overlay {\r\n\t\t\t\topacity: 0.94;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.icon__wrapper .number {\r\n\tcolor: var(--brand-primary);\r\n\tmargin-left: -10px;\r\n\t& + * {\r\n\t\tmargin-top: 13px;\r\n\t}\r\n}","/*\r\n* Icons\r\n* ================ */\n.icon {\n  display: inline-block;\n  text-align: center; }\n\n.icon__wrapper-main {\n  max-width: 500px;\n  margin: 0 auto; }\n  @media (min-width: 992px) {\n    .icon__wrapper-main {\n      max-width: 100%; } }\n\n.icon__wrapper * + p {\n  margin-top: 25px; }\n\n.icon__wrapper * + .btn {\n  margin-top: 35px; }\n\n.icon__wrapper svg {\n  width: 70px;\n  height: 70px; }\n\n.icon__wrapper svg, .icon__wrapper .svg-wrap {\n  margin-bottom: 27px; }\n\n.icon__wrapper .livicon-evo + * {\n  margin-top: 27px; }\n\n.icon__wrapper-gradient {\n  padding: 0 20px; }\n  .icon__wrapper-gradient [class*=\"col\"]:first-child > .icon__wrapper, .icon__wrapper-gradient [class*=\"col\"]:first-child > .icon__wrapper > .after {\n    border-top-left-radius: 30px;\n    border-bottom-left-radius: 30px; }\n    @media (max-width: 991px) {\n      .icon__wrapper-gradient [class*=\"col\"]:first-child > .icon__wrapper, .icon__wrapper-gradient [class*=\"col\"]:first-child > .icon__wrapper > .after {\n        border-bottom-left-radius: 0;\n        border-top-right-radius: 30px; } }\n  .icon__wrapper-gradient [class*=\"col\"]:last-child > .icon__wrapper, .icon__wrapper-gradient [class*=\"col\"]:last-child > .icon__wrapper > .after {\n    border-top-right-radius: 30px;\n    border-bottom-right-radius: 30px; }\n    @media (max-width: 991px) {\n      .icon__wrapper-gradient [class*=\"col\"]:last-child > .icon__wrapper, .icon__wrapper-gradient [class*=\"col\"]:last-child > .icon__wrapper > .after {\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 30px; } }\n  .icon__wrapper-gradient .icon__wrapper {\n    position: relative;\n    z-index: 1;\n    overflow: visible; }\n    .icon__wrapper-gradient .icon__wrapper > .after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(to top, var(--brand-primary), var(--secondary));\n      opacity: 0.9;\n      z-index: -2; }\n    .icon__wrapper-gradient .icon__wrapper:before {\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      opacity: 0;\n      z-index: -1;\n      box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.12);\n      transition: all .4s ease; }\n    .icon__wrapper-gradient .icon__wrapper svg path, .icon__wrapper-gradient .icon__wrapper svg line, .icon__wrapper-gradient .icon__wrapper svg polyline {\n      stroke: #fff; }\n    .icon__wrapper-gradient .icon__wrapper:hover, .icon__wrapper-gradient .icon__wrapper.current {\n      z-index: 5; }\n      .icon__wrapper-gradient .icon__wrapper:hover:before, .icon__wrapper-gradient .icon__wrapper.current:before {\n        top: -20px;\n        left: -20px;\n        right: -20px;\n        bottom: -20px;\n        opacity: 1; }\n      .icon__wrapper-gradient .icon__wrapper:hover svg path, .icon__wrapper-gradient .icon__wrapper:hover svg line, .icon__wrapper-gradient .icon__wrapper:hover svg polyline, .icon__wrapper-gradient .icon__wrapper.current svg path, .icon__wrapper-gradient .icon__wrapper.current svg line, .icon__wrapper-gradient .icon__wrapper.current svg polyline {\n        stroke: var(--brand-primary); }\n      .icon__wrapper-gradient .icon__wrapper:hover *, .icon__wrapper-gradient .icon__wrapper.current * {\n        color: #333; }\n      .icon__wrapper-gradient .icon__wrapper:hover p, .icon__wrapper-gradient .icon__wrapper.current p {\n        color: #9F9F9F; }\n\n.icon__wrapper-linear {\n  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.12); }\n  .icon__wrapper-linear .icon__wrapper {\n    background: #F6F9FF;\n    height: 100%; }\n    .icon__wrapper-linear .icon__wrapper svg {\n      width: 78px;\n      height: 78px;\n      margin-bottom: 15px; }\n      .icon__wrapper-linear .icon__wrapper svg path, .icon__wrapper-linear .icon__wrapper svg line, .icon__wrapper-linear .icon__wrapper svg polyline {\n        stroke: var(--brand-primary); }\n    .icon__wrapper-linear .icon__wrapper p {\n      color: #4e4e4e;\n      margin-top: 21px; }\n    .icon__wrapper-linear .icon__wrapper:hover, .icon__wrapper-linear .icon__wrapper.current {\n      background: #FCFDFF; }\n\n@media (min-width: 992px) {\n  .icon__wrapper-overlay {\n    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.12); } }\n\n.icon__wrapper-overlay .icon__wrapper-body {\n  border-top: 2px solid rgba(var(--brand-primary-rgb), 0.15);\n  padding-top: 0;\n  position: relative;\n  z-index: 1; }\n  .icon__wrapper-overlay .icon__wrapper-body > .after {\n    position: absolute;\n    top: calc(100% - 70px);\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to top, var(--brand-primary), var(--brk-base-2));\n    transition: all .4s ease;\n    z-index: -1; }\n\n.icon__wrapper-overlay [class*=\"col\"] {\n  box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.05); }\n\n.icon__wrapper-overlay .icon__wrapper {\n  padding-top: 140px;\n  margin: 20px 0; }\n  @media (min-width: 992px) {\n    .icon__wrapper-overlay .icon__wrapper {\n      margin: 0; } }\n  .icon__wrapper-overlay .icon__wrapper svg {\n    margin-bottom: 0; }\n    .icon__wrapper-overlay .icon__wrapper svg path, .icon__wrapper-overlay .icon__wrapper svg line, .icon__wrapper-overlay .icon__wrapper svg polyline {\n      stroke: var(--brand-primary); }\n  .icon__wrapper-overlay .icon__wrapper .svg-wrap {\n    width: 170px;\n    height: 170px;\n    margin-top: -115px;\n    margin-left: auto;\n    margin-right: auto;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: #fff;\n    border: 2px solid rgba(var(--brand-primary-rgb), 0.15);\n    position: relative;\n    z-index: 1; }\n    .icon__wrapper-overlay .icon__wrapper .svg-wrap > .before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-radius: 50%;\n      background: linear-gradient(to top, var(--brand-primary), var(--brk-base-5));\n      z-index: -1;\n      transition: all .4s ease;\n      opacity: 0; }\n    .icon__wrapper-overlay .icon__wrapper .svg-wrap:after {\n      content: '';\n      position: absolute;\n      top: -12px;\n      left: -12px;\n      right: -12px;\n      bottom: -12px;\n      border: 10px solid #fff;\n      border-radius: 50%; }\n  .icon__wrapper-overlay .icon__wrapper p {\n    color: #9F9F9F; }\n  .icon__wrapper-overlay .icon__wrapper:hover *, .icon__wrapper-overlay .icon__wrapper.current * {\n    color: #fff; }\n  .icon__wrapper-overlay .icon__wrapper:hover .icon__wrapper-body, .icon__wrapper-overlay .icon__wrapper.current .icon__wrapper-body {\n    border-color: var(--brand-primary); }\n    .icon__wrapper-overlay .icon__wrapper:hover .icon__wrapper-body > .after, .icon__wrapper-overlay .icon__wrapper.current .icon__wrapper-body > .after {\n      top: 0; }\n  .icon__wrapper-overlay .icon__wrapper:hover svg path, .icon__wrapper-overlay .icon__wrapper:hover svg line, .icon__wrapper-overlay .icon__wrapper:hover svg polyline, .icon__wrapper-overlay .icon__wrapper.current svg path, .icon__wrapper-overlay .icon__wrapper.current svg line, .icon__wrapper-overlay .icon__wrapper.current svg polyline {\n    stroke: #fff; }\n  .icon__wrapper-overlay .icon__wrapper:hover .svg-wrap, .icon__wrapper-overlay .icon__wrapper.current .svg-wrap {\n    border: none; }\n    .icon__wrapper-overlay .icon__wrapper:hover .svg-wrap > .before, .icon__wrapper-overlay .icon__wrapper.current .svg-wrap > .before {\n      opacity: 1; }\n    .icon__wrapper-overlay .icon__wrapper:hover .svg-wrap:after, .icon__wrapper-overlay .icon__wrapper.current .svg-wrap:after {\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0; }\n  .icon__wrapper-overlay .icon__wrapper:hover .btn-inside-out, .icon__wrapper-overlay .icon__wrapper.current .btn-inside-out {\n    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); }\n    .icon__wrapper-overlay .icon__wrapper:hover .btn-inside-out .before,\n    .icon__wrapper-overlay .icon__wrapper:hover .btn-inside-out .after, .icon__wrapper-overlay .icon__wrapper.current .btn-inside-out .before,\n    .icon__wrapper-overlay .icon__wrapper.current .btn-inside-out .after {\n      background-color: var(--brk-base-6); }\n    .icon__wrapper-overlay .icon__wrapper:hover .btn-inside-out:hover > span, .icon__wrapper-overlay .icon__wrapper.current .btn-inside-out:hover > span {\n      color: #fff; }\n    .icon__wrapper-overlay .icon__wrapper:hover .btn-inside-out:before, .icon__wrapper-overlay .icon__wrapper:hover .btn-inside-out:after, .icon__wrapper-overlay .icon__wrapper.current .btn-inside-out:before, .icon__wrapper-overlay .icon__wrapper.current .btn-inside-out:after {\n      transition: all .4s ease;\n      background: rgba(var(--brand-primary-rgb), 0.7); }\n\n.icon__wrapper-arrow {\n  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.12); }\n  @media (min-width: 992px) {\n    .icon__wrapper-arrow [class*=\"col\"]:first-child > .icon__wrapper .tri-before {\n      display: none; } }\n  @media (max-width: 991px) {\n    .icon__wrapper-arrow [class*=\"col\"]:first-child > .icon__wrapper .tri-after {\n      display: none; } }\n  @media (min-width: 992px) {\n    .icon__wrapper-arrow [class*=\"col\"]:last-child > .icon__wrapper .tri-after {\n      display: none; } }\n  @media (max-width: 991px) {\n    .icon__wrapper-arrow [class*=\"col\"]:last-child > .icon__wrapper .tri-before {\n      display: none; } }\n  .icon__wrapper-arrow .icon__wrapper {\n    position: relative;\n    z-index: 1;\n    padding-left: 20px;\n    padding-right: 20px; }\n    @media (min-width: 992px) {\n      .icon__wrapper-arrow .icon__wrapper {\n        padding-left: 40px;\n        padding-right: 20px; } }\n    .icon__wrapper-arrow .icon__wrapper > .after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(to top, var(--brk-base-6), var(--brk-base-5));\n      transition: all .4s ease;\n      opacity: 0;\n      z-index: -1; }\n    .icon__wrapper-arrow .icon__wrapper .tri-before {\n      opacity: 0;\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 20px;\n      margin-top: 0;\n      background: #fff;\n      clip-path: polygon(50% 0, 0% 100%, 100% 100%);\n      transition: all .3s ease;\n      z-index: 2; }\n      @media (min-width: 992px) {\n        .icon__wrapper-arrow .icon__wrapper .tri-before {\n          top: 0;\n          bottom: 0;\n          left: -1px;\n          width: 22px;\n          height: auto;\n          clip-path: polygon(0% 0%, 4% 0, 100% 50%, 4% 100%, 0% 100%); } }\n    .icon__wrapper-arrow .icon__wrapper .tri-after {\n      opacity: 0;\n      position: absolute;\n      top: -20px;\n      right: 0;\n      width: 100%;\n      height: 20px;\n      margin-top: 0;\n      background: var(--brk-base-5);\n      transition: all .3s ease;\n      clip-path: polygon(50% 0, 0% 100%, 100% 100%);\n      z-index: 1; }\n      @media (min-width: 992px) {\n        .icon__wrapper-arrow .icon__wrapper .tri-after {\n          top: 0;\n          right: -21px;\n          bottom: 0;\n          width: 22px;\n          height: auto;\n          background: linear-gradient(to top, var(--brk-base-6), var(--brk-base-5));\n          clip-path: polygon(0% 0%, 4% 0, 100% 50%, 4% 100%, 0% 100%); } }\n    .icon__wrapper-arrow .icon__wrapper svg path, .icon__wrapper-arrow .icon__wrapper svg line, .icon__wrapper-arrow .icon__wrapper svg polyline {\n      stroke: var(--brand-primary); }\n    .icon__wrapper-arrow .icon__wrapper p {\n      color: #9F9F9F; }\n    .icon__wrapper-arrow .icon__wrapper:hover *, .icon__wrapper-arrow .icon__wrapper.current * {\n      color: #fff; }\n    .icon__wrapper-arrow .icon__wrapper:hover > .after, .icon__wrapper-arrow .icon__wrapper.current > .after {\n      opacity: 1; }\n    .icon__wrapper-arrow .icon__wrapper:hover .tri-before, .icon__wrapper-arrow .icon__wrapper:hover .tri-after, .icon__wrapper-arrow .icon__wrapper.current .tri-before, .icon__wrapper-arrow .icon__wrapper.current .tri-after {\n      opacity: 1; }\n    .icon__wrapper-arrow .icon__wrapper:hover svg path, .icon__wrapper-arrow .icon__wrapper:hover svg line, .icon__wrapper-arrow .icon__wrapper:hover svg polyline, .icon__wrapper-arrow .icon__wrapper.current svg path, .icon__wrapper-arrow .icon__wrapper.current svg line, .icon__wrapper-arrow .icon__wrapper.current svg polyline {\n      stroke: #fff; }\n\n@media (min-width: 992px) {\n  .icon__wrapper-triangle {\n    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.12); } }\n\n.icon__wrapper-triangle [class*=\"col\"]:last-child > .icon__wrapper .triangle {\n  display: none; }\n\n.icon__wrapper-triangle .icon__wrapper {\n  position: relative;\n  z-index: 1;\n  box-shadow: 0 -4px 13px 0 rgba(0, 0, 0, 0.12); }\n  .icon__wrapper-triangle .icon__wrapper:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: #fff;\n    z-index: -4; }\n  @media (min-width: 992px) {\n    .icon__wrapper-triangle .icon__wrapper {\n      box-shadow: 4px 0 13px 0 rgba(0, 0, 0, 0.12); } }\n  .icon__wrapper-triangle .icon__wrapper .bg-before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: -2;\n    opacity: 0;\n    transition: all .4s ease; }\n  .icon__wrapper-triangle .icon__wrapper .grad-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to top, var(--brk-base-6), var(--brk-base-5));\n    transition: all .4s ease;\n    opacity: 0;\n    z-index: -1; }\n  .icon__wrapper-triangle .icon__wrapper .triangle {\n    width: 30px;\n    height: 30px;\n    background: #fff;\n    transform: translateX(50%) rotate(45deg);\n    position: absolute;\n    bottom: -15px;\n    right: 50%;\n    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.12);\n    z-index: -4; }\n    @media (min-width: 992px) {\n      .icon__wrapper-triangle .icon__wrapper .triangle {\n        bottom: auto;\n        top: 50%;\n        right: -30px;\n        transform: translateY(-50%) rotate(45deg);\n        transform-origin: top left; } }\n  .icon__wrapper-triangle .icon__wrapper svg {\n    width: 125px;\n    height: 125px; }\n    @media (min-width: 992px) {\n      .icon__wrapper-triangle .icon__wrapper svg {\n        margin-bottom: 90px; } }\n    .icon__wrapper-triangle .icon__wrapper svg path, .icon__wrapper-triangle .icon__wrapper svg line, .icon__wrapper-triangle .icon__wrapper svg polyline {\n      stroke: var(--brand-primary); }\n  .icon__wrapper-triangle .icon__wrapper p {\n    color: #9F9F9F; }\n  .icon__wrapper-triangle .icon__wrapper:hover, .icon__wrapper-triangle .icon__wrapper.current {\n    box-shadow: none; }\n    .icon__wrapper-triangle .icon__wrapper:hover *, .icon__wrapper-triangle .icon__wrapper.current * {\n      color: #fff; }\n    .icon__wrapper-triangle .icon__wrapper:hover svg path, .icon__wrapper-triangle .icon__wrapper:hover svg line, .icon__wrapper-triangle .icon__wrapper:hover svg polyline, .icon__wrapper-triangle .icon__wrapper.current svg path, .icon__wrapper-triangle .icon__wrapper.current svg line, .icon__wrapper-triangle .icon__wrapper.current svg polyline {\n      stroke: #fff; }\n    .icon__wrapper-triangle .icon__wrapper:hover .triangle, .icon__wrapper-triangle .icon__wrapper.current .triangle {\n      background: var(--brk-base-6); }\n      @media (min-width: 992px) {\n        .icon__wrapper-triangle .icon__wrapper:hover .triangle, .icon__wrapper-triangle .icon__wrapper.current .triangle {\n          background: var(--brk-base-2); } }\n    .icon__wrapper-triangle .icon__wrapper:hover .bg-before, .icon__wrapper-triangle .icon__wrapper.current .bg-before {\n      opacity: 1; }\n    .icon__wrapper-triangle .icon__wrapper:hover .grad-overlay, .icon__wrapper-triangle .icon__wrapper.current .grad-overlay {\n      opacity: 0.94; }\n    .icon__wrapper-triangle .icon__wrapper:hover .btn-inside-out:hover > span, .icon__wrapper-triangle .icon__wrapper.current .btn-inside-out:hover > span {\n      color: #333; }\n    .icon__wrapper-triangle .icon__wrapper:hover .btn-inside-out:before, .icon__wrapper-triangle .icon__wrapper:hover .btn-inside-out:after, .icon__wrapper-triangle .icon__wrapper.current .btn-inside-out:before, .icon__wrapper-triangle .icon__wrapper.current .btn-inside-out:after {\n      transition: all .4s ease;\n      background: rgba(var(--brand-primary-rgb), 0.7); }\n\n.icon__wrapper-strict {\n  text-align: left; }\n  .icon__wrapper-strict .icon__wrapper {\n    position: relative;\n    z-index: 1; }\n    .icon__wrapper-strict .icon__wrapper .bg-before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: -2;\n      opacity: 0;\n      transition: all .4s ease; }\n    .icon__wrapper-strict .icon__wrapper .grad-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(to top, var(--brk-base-6), var(--brk-base-5));\n      transition: all .4s ease;\n      opacity: 0;\n      z-index: -1; }\n    .icon__wrapper-strict .icon__wrapper .triangle {\n      font-size: 16px;\n      color: #fff;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      bottom: -23px;\n      transform: translateX(50%) rotate(90deg);\n      right: 50%;\n      width: 46px;\n      height: 46px;\n      border-radius: 50%;\n      z-index: 3;\n      transition: all .4s ease;\n      pointer-events: none; }\n      .icon__wrapper-strict .icon__wrapper .triangle-before {\n        bottom: auto;\n        top: -23px; }\n        @media (min-width: 992px) {\n          .icon__wrapper-strict .icon__wrapper .triangle-before {\n            transform: translateY(50%);\n            right: auto;\n            left: -23px; } }\n      @media (min-width: 992px) {\n        .icon__wrapper-strict .icon__wrapper .triangle {\n          bottom: auto;\n          top: 50%;\n          transform: translateY(-50%);\n          right: -23px; } }\n    .icon__wrapper-strict .icon__wrapper .link {\n      display: inline-block;\n      margin-top: 25px; }\n      .icon__wrapper-strict .icon__wrapper .link .icon {\n        vertical-align: baseline;\n        padding-left: 10px; }\n      .icon__wrapper-strict .icon__wrapper .link:hover .icon {\n        transform: translateX(7px); }\n    .icon__wrapper-strict .icon__wrapper:hover *, .icon__wrapper-strict .icon__wrapper.current * {\n      color: #fff; }\n    .icon__wrapper-strict .icon__wrapper:hover .bg-before, .icon__wrapper-strict .icon__wrapper.current .bg-before {\n      opacity: 1; }\n    .icon__wrapper-strict .icon__wrapper:hover .grad-overlay, .icon__wrapper-strict .icon__wrapper.current .grad-overlay {\n      opacity: 0.94; }\n\n.icon__wrapper .number {\n  color: var(--brand-primary);\n  margin-left: -10px; }\n  .icon__wrapper .number + * {\n    margin-top: 13px; }\n"]}