{"version":3,"sources":["CFA.scss","CFA.css"],"names":[],"mappings":"AAGA,U,CACC,sB,CACA,yBAFD,U,CAGE,+BAIF,e,CACC,iB,CAEC,yBAHF,iB,CAIG,gB,CACA,iB,CALH,e,CASE,Y,CACA,6B,CACA,oBAXF,iB,CAcE,gB,CAIF,a,CACC,iB,CACA,iB,CACA,S,CAHD,oB,CAKE,U,CACA,iB,CACA,S,CACA,W,CACA,O,CACA,0B,CACA,S,CACA,2B,CACA,kB,CAGA,yBAhBF,e,CAiBG,gB,CACA,iB,CAlBH,a,CAsBE,Y,CACA,6B,CACA,oBAxBF,kB,CA2BE,oC,CA3BF,e,CA8BE,gB,CAKA,yBADF,S,CAEI,mB,AAEH,yBAJD,S,CAKE,Y,CACA,4B,CACA,oBAPF,W,CAUE,a,CAVF,mBAAA,uB,CAaE,c,CACA,U,CAdF,mBAAA,8B,CAAA,mBAAA,+B,CAgBG,4B,CAhBH,mBAAA,mC,CAmBG,8B,CAnBH,sD,CAuBI,iB,CAED,kC,CAMK,iC,CAMR,yB,CAEE,iB,CACA,2B,CACA,4B,CAJF,a,CAOE,gB,CACA,a,CACA,qB,CATF,gB,CAYE,yB,CACA,Q,CAIF,e,CAEE,e,CAIF,W,CACC,kB,CACA,iB,CACA,S,CACA,yBAJD,W,CAKE,mBALF,c,CAAA,c,CAQE,c,CACA,yBATF,c,CAAA,c,CAUG,gBAVH,qB,CAcE,a,CAdF,oB,CAiBE,a,CACA,gB,CACA,c,CACA,e,CACA,0BArBF,oB,CAsBG,iB,CACA,W,CACA,YAxBH,wB,CA4BE,wC,CACA,wC,CACA,iB,CACA,U,CACA,K,CACA,M,CACA,O,CACA,Q,CAnCF,8B,CAAA,+B,CAqCG,U,CACA,iB,CACA,K,CACA,M,CACA,O,CACA,W,CACA,uE,CA3CH,8B,CA8CG,Q,CACA,Q,CA/CH,2B,CAoDE,a,CApDF,mC,CAsDG,M,CACA,c,CAvDH,qB,CA2DE,Y,CACA,iB,CACA,Q,CACA,S,CACA,U,CACA,W,CACA,qB,CACA,U,CACA,yBAnEF,qB,CAoEG,eA6BH,2B,CAjGA,4B,CAiHG,U,CACA,iB,CACA,K,CACA,M,CACA,O,CACA,Q,CAtHH,4B,CA6EG,gC,CAKH,W,CACC,oB,CACC,gB,CACA,mB,CACE,oB,CACA,iB,CALJ,wB,CAQE,iB,CACA,oB,CACA,qB,CACA,uC,CAIF,W,CAEC,S,CAFD,gB,CAIE,e,CAJF,qB,CAOE,U,CACA,iB,CACA,Q,CACA,S,CACA,U,CACA,W,CACA,qB,CACA,U,CAdF,2B,CAsBG,qD,CCzCG,qC,CD4CF,oD,CAzBJ,4C,CA8BE,U,CAIF,S,CAlCA,W,CAmCE,iB,CACA,wB,CACE,iB,CACA,M,CACA,K,CACA,U,CACA,oCALF,wB,CAMI,mBAGJ,c,CACE,gB,CACA,2B,CACA,W,CACA,oCAJF,c,CAKI,c,CACA,gB,CACA,iB,CACA,eAGJ,c,CAIE,8C,CACA,+B,CACA,oC,CAND,0B,CAEG,Y,CASJ,gB,CACE,W,CACA,S,CACA,W","file":"../CFA.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.indent__1 {\r\n\tpadding: 70px 30px 60px 30px;\r\n\t@media(min-width: 768px) {\r\n\t\tpadding: 100px 50px 70px 110px;\r\n\t}\r\n}\r\n\r\n.cfa__container {\r\n\tpadding: 17px 25px;\r\n\tp {\r\n\t\t@media(min-width: 992px) {\r\n\t\t\tmargin-left: 30px;\r\n\t\t\tmargin-right: 30px;\r\n\t\t}\r\n\t}\r\n\t@media(min-width: 992px) {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t}\r\n\t> * {\r\n\t\tmargin: 10px 20px;\r\n\t}\r\n}\r\n\r\n.cfa__minimal {\r\n\tpadding: 17px 25px;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\twidth: 6px;\r\n\t\theight: 36px;\r\n\t\ttop: 50%;\r\n\t\ttransform: translateY(-50%);\r\n\t\tleft: -3px;\r\n\t\tbackground: var(--secondary);\r\n\t\tborder-radius: 50px;\r\n\t}\r\n\tp {\r\n\t\t@media(min-width: 992px) {\r\n\t\t\tmargin-left: 30px;\r\n\t\t\tmargin-right: 30px;\r\n\t\t}\r\n\t}\r\n\t@media(min-width: 992px) {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t}\r\n\t.btn {\r\n\t\tbox-shadow: 0px 5px 21px rgba($black, 0.3);\r\n\t}\r\n\t> * {\r\n\t\tmargin: 10px 20px;\r\n\t}\r\n}\r\n\r\n.cfa__hot {\r\n  @media(max-width:991px) {\r\n    text-align: center;\r\n  }\r\n\t@media(min-width: 992px) {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-around;\r\n\t\talign-items: center;\r\n\t}\r\n\t> * {\r\n\t\tmargin: 10px 0;\r\n\t}\r\n\t.btn:not(.btn-inside-out-invert) {\r\n\t\tbackground: transparent;\r\n\t\tcolor: $white;\r\n\t\t> .before, > .after {\r\n\t\t\tbackground: var(--brk-base-2);\r\n\t\t}\r\n\t\t.border-btn {\r\n\t\t\tborder-color: var(--brk-base-2);\r\n\t\t}\r\n  }\r\n  .btn.btn-prime-white-transparent .border-btn{\r\n    border-color: #fff;\r\n  }\r\n  &_primary{\r\n    .btn{\r\n      /*> .before, > .after {\r\n        background: var(--brand-primary);\r\n      }*/\r\n      .border-btn {\r\n        border-color: var(--brand-primary);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.cfa__outer {\r\n\t.cfa__heading {\r\n\t\tpadding: 40px 20px;\r\n\t\tborder-top-left-radius: 30px;\r\n\t\tborder-top-right-radius: 30px;\r\n\t}\r\n\tp {\r\n\t\tmax-width: 1010px;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 40px 15px 8px;\r\n\t}\r\n\t.btn {\r\n\t\ttransform: translateY(50%);\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n\r\n.cfa__email {\r\n\t* + p {\r\n\t\tmargin-top: 27px;\r\n\t}\r\n}\r\n\r\n.cfa__trend {\r\n\tmargin-bottom: 50px;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\t@media(min-width: 768px) {\r\n\t\tmargin-right: 50px;\r\n\t}\r\n\th1,h2 {\r\n\t\tfont-size: 35px;\r\n\t\t@media(min-width: 768px) {\r\n\t\t\tfont-size: 56px;\r\n\t\t}\r\n\t}\r\n\t.maxw-770 {\r\n\t\tmargin-left: 0;\r\n\t}\r\n\t.icon-go {\r\n\t\tdisplay: block;\r\n\t\ttext-align: right;\r\n\t\tfont-size: 36px;\r\n\t\tmargin-top: 10px;\r\n\t\t@media(min-width: 1200px) {\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 80px;\r\n\t\t\tright: 80px;\r\n\t\t}\r\n\t}\r\n\t.grad-border {\r\n\t\tborder-left: 12px solid var(--brk-base-2);\r\n\t\tborder-right: 12px solid var(--secondary);\r\n\t\tposition: absolute;\r\n\t\tz-index: -1;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t\t&:before, &: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\theight: 12px;\r\n\t\t\tbackground: linear-gradient(to right, var(--brk-base-2), var(--secondary));\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\ttop: auto;\r\n\t\t\tbottom: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.divider-layers {\r\n\t\tmargin-left: 0;\r\n\t\t> .before {\r\n\t\t\tleft: 0;\r\n\t\t\ttransform: none;\r\n\t\t}\r\n\t}\r\n\t.bg-after {\r\n\t\tdisplay: none;\r\n\t\tposition: absolute;\r\n\t\ttop: 60px;\r\n\t\tleft: 60px;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground-size: cover;\r\n\t\tz-index: -2;\r\n\t\t@media(min-width: 768px) {\r\n\t\t\tdisplay: block;\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: rgba($white, 0.88);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.cfa__video {\r\n\tpadding: 150px 0 50px;\r\n  margin-top: -90px;\r\n  &_style-1 {\r\n    padding: 275px 0 65px;\r\n    margin-top: -215px;\r\n  }\r\n\t.border-left {\r\n\t\tpadding: 10px 35px;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: middle;\r\n\t\tborder-left: 3px solid var(--brk-base-2);\r\n\t}\r\n}\r\n\r\n.cfa__image {\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\t.btn {\r\n\t\tmargin: 20px 0 0;\r\n\t}\r\n\t.bg-after {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\ttop: 15px;\r\n\t\tleft: 15px;\r\n\t\tright: 15px;\r\n\t\tbottom: 15px;\r\n\t\tbackground-size: cover;\r\n\t\tz-index: -1;\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 right, $white, transparent);\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\tbackground: linear-gradient(to left, $white, transparent);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.overlay__gradient > .overlay_after {\r\n\t\tz-index: -2;\r\n\t}\r\n}\r\n\r\n.cfa-card{\r\n  position: relative;\r\n  &__img-container{\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    @media screen and (max-width:767px){\r\n      position: relative;\r\n    }\r\n  } \r\n  &__img{\r\n    margin-left: 30px;\r\n    max-width: calc(100% - 30px);\r\n    height: auto;\r\n    @media screen and  (max-width:767px){\r\n      max-width: 100%;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      display: block;\r\n    }\r\n  }\r\n  &__btn{\r\n    .border-btn{\r\n      display: none;\r\n    }\r\n    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2) !important;\r\n    background-color: #fff !important;\r\n    color: var(--brand-primary) !important;\r\n  }\r\n}\r\n\r\n.cfa-lined{\r\n  &__line{\r\n    height: 46px;\r\n    width: 3px;\r\n    flex-grow: 0;\r\n  }\r\n}\r\n",".indent__1 {\n  padding: 70px 30px 60px 30px; }\n  @media (min-width: 768px) {\n    .indent__1 {\n      padding: 100px 50px 70px 110px; } }\n\n.cfa__container {\n  padding: 17px 25px; }\n  @media (min-width: 992px) {\n    .cfa__container p {\n      margin-left: 30px;\n      margin-right: 30px; } }\n  @media (min-width: 992px) {\n    .cfa__container {\n      display: flex;\n      justify-content: space-between;\n      align-items: center; } }\n  .cfa__container > * {\n    margin: 10px 20px; }\n\n.cfa__minimal {\n  padding: 17px 25px;\n  position: relative;\n  z-index: 1; }\n  .cfa__minimal:before {\n    content: '';\n    position: absolute;\n    width: 6px;\n    height: 36px;\n    top: 50%;\n    transform: translateY(-50%);\n    left: -3px;\n    background: var(--secondary);\n    border-radius: 50px; }\n  @media (min-width: 992px) {\n    .cfa__minimal p {\n      margin-left: 30px;\n      margin-right: 30px; } }\n  @media (min-width: 992px) {\n    .cfa__minimal {\n      display: flex;\n      justify-content: space-between;\n      align-items: center; } }\n  .cfa__minimal .btn {\n    box-shadow: 0px 5px 21px rgba(0, 0, 0, 0.3); }\n  .cfa__minimal > * {\n    margin: 10px 20px; }\n\n@media (max-width: 991px) {\n  .cfa__hot {\n    text-align: center; } }\n\n@media (min-width: 992px) {\n  .cfa__hot {\n    display: flex;\n    justify-content: space-around;\n    align-items: center; } }\n\n.cfa__hot > * {\n  margin: 10px 0; }\n\n.cfa__hot .btn:not(.btn-inside-out-invert) {\n  background: transparent;\n  color: #fff; }\n  .cfa__hot .btn:not(.btn-inside-out-invert) > .before, .cfa__hot .btn:not(.btn-inside-out-invert) > .after {\n    background: var(--brk-base-2); }\n  .cfa__hot .btn:not(.btn-inside-out-invert) .border-btn {\n    border-color: var(--brk-base-2); }\n\n.cfa__hot .btn.btn-prime-white-transparent .border-btn {\n  border-color: #fff; }\n\n.cfa__hot_primary .btn {\n  /*> .before, > .after {\r\n        background: var(--brand-primary);\r\n      }*/ }\n  .cfa__hot_primary .btn .border-btn {\n    border-color: var(--brand-primary); }\n\n.cfa__outer .cfa__heading {\n  padding: 40px 20px;\n  border-top-left-radius: 30px;\n  border-top-right-radius: 30px; }\n\n.cfa__outer p {\n  max-width: 1010px;\n  margin: 0 auto;\n  padding: 40px 15px 8px; }\n\n.cfa__outer .btn {\n  transform: translateY(50%);\n  margin: 0; }\n\n.cfa__email * + p {\n  margin-top: 27px; }\n\n.cfa__trend {\n  margin-bottom: 50px;\n  position: relative;\n  z-index: 1; }\n  @media (min-width: 768px) {\n    .cfa__trend {\n      margin-right: 50px; } }\n  .cfa__trend h1, .cfa__trend h2 {\n    font-size: 35px; }\n    @media (min-width: 768px) {\n      .cfa__trend h1, .cfa__trend h2 {\n        font-size: 56px; } }\n  .cfa__trend .maxw-770 {\n    margin-left: 0; }\n  .cfa__trend .icon-go {\n    display: block;\n    text-align: right;\n    font-size: 36px;\n    margin-top: 10px; }\n    @media (min-width: 1200px) {\n      .cfa__trend .icon-go {\n        position: absolute;\n        bottom: 80px;\n        right: 80px; } }\n  .cfa__trend .grad-border {\n    border-left: 12px solid var(--brk-base-2);\n    border-right: 12px solid var(--secondary);\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0; }\n    .cfa__trend .grad-border:before, .cfa__trend .grad-border:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 12px;\n      background: linear-gradient(to right, var(--brk-base-2), var(--secondary)); }\n    .cfa__trend .grad-border:after {\n      top: auto;\n      bottom: 0; }\n  .cfa__trend .divider-layers {\n    margin-left: 0; }\n    .cfa__trend .divider-layers > .before {\n      left: 0;\n      transform: none; }\n  .cfa__trend .bg-after {\n    display: none;\n    position: absolute;\n    top: 60px;\n    left: 60px;\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    z-index: -2; }\n    @media (min-width: 768px) {\n      .cfa__trend .bg-after {\n        display: block; } }\n    .cfa__trend .bg-after:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: rgba(255, 255, 255, 0.88); }\n\n.cfa__video {\n  padding: 150px 0 50px;\n  margin-top: -90px; }\n  .cfa__video_style-1 {\n    padding: 275px 0 65px;\n    margin-top: -215px; }\n  .cfa__video .border-left {\n    padding: 10px 35px;\n    display: inline-block;\n    vertical-align: middle;\n    border-left: 3px solid var(--brk-base-2); }\n\n.cfa__image {\n  position: relative;\n  z-index: 1; }\n  .cfa__image .btn {\n    margin: 20px 0 0; }\n  .cfa__image .bg-after {\n    content: '';\n    position: absolute;\n    top: 15px;\n    left: 15px;\n    right: 15px;\n    bottom: 15px;\n    background-size: cover;\n    z-index: -1; }\n    .cfa__image .bg-after:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(to right, #fff, transparent); }\n      [dir=\"rtl\"] .cfa__image .bg-after:after {\n        background: linear-gradient(to left, #fff, transparent); }\n  .cfa__image.overlay__gradient > .overlay_after {\n    z-index: -2; }\n\n.cfa-card {\n  position: relative; }\n  .cfa-card__img-container {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%; }\n    @media screen and (max-width: 767px) {\n      .cfa-card__img-container {\n        position: relative; } }\n  .cfa-card__img {\n    margin-left: 30px;\n    max-width: calc(100% - 30px);\n    height: auto; }\n    @media screen and (max-width: 767px) {\n      .cfa-card__img {\n        max-width: 100%;\n        margin-left: auto;\n        margin-right: auto;\n        display: block; } }\n  .cfa-card__btn {\n    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2) !important;\n    background-color: #fff !important;\n    color: var(--brand-primary) !important; }\n    .cfa-card__btn .border-btn {\n      display: none; }\n\n.cfa-lined__line {\n  height: 46px;\n  width: 3px;\n  flex-grow: 0; }\n"]}