{"version":3,"sources":["section-titles.scss"],"names":[],"mappings":"AAGA,iB,CACC,e,CACA,a,CACA,sB,CACA,mD,CAJD,4B,CAME,U,CACA,W,CACA,c,CARF,4B,CAWE,iB,CACA,oB,CAZF,8B,CAcG,e,CACA,mB,CACA,yBAhBH,8B,CAiBI,Y,CACA,iB,CACA,qB,CACA,O,CACA,2B,CACA,oBAtBJ,oB,CAAA,oB,CA2BE,qB,CAIF,iB,CAuFA,iB,CAtFC,e,CACA,e,CACA,oB,CACA,a,CACA,4C,CACA,6C,CACA,iB,CACA,S,CARD,mB,CAUE,gB,CAVF,uB,CAAA,wB,CAuBE,U,CACA,iB,CAKA,+B,CACA,U,CA9BF,uB,CAeE,Q,CACA,M,CACA,U,CACA,wB,CAlBF,wB,CAyBE,K,CACA,O,CACA,W,CACA,wB,CA5BF,0B,CAiCE,iB,CACA,K,CACA,M,CACA,4B,CACA,yBArCF,0B,CAsCG,kCAtCH,6B,CAAA,6B,CAuFA,6B,CAAA,6B,CA9CG,gB,CAzCH,gC,CA6CE,Y,CACA,iB,CACA,K,CACA,M,CACA,+B,CACA,U,CACA,e,CACA,wB,CACA,yBArDF,gC,CAsDG,eAtDH,sB,CA0DE,e,CAEA,c,CACA,iB,CACA,W,CACA,oB,CACA,a,CACA,c,CACA,mB,CAlEF,sB,CAAA,4B,CAAA,mD,CAAA,oD,CAoEG,4B,CApEH,mD,CAAA,oD,CAAA,kD,CAuEG,kB,CAvEH,iC,CA6EG,2B,CACA,O,CACA,sC,CACA,U,CACA,c,CACA,4B,CAKH,iB,CAEC,e,CACA,4B,CAEA,4C,CACA,6C,CAND,mB,CAUE,a,CAVF,uB,CAAA,wB,CAuBE,U,CACA,iB,CAKA,+B,CACA,U,CA9BF,uB,CAeE,Q,CACA,M,CACA,U,CACA,yB,CAlBF,wB,CAyBE,K,CACA,O,CACA,W,CACA,wB,CA5BF,0B,CAiCE,iB,CACA,K,CACA,M,CACA,4B,CACA,yBArCF,0B,CAsCG,kCAtCH,gC,CA6CE,Y,CACA,iB,CACA,K,CACA,M,CACA,+B,CACA,W,CACA,e,CACA,wB,CACA,yBArDF,gC,CAsDG,eAtDH,sB,CA0DE,e,CACA,a,CACA,c,CACA,oB,CACA,iB,CACA,W,CACA,a,CACA,c,CACA,mB,CAlEF,4B,CAAA,mD,CAAA,oD,CAoEG,a,CApEH,iC,CA0EG,iB,CACA,Q,CACA,U,CACA,c,CACA,a","file":"../section-titles.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.extra__heading-1 {\r\n\tmax-width: 570px;\r\n\tmargin: 0 auto;\r\n\tpadding: 75px 25px 50px;\r\n\tborder: 17px solid rgba(var(--brand-primary-rgb), .1);\r\n\t.icon__btn {\r\n\t\twidth: 58px;\r\n\t\theight: 58px;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t.video-btn {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\tp {\r\n\t\t\tmargin-top: 10px;\r\n\t\t\tletter-spacing: 0.8px;\r\n\t\t\t@media(min-width: 480px) {\r\n\t\t\t\tmargin-top: 0;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: calc(100% + 6px);\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\ttransform: translate(0, -50%);\r\n\t\t\t\twhite-space: nowrap;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\th1, h2 {\r\n\t\tletter-spacing: -0.06em;\r\n\t}\r\n}\r\n\r\n.extra__heading-2 {\r\n\ttext-align: left;\r\n\tmax-width: 735px;\r\n\tpadding: 106px 58px 0px;\r\n\tmargin: 0 auto;\r\n\tborder-right: 17px solid rgba($white, 0.1);\r\n\tborder-bottom: 17px solid rgba($white, 0.1);\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\tp {\r\n\t\tline-height: 34px;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 17px;\r\n\t\theight: calc(100% - 90px);\r\n\t\tbackground: rgba($white, 0.1);\r\n\t\tz-index: -1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\theight: 17px;\r\n\t\twidth: calc(100% - 240px);\r\n\t\tbackground: rgba($white, 0.1);\r\n\t\tz-index: -1;\r\n\t}\r\n\t.heading {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\ttransform: translate(0px, -65px);\r\n\t\t@media(min-width: 992px) {\r\n\t\t\ttransform: translate(-33px, -65px);\r\n\t\t}\r\n\t\th1, h2 {\r\n\t\t\tline-height: 48px;\r\n\t\t}\r\n\t}\r\n\t.after-heading {\r\n\t\tdisplay: none;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\ttransform: translate(13px, -105%);\r\n\t\topacity: 0.1;\r\n\t\tfont-size: 100px;\r\n\t\ttext-transform: uppercase;\r\n\t\t@media(min-width: 768px) {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n\t.btn {\r\n\t\tmin-width: 220px;\r\n\t\tcolor: var(--brk-secondary-4);\r\n\t\tfont-size: 14px;\r\n\t\tborder-radius: 7px;\r\n\t\theight: 55px;\r\n\t\tletter-spacing: 1.2px;\r\n\t\tmargin-left: 0;\r\n\t\tmargin-right: 0;\r\n\t\tmargin-bottom: -35px;\r\n\t\t&.btn-inside-out-invert > .before, &.btn-inside-out-invert > .after {\r\n\t\t\tcolor: var(--brk-secondary-4);\r\n\t\t}\r\n\t\t&.btn-inside-out-invert > .before, &.btn-inside-out-invert > .after, &.btn-inside-out-invert > .text {\r\n\t\t\tpadding-right: 15px;\r\n\t\t}\r\n\t\t.text {\r\n\t\t\tcolor: var(--brk-secondary-4);\r\n\t\t}\r\n\t\t.icon-left {\r\n\t\t\tposition: absolute !important;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translateY(calc(-50% - 1px));\r\n\t\t\tright: 24px;\r\n\t\t\tfont-size: 24px;\r\n\t\t\tcolor: var(--brk-secondary-4);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.extra__heading-3 {\r\n\ttext-align: left;\r\n\tmax-width: 530px;\r\n\tpadding: 104px 36px 40px 47px;\r\n\tmargin: 0 auto;\r\n\tborder-right: 13px solid rgba(#aaa, 0.1);\r\n\tborder-bottom: 13px solid rgba(#aaa, 0.1);\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\tp {\r\n\t\tcolor: #9F9F9F;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 13px;\r\n\t\theight: calc(100% - 100px);\r\n\t\tbackground: rgba(#aaa, 0.1);\r\n\t\tz-index: -1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\theight: 13px;\r\n\t\twidth: calc(100% - 280px);\r\n\t\tbackground: rgba(#aaa, 0.1);\r\n\t\tz-index: -1;\r\n\t}\r\n\t.heading {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\ttransform: translate(0px, -65px);\r\n\t\t@media(min-width: 768px) {\r\n\t\t\ttransform: translate(-33px, -65px);\r\n\t\t}\r\n\t\th1, h2 {\r\n\t\t\tline-height: 48px;\r\n\t\t}\r\n\t}\r\n\t.after-heading {\r\n\t\tdisplay: none;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\ttransform: translate(13px, -105%);\r\n\t\topacity: 0.05;\r\n\t\tfont-size: 100px;\r\n\t\ttext-transform: uppercase;\r\n\t\t@media(min-width: 768px) {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n\t.btn {\r\n\t\tmin-width: 220px;\r\n\t\tcolor: #661DD9;\r\n\t\tfont-size: 14px;\r\n\t\tletter-spacing: 0.04em;\r\n\t\tborder-radius: 7px;\r\n\t\theight: 55px;\r\n\t\tmargin-left: 0;\r\n\t\tmargin-right: 0;\r\n\t\tmargin-bottom: -35px;\r\n\t\t&.btn-inside-out-invert > .before, &.btn-inside-out-invert > .after {\r\n\t\t\tcolor: #661DD9;\r\n\t\t}\r\n\t\t.text {\r\n\t\t\tcolor: #661DD9;\r\n\t\t}\r\n\t\t.icon-left {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 13px;\r\n\t\t\tright: 24px;\r\n\t\t\tfont-size: 24px;\r\n\t\t\tcolor: #661DD9;\r\n\t\t}\r\n\t}\r\n}"]}