/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/Accordion/accordion.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.accordion {
  border-radius: 16px;
  overflow: hidden;
}
.accordion .accordion-item {
  border: none;
}
.accordion .accordion-button {
  padding-right: 40px;
}
.accordion .accordion-button::after {
  display: none;
}
.accordion .accordion-button i {
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.accordion .accordion-button span {
  font-weight: 500;
  font-size: 20px;
}
.accordion .accordion-button:focus {
  box-shadow: none !important;
  outline: none !important;
}
.accordion.colorPrimary .accordion-item:not(:first-child) .accordion-header {
  border-top: 1px solid rgba(4, 168, 255, 0.4);
}
.accordion.colorPrimary .accordion-button.collapsed span, .accordion.colorPrimary .accordion-button.collapsed i {
  color: #04a8ff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorPrimary .accordion-button:not(.collapsed) {
  background-color: #04a8ff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorPrimary .accordion-button:not(.collapsed) span, .accordion.colorPrimary .accordion-button:not(.collapsed) i {
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorPrimary .accordion-button:not(.collapsed) i {
  transform: translateY(-50%) rotate(180deg);
}
.accordion.colorDanger .accordion-item:not(:first-child) .accordion-header {
  border-top: 1px solid rgba(255, 0, 102, 0.4);
}
.accordion.colorDanger .accordion-button.collapsed span, .accordion.colorDanger .accordion-button.collapsed i {
  color: #FF0066 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorDanger .accordion-button:not(.collapsed) {
  background-color: #FF0066 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorDanger .accordion-button:not(.collapsed) span, .accordion.colorDanger .accordion-button:not(.collapsed) i {
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorDanger .accordion-button:not(.collapsed) i {
  transform: translateY(-50%) rotate(180deg);
}
.accordion.colorSuccess .accordion-item:not(:first-child) .accordion-header {
  border-top: 1px solid rgba(1, 255, 136, 0.4);
}
.accordion.colorSuccess .accordion-button.collapsed span, .accordion.colorSuccess .accordion-button.collapsed i {
  color: #01FF88 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorSuccess .accordion-button:not(.collapsed) {
  background-color: #01FF88 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorSuccess .accordion-button:not(.collapsed) span, .accordion.colorSuccess .accordion-button:not(.collapsed) i {
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorSuccess .accordion-button:not(.collapsed) i {
  transform: translateY(-50%) rotate(180deg);
}
.accordion.colorWarning .accordion-item:not(:first-child) .accordion-header {
  border-top: 1px solid rgba(255, 193, 7, 0.4);
}
.accordion.colorWarning .accordion-button.collapsed span, .accordion.colorWarning .accordion-button.collapsed i {
  color: #ffc107 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorWarning .accordion-button:not(.collapsed) {
  background-color: #ffc107 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorWarning .accordion-button:not(.collapsed) span, .accordion.colorWarning .accordion-button:not(.collapsed) i {
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorWarning .accordion-button:not(.collapsed) i {
  transform: translateY(-50%) rotate(180deg);
}
.accordion.colorTeal .accordion-item:not(:first-child) .accordion-header {
  border-top: 1px solid rgba(32, 201, 151, 0.4);
}
.accordion.colorTeal .accordion-button.collapsed span, .accordion.colorTeal .accordion-button.collapsed i {
  color: #20c997 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorTeal .accordion-button:not(.collapsed) {
  background-color: #20c997 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorTeal .accordion-button:not(.collapsed) span, .accordion.colorTeal .accordion-button:not(.collapsed) i {
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorTeal .accordion-button:not(.collapsed) i {
  transform: translateY(-50%) rotate(180deg);
}
.accordion.colorPurple .accordion-item:not(:first-child) .accordion-header {
  border-top: 1px solid rgba(111, 66, 193, 0.4);
}
.accordion.colorPurple .accordion-button.collapsed span, .accordion.colorPurple .accordion-button.collapsed i {
  color: #6f42c1 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorPurple .accordion-button:not(.collapsed) {
  background-color: #6f42c1 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorPurple .accordion-button:not(.collapsed) span, .accordion.colorPurple .accordion-button:not(.collapsed) i {
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorPurple .accordion-button:not(.collapsed) i {
  transform: translateY(-50%) rotate(180deg);
}
.accordion.colorInfo .accordion-item:not(:first-child) .accordion-header {
  border-top: 1px solid rgba(114, 210, 194, 0.4);
}
.accordion.colorInfo .accordion-button.collapsed span, .accordion.colorInfo .accordion-button.collapsed i {
  color: #72d2c2 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorInfo .accordion-button:not(.collapsed) {
  background-color: #72d2c2 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorInfo .accordion-button:not(.collapsed) span, .accordion.colorInfo .accordion-button:not(.collapsed) i {
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorInfo .accordion-button:not(.collapsed) i {
  transform: translateY(-50%) rotate(180deg);
}
.accordion.colorWhite .accordion-item:not(:first-child) .accordion-header {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.accordion.colorWhite .accordion-button.collapsed span, .accordion.colorWhite .accordion-button.collapsed i {
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorWhite .accordion-button:not(.collapsed) {
  background-color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorWhite .accordion-button:not(.collapsed) span, .accordion.colorWhite .accordion-button:not(.collapsed) i {
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion.colorWhite .accordion-button:not(.collapsed) i {
  transform: translateY(-50%) rotate(180deg);
}
.accordion.colorSuccess .accordion-button:not(.collapsed) span, .accordion.colorSuccess .accordion-button:not(.collapsed) i, .accordion.colorWarning .accordion-button:not(.collapsed) span, .accordion.colorWarning .accordion-button:not(.collapsed) i {
  color: rgb(18, 27, 54) !important;
}

.accordion-item .accordion-body {
  background-color: #ffffff;
  color: #212121 !important;
}
.accordion-item .accordion-body * {
  color: #212121 !important;
}

.accordionContainer .accordionImage {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordionContainer .accordionImage::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.accordionContainer .accordionImage.colorPrimary::after {
  background-color: #04a8ff;
}
.accordionContainer .accordionImage.colorDanger::after {
  background-color: #FF0066;
}
.accordionContainer .accordionImage.colorSuccess::after {
  background-color: #01FF88;
}
.accordionContainer .accordionImage.colorWarning::after {
  background-color: #ffc107;
}
.accordionContainer .accordionImage.colorTeal::after {
  background-color: #20c997;
}
.accordionContainer .accordionImage.colorPurple::after {
  background-color: #6f42c1;
}
.accordionContainer .accordionImage.colorInfo::after {
  background-color: #72d2c2;
}
.accordionContainer .accordionImage.colorWhite::after {
  background-color: #ffffff;
}
.accordionContainer .accordionImage.opacity-0-5::after {
  opacity: 0.5;
}
.accordionContainer .accordionImage.opacity-0-65::after {
  opacity: 0.65;
}
.accordionContainer .accordionImage.opacity-0-8::after {
  opacity: 0.8;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/FWBanner/FWBanner.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.fwBanner {
  position: relative;
}
.fwBanner.withText.normal {
  padding: 5rem 0;
}
.fwBanner.withText.large {
  padding: 7rem 0;
}
.fwBanner.withText.superlarge {
  padding: 10rem 0;
}
.fwBanner .fwTitle {
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 16px;
}
.fwBanner .fwTitle.text-Dark {
  color: rgb(18, 27, 54);
}
.fwBanner p {
  margin-bottom: 0;
  font-size: 18px;
}
.fwBanner p.text-Dark {
  color: rgb(18, 27, 54);
}
.fwBanner .btn {
  margin-top: 32px;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.fwBanner .btn.btn-outline {
  border: 1px solid white;
}
.fwBanner .btn.btn-outline.text-Dark {
  border-color: rgb(18, 27, 54);
  color: rgb(18, 27, 54);
}
.fwBanner.bg-primary .btn:hover {
  background-color: #ffffff;
  color: #04a8ff !important;
  border-color: #ffffff;
}
.fwBanner.bg-danger .btn:hover {
  background-color: #ffffff;
  color: #FF0066 !important;
  border-color: #ffffff;
}
.fwBanner.bg-success .btn:hover {
  background-color: rgb(18, 27, 54) !important;
  color: #01FF88 !important;
  border-color: rgb(18, 27, 54) !important;
}
.fwBanner.bg-warning .btn:hover {
  background-color: rgb(18, 27, 54) !important;
  color: #ffc107 !important;
  border-color: rgb(18, 27, 54) !important;
}
.fwBanner.bg-teal .btn:hover {
  background-color: #ffffff;
  color: #20c997 !important;
  border-color: #ffffff;
}
.fwBanner.bg-purple .btn:hover {
  background-color: #ffffff;
  color: #6f42c1 !important;
  border-color: #ffffff;
}
.fwBanner.bg-info .btn:hover {
  background-color: rgb(18, 27, 54) !important;
  color: #72d2c2 !important;
  border-color: rgb(18, 27, 54) !important;
}
.fwBanner.bg-white .btn:hover {
  background-color: #ffffff;
  color: #ffffff !important;
  border-color: #ffffff;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/FigureOnTop/figureOnTop.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.figureOnTopContainer .row > div {
  min-height: 100%;
}

.figureOnTop .figure {
  font-size: 44px;
  font-weight: 700;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
}
.figureOnTop .figureOnTopTitle {
  margin: 8px 0 24px;
  line-height: 1.2;
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 24px;
  font-weight: 600;
}
.figureOnTop.center .figure {
  display: block;
  text-align: center;
}
.figureOnTop.center .figureOnTopTitle {
  text-align: center;
}
.figureOnTop.colorPrimary .figure {
  color: #04a8ff;
}
.figureOnTop.colorDanger .figure {
  color: #FF0066;
}
.figureOnTop.colorSuccess .figure {
  color: #01FF88;
}
.figureOnTop.colorWarning .figure {
  color: #ffc107;
}
.figureOnTop.colorTeal .figure {
  color: #20c997;
}
.figureOnTop.colorPurple .figure {
  color: #6f42c1;
}
.figureOnTop.colorInfo .figure {
  color: #72d2c2;
}
.figureOnTop.colorWhite .figure {
  color: #ffffff;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/FWImage/FWImage.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.fwImage {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fwImage.normal {
  padding: 5rem 0;
}
.fwImage.large {
  padding: 7rem 0;
}
.fwImage.superlarge {
  padding: 10rem 0;
}
.fwImage::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fwImage.opacity-0-5::before {
  opacity: 0.5;
}
.fwImage.opacity-0-65::before {
  opacity: 0.65;
}
.fwImage.opacity-0-8::before {
  opacity: 0.8;
}
.fwImage.color-primary::before {
  background-color: #04a8ff;
}
.fwImage.color-danger::before {
  background-color: #FF0066;
}
.fwImage.color-success::before {
  background-color: #01FF88;
}
.fwImage.color-warning::before {
  background-color: #ffc107;
}
.fwImage.color-teal::before {
  background-color: #20c997;
}
.fwImage.color-purple::before {
  background-color: #6f42c1;
}
.fwImage.color-info::before {
  background-color: #72d2c2;
}
.fwImage.color-white::before {
  background-color: #ffffff;
}
.fwImage .container {
  position: relative;
  z-index: 1;
}
.fwImage .fwTitle {
  line-height: 1.35;
  font-weight: 500;
  font-size: 28px;
  margin: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/IconsBox/iconsbox.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.iconsBox i {
  font-size: 40px;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.iconsBox .iconsBoxTitle {
  margin: 12px 0 24px;
  line-height: 1.2;
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 24px;
  font-weight: 600;
}
.iconsBox.center i {
  display: block;
  text-align: center;
}
.iconsBox.center .iconsBoxTitle {
  text-align: center;
}
.iconsBox.colorPrimary i {
  color: #04a8ff;
}
.iconsBox.colorDanger i {
  color: #FF0066;
}
.iconsBox.colorSuccess i {
  color: #01FF88;
}
.iconsBox.colorWarning i {
  color: #ffc107;
}
.iconsBox.colorTeal i {
  color: #20c997;
}
.iconsBox.colorPurple i {
  color: #6f42c1;
}
.iconsBox.colorInfo i {
  color: #72d2c2;
}
.iconsBox.colorWhite i {
  color: #ffffff;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/PriceList/priceList.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.card {
  height: 100%;
  position: relative;
  opacity: 1;
}
.card:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  content: "";
  height: 150px;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card .card-thumbnail {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: grayscale(100%);
  height: 150px;
}
.card .card-header {
  background-color: transparent;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card .card-header > .card-category,
.card .card-header > .card-category span {
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card .card-header .card-category {
  text-align: center;
}
.card .card-header .card-category span {
  font-size: 16px;
  text-transform: uppercase;
}
.card .card-header .card-title {
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin: 0;
  padding: 0 8px;
}
.card .card-header {
  padding: 0;
  border: 0;
}
.card .card-header * {
  line-height: 1.2;
  text-align: center;
}
.card .card-body {
  background-color: #f1f3f5;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card .card-body .pricing-card-title {
  color: #428161 !important;
  text-align: center;
  font-size: 24px;
}
.card .card-body p {
  line-height: 1.3;
  text-align: center;
  color: rgb(18, 27, 54);
  opacity: 0.65;
}
.card .card-body ul {
  padding: 0px;
  margin-bottom: 0 !important;
}
.card .card-body ul li {
  color: rgb(18, 27, 54);
  list-style: none;
  text-align: center;
  font-size: 16px;
}
.card .card-body ul li:not(:last-child) {
  margin-bottom: 4px;
}
.card .card-footer {
  border: 0;
}
.card.cardSmall .card-body,
.card.cardSmall .card-footer {
  padding-left: 6px;
  padding-right: 6px;
}
.card.cardSmall .card-header {
  padding: 0 !important;
}
.card.cardSmall .card-header > div span {
  font-size: 15px !important;
}
.card.cardSmall .card-title {
  font-size: 20px !important;
  padding-left: 6px;
  padding-right: 6px;
}
.card.cardSmall .pricing-card-title {
  font-size: 18px;
  font-weight: 600;
}
.card.cardSmall p,
.card.cardSmall li {
  font-size: 14px;
}
.card.cardSmall .card-header {
  height: auto;
  min-height: 90px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.card.colorPrimary {
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorPrimary:after {
  background-color: rgba(4, 168, 255, 0.3);
}
.card.colorPrimary .card-header > div {
  background-color: #04a8ff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorPrimary .card-header > div span {
  color: #ffffff !important;
}
.card.colorPrimary .card-header .card-title {
  color: #04a8ff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorPrimary .card-footer .btn,
.card.colorPrimary .card-footer button {
  background-color: #04a8ff !important;
  border-color: #04a8ff !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorPrimary:hover {
  background-color: #04a8ff !important;
}
.card.colorPrimary:hover .card-header > div {
  background-color: #ffffff !important;
}
.card.colorPrimary:hover .card-header > div span {
  color: #04a8ff !important;
}
.card.colorPrimary:hover .card-header .card-title {
  color: #ffffff !important;
}
.card.colorPrimary:hover .card-body {
  background-color: transparent !important;
}
.card.colorPrimary:hover * {
  color: #ffffff !important;
}
.card.colorPrimary:hover .card-footer .btn,
.card.colorPrimary:hover .card-footer button {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #04a8ff !important;
}
.card.colorDanger {
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorDanger:after {
  background-color: rgba(255, 0, 102, 0.3);
}
.card.colorDanger .card-header > div {
  background-color: #FF0066 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorDanger .card-header > div span {
  color: #ffffff !important;
}
.card.colorDanger .card-header .card-title {
  color: #FF0066 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorDanger .card-footer .btn,
.card.colorDanger .card-footer button {
  background-color: #FF0066 !important;
  border-color: #FF0066 !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorDanger:hover {
  background-color: #FF0066 !important;
}
.card.colorDanger:hover .card-header > div {
  background-color: #ffffff !important;
}
.card.colorDanger:hover .card-header > div span {
  color: #FF0066 !important;
}
.card.colorDanger:hover .card-header .card-title {
  color: #ffffff !important;
}
.card.colorDanger:hover .card-body {
  background-color: transparent !important;
}
.card.colorDanger:hover * {
  color: #ffffff !important;
}
.card.colorDanger:hover .card-footer .btn,
.card.colorDanger:hover .card-footer button {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #FF0066 !important;
}
.card.colorSuccess {
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorSuccess:after {
  background-color: rgba(1, 255, 136, 0.3);
}
.card.colorSuccess .card-header > div {
  background-color: #01FF88 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorSuccess .card-header > div span {
  color: #ffffff !important;
}
.card.colorSuccess .card-header .card-title {
  color: #01FF88 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorSuccess .card-footer .btn,
.card.colorSuccess .card-footer button {
  background-color: #01FF88 !important;
  border-color: #01FF88 !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorSuccess:hover {
  background-color: #01FF88 !important;
}
.card.colorSuccess:hover .card-header > div {
  background-color: #ffffff !important;
}
.card.colorSuccess:hover .card-header > div span {
  color: #01FF88 !important;
}
.card.colorSuccess:hover .card-header .card-title {
  color: #ffffff !important;
}
.card.colorSuccess:hover .card-body {
  background-color: transparent !important;
}
.card.colorSuccess:hover * {
  color: #ffffff !important;
}
.card.colorSuccess:hover .card-footer .btn,
.card.colorSuccess:hover .card-footer button {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #01FF88 !important;
}
.card.colorWarning {
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorWarning:after {
  background-color: rgba(255, 193, 7, 0.3);
}
.card.colorWarning .card-header > div {
  background-color: #ffc107 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorWarning .card-header > div span {
  color: #ffffff !important;
}
.card.colorWarning .card-header .card-title {
  color: #ffc107 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorWarning .card-footer .btn,
.card.colorWarning .card-footer button {
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorWarning:hover {
  background-color: #ffc107 !important;
}
.card.colorWarning:hover .card-header > div {
  background-color: #ffffff !important;
}
.card.colorWarning:hover .card-header > div span {
  color: #ffc107 !important;
}
.card.colorWarning:hover .card-header .card-title {
  color: #ffffff !important;
}
.card.colorWarning:hover .card-body {
  background-color: transparent !important;
}
.card.colorWarning:hover * {
  color: #ffffff !important;
}
.card.colorWarning:hover .card-footer .btn,
.card.colorWarning:hover .card-footer button {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #ffc107 !important;
}
.card.colorTeal {
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorTeal:after {
  background-color: rgba(32, 201, 151, 0.3);
}
.card.colorTeal .card-header > div {
  background-color: #20c997 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorTeal .card-header > div span {
  color: #ffffff !important;
}
.card.colorTeal .card-header .card-title {
  color: #20c997 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorTeal .card-footer .btn,
.card.colorTeal .card-footer button {
  background-color: #20c997 !important;
  border-color: #20c997 !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorTeal:hover {
  background-color: #20c997 !important;
}
.card.colorTeal:hover .card-header > div {
  background-color: #ffffff !important;
}
.card.colorTeal:hover .card-header > div span {
  color: #20c997 !important;
}
.card.colorTeal:hover .card-header .card-title {
  color: #ffffff !important;
}
.card.colorTeal:hover .card-body {
  background-color: transparent !important;
}
.card.colorTeal:hover * {
  color: #ffffff !important;
}
.card.colorTeal:hover .card-footer .btn,
.card.colorTeal:hover .card-footer button {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #20c997 !important;
}
.card.colorPurple {
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorPurple:after {
  background-color: rgba(111, 66, 193, 0.3);
}
.card.colorPurple .card-header > div {
  background-color: #6f42c1 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorPurple .card-header > div span {
  color: #ffffff !important;
}
.card.colorPurple .card-header .card-title {
  color: #6f42c1 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorPurple .card-footer .btn,
.card.colorPurple .card-footer button {
  background-color: #6f42c1 !important;
  border-color: #6f42c1 !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorPurple:hover {
  background-color: #6f42c1 !important;
}
.card.colorPurple:hover .card-header > div {
  background-color: #ffffff !important;
}
.card.colorPurple:hover .card-header > div span {
  color: #6f42c1 !important;
}
.card.colorPurple:hover .card-header .card-title {
  color: #ffffff !important;
}
.card.colorPurple:hover .card-body {
  background-color: transparent !important;
}
.card.colorPurple:hover * {
  color: #ffffff !important;
}
.card.colorPurple:hover .card-footer .btn,
.card.colorPurple:hover .card-footer button {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #6f42c1 !important;
}
.card.colorInfo {
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorInfo:after {
  background-color: rgba(114, 210, 194, 0.3);
}
.card.colorInfo .card-header > div {
  background-color: #72d2c2 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorInfo .card-header > div span {
  color: #ffffff !important;
}
.card.colorInfo .card-header .card-title {
  color: #72d2c2 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorInfo .card-footer .btn,
.card.colorInfo .card-footer button {
  background-color: #72d2c2 !important;
  border-color: #72d2c2 !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorInfo:hover {
  background-color: #72d2c2 !important;
}
.card.colorInfo:hover .card-header > div {
  background-color: #ffffff !important;
}
.card.colorInfo:hover .card-header > div span {
  color: #72d2c2 !important;
}
.card.colorInfo:hover .card-header .card-title {
  color: #ffffff !important;
}
.card.colorInfo:hover .card-body {
  background-color: transparent !important;
}
.card.colorInfo:hover * {
  color: #ffffff !important;
}
.card.colorInfo:hover .card-footer .btn,
.card.colorInfo:hover .card-footer button {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #72d2c2 !important;
}
.card.colorWhite {
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorWhite:after {
  background-color: rgba(255, 255, 255, 0.3);
}
.card.colorWhite .card-header > div {
  background-color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorWhite .card-header > div span {
  color: #ffffff !important;
}
.card.colorWhite .card-header .card-title {
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorWhite .card-footer .btn,
.card.colorWhite .card-footer button {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.card.colorWhite:hover {
  background-color: #ffffff !important;
}
.card.colorWhite:hover .card-header > div {
  background-color: #ffffff !important;
}
.card.colorWhite:hover .card-header > div span {
  color: #ffffff !important;
}
.card.colorWhite:hover .card-header .card-title {
  color: #ffffff !important;
}
.card.colorWhite:hover .card-body {
  background-color: transparent !important;
}
.card.colorWhite:hover * {
  color: #ffffff !important;
}
.card.colorWhite:hover .card-footer .btn,
.card.colorWhite:hover .card-footer button {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}
.card.colorSuccess .card-header > .card-category span, .card.colorWarning .card-header > .card-category span {
  color: rgb(18, 27, 54) !important;
}
.card.colorSuccess .card-footer .btn,
.card.colorSuccess .card-footer button, .card.colorWarning .card-footer .btn,
.card.colorWarning .card-footer button {
  color: rgb(18, 27, 54) !important;
}
.card.colorSuccess:hover .card-header > .card-category span, .card.colorWarning:hover .card-header > .card-category span {
  color: rgb(18, 27, 54) !important;
}
.card.colorSuccess:hover *, .card.colorWarning:hover * {
  color: rgb(18, 27, 54) !important;
}
.card.colorSuccess:hover .card-footer .btn,
.card.colorSuccess:hover .card-footer button, .card.colorWarning:hover .card-footer .btn,
.card.colorWarning:hover .card-footer button {
  color: rgb(18, 27, 54) !important;
}

.card {
  container-type: inline-size;
  /* ou juste: container-name: target; si tu veux le nommer */
}

/* 2. Applique des styles selon SA largeur */
@container (max-width: 300px) {
  .card .card-title {
    font-size: 22px !important;
  }
  .card .card-body .pricing-card-title {
    font-size: 20px !important;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/LogoSlider/logoSlider.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.clientSlider {
  overflow: hidden;
  position: relative;
}
.clientSlider img {
  max-height: var(--logo-max-height, 44px);
  width: auto;
  object-fit: contain;
}
.clientSlider.speed-fast .slider-track ul {
  animation-duration: 15s;
}
.clientSlider.speed-normal .slider-track ul {
  animation-duration: 30s;
}
.clientSlider.speed-slow .slider-track ul {
  animation-duration: 45s;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/Stepper/stepper.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.stepper {
  border-radius: 16px;
  padding: 24px;
  display: block;
  background-color: #000000;
}
.stepper.transparent {
  display: block;
  padding: 0;
  background-color: transparent;
  width: 100%;
}
.stepper.transparent .olStepper .stepperItem.active span {
  background-color: rgb(18, 27, 54) !important;
}
.stepper.center .stepperTitle {
  text-align: center;
}
.stepper.center .olStepper {
  justify-content: center;
}
.stepper.center .stepperDesc {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}
.stepper > * {
  margin: 0;
}
.stepper > *:nth-child(n+2) {
  margin-top: 24px !important;
}
.stepper .stepperTitle {
  font-weight: 600;
  font-size: 26px;
  color: #ffffff;
}
.stepper .stepperDesc {
  font-size: 18px;
  margin-bottom: 0;
  color: #ffffff;
  max-width: 640px;
}
.stepper:has(.olStepper.completed) .stepperTitle,
.stepper:has(.olStepper.completed) .stepperDesc {
  display: none;
}
.stepper .olStepper {
  display: flex;
  counter-reset: stepper-counter;
}
.stepper .olStepper.completed {
  justify-content: center;
}
.stepper .olStepper.completed i {
  font-size: 32px;
  color: #ffffff;
}
.stepper .olStepper .stepperItem {
  counter-increment: stepper-counter;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: start;
}
.stepper .olStepper .stepperItem:before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ffffff;
  color: rgb(18, 27, 54);
  margin: 0 auto;
  font-weight: 600;
  font-size: 18px;
  content: "\f4e0";
  font-family: Nucleo;
}
.stepper .olStepper .stepperItem:not(:last-child):after {
  display: block;
  content: "";
  height: 2px;
  min-width: 40px;
  background-color: #ffffff;
}
.stepper .olStepper .stepperItem span {
  display: none;
}
.stepper .olStepper .stepperItem.active:before, .stepper .olStepper .stepperItem.active ~ .stepperItem:before {
  content: counter(stepper-counter);
  font-family: var(--font-sen), "Sen", sans-serif;
}
.stepper .olStepper .stepperItem.active:before {
  color: rgb(18, 27, 54);
  position: relative;
  z-index: 1;
  width: 26px;
  height: 26px;
  background-color: #ffffff;
}
.stepper .olStepper .stepperItem.active {
  position: relative;
}
.stepper .olStepper .stepperItem.active span {
  position: absolute;
  z-index: 0;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background-color: #000000;
  left: -7px;
}
.stepper .olStepper .stepperItem.active:after {
  background-color: #898989 !important;
}
.stepper .olStepper .stepperItem.active ~ .stepperItem:before {
  background-color: #898989;
  color: #ffffff;
  font-weight: 400 !important;
}
.stepper .olStepper .stepperItem.active ~ .stepperItem:after {
  background-color: #898989 !important;
}
.stepper.colorPrimary .stepperTitle {
  color: #04a8ff;
}
.stepper.colorPrimary .olStepper.completed i {
  color: #04a8ff;
}
.stepper.colorPrimary .stepperItem:before {
  background-color: #04a8ff;
  color: #ffffff;
}
.stepper.colorPrimary .stepperItem:after {
  background-color: #04a8ff !important;
}
.stepper.colorPrimary .stepperItem.active:before {
  background-color: #ffffff;
  color: #04a8ff !important;
}
.stepper.colorPrimary .stepperItem.active span {
  border-color: #04a8ff;
}
.stepper.colorPrimary .stepperItem.active:after {
  background-color: #898989 !important;
}
.stepper.colorDanger .stepperTitle {
  color: #FF0066;
}
.stepper.colorDanger .olStepper.completed i {
  color: #FF0066;
}
.stepper.colorDanger .stepperItem:before {
  background-color: #FF0066;
  color: #ffffff;
}
.stepper.colorDanger .stepperItem:after {
  background-color: #FF0066 !important;
}
.stepper.colorDanger .stepperItem.active:before {
  background-color: #ffffff;
  color: #FF0066 !important;
}
.stepper.colorDanger .stepperItem.active span {
  border-color: #FF0066;
}
.stepper.colorDanger .stepperItem.active:after {
  background-color: #898989 !important;
}
.stepper.colorSuccess .stepperTitle {
  color: #01FF88;
}
.stepper.colorSuccess .olStepper.completed i {
  color: #01FF88;
}
.stepper.colorSuccess .stepperItem:before {
  background-color: #01FF88;
  color: #ffffff;
}
.stepper.colorSuccess .stepperItem:after {
  background-color: #01FF88 !important;
}
.stepper.colorSuccess .stepperItem.active:before {
  background-color: #ffffff;
  color: #01FF88 !important;
}
.stepper.colorSuccess .stepperItem.active span {
  border-color: #01FF88;
}
.stepper.colorSuccess .stepperItem.active:after {
  background-color: #898989 !important;
}
.stepper.colorWarning .stepperTitle {
  color: #ffc107;
}
.stepper.colorWarning .olStepper.completed i {
  color: #ffc107;
}
.stepper.colorWarning .stepperItem:before {
  background-color: #ffc107;
  color: #ffffff;
}
.stepper.colorWarning .stepperItem:after {
  background-color: #ffc107 !important;
}
.stepper.colorWarning .stepperItem.active:before {
  background-color: #ffffff;
  color: #ffc107 !important;
}
.stepper.colorWarning .stepperItem.active span {
  border-color: #ffc107;
}
.stepper.colorWarning .stepperItem.active:after {
  background-color: #898989 !important;
}
.stepper.colorTeal .stepperTitle {
  color: #20c997;
}
.stepper.colorTeal .olStepper.completed i {
  color: #20c997;
}
.stepper.colorTeal .stepperItem:before {
  background-color: #20c997;
  color: #ffffff;
}
.stepper.colorTeal .stepperItem:after {
  background-color: #20c997 !important;
}
.stepper.colorTeal .stepperItem.active:before {
  background-color: #ffffff;
  color: #20c997 !important;
}
.stepper.colorTeal .stepperItem.active span {
  border-color: #20c997;
}
.stepper.colorTeal .stepperItem.active:after {
  background-color: #898989 !important;
}
.stepper.colorPurple .stepperTitle {
  color: #6f42c1;
}
.stepper.colorPurple .olStepper.completed i {
  color: #6f42c1;
}
.stepper.colorPurple .stepperItem:before {
  background-color: #6f42c1;
  color: #ffffff;
}
.stepper.colorPurple .stepperItem:after {
  background-color: #6f42c1 !important;
}
.stepper.colorPurple .stepperItem.active:before {
  background-color: #ffffff;
  color: #6f42c1 !important;
}
.stepper.colorPurple .stepperItem.active span {
  border-color: #6f42c1;
}
.stepper.colorPurple .stepperItem.active:after {
  background-color: #898989 !important;
}
.stepper.colorInfo .stepperTitle {
  color: #72d2c2;
}
.stepper.colorInfo .olStepper.completed i {
  color: #72d2c2;
}
.stepper.colorInfo .stepperItem:before {
  background-color: #72d2c2;
  color: #ffffff;
}
.stepper.colorInfo .stepperItem:after {
  background-color: #72d2c2 !important;
}
.stepper.colorInfo .stepperItem.active:before {
  background-color: #ffffff;
  color: #72d2c2 !important;
}
.stepper.colorInfo .stepperItem.active span {
  border-color: #72d2c2;
}
.stepper.colorInfo .stepperItem.active:after {
  background-color: #898989 !important;
}
.stepper.colorWhite .stepperTitle {
  color: #ffffff;
}
.stepper.colorWhite .olStepper.completed i {
  color: #ffffff;
}
.stepper.colorWhite .stepperItem:before {
  background-color: #ffffff;
  color: #ffffff;
}
.stepper.colorWhite .stepperItem:after {
  background-color: #ffffff !important;
}
.stepper.colorWhite .stepperItem.active:before {
  background-color: #ffffff;
  color: #ffffff !important;
}
.stepper.colorWhite .stepperItem.active span {
  border-color: #ffffff;
}
.stepper.colorWhite .stepperItem.active:after {
  background-color: #898989 !important;
}
.stepper.colorOrange .stepperItem:before, .stepper.colorSuccess .stepperItem:before, .stepper.colorWarning .stepperItem:before {
  color: rgb(18, 27, 54) !important;
}
.stepper.colorOrange .stepperItem.active:before, .stepper.colorSuccess .stepperItem.active:before, .stepper.colorWarning .stepperItem.active:before {
  color: rgb(18, 27, 54) !important;
}

.formFooter {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}
.formFooter .btn {
  margin: 0 8px;
}

.stepperStickyImage {
  position: -webkit-sticky;
  position: sticky;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 16px;
  overflow: hidden;
}
.stepperStickyImage img {
  width: 100%;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  display: block;
}
.stepperStickyImage.colorPrimary {
  position: relative;
}
.stepperStickyImage.colorPrimary::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(4, 168, 255, 0.3);
  pointer-events: none;
}
.stepperStickyImage.colorDanger {
  position: relative;
}
.stepperStickyImage.colorDanger::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 102, 0.3);
  pointer-events: none;
}
.stepperStickyImage.colorSuccess {
  position: relative;
}
.stepperStickyImage.colorSuccess::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 255, 136, 0.3);
  pointer-events: none;
}
.stepperStickyImage.colorWarning {
  position: relative;
}
.stepperStickyImage.colorWarning::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 193, 7, 0.3);
  pointer-events: none;
}
.stepperStickyImage.colorTeal {
  position: relative;
}
.stepperStickyImage.colorTeal::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(32, 201, 151, 0.3);
  pointer-events: none;
}
.stepperStickyImage.colorPurple {
  position: relative;
}
.stepperStickyImage.colorPurple::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(111, 66, 193, 0.3);
  pointer-events: none;
}
.stepperStickyImage.colorInfo {
  position: relative;
}
.stepperStickyImage.colorInfo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(114, 210, 194, 0.3);
  pointer-events: none;
}
.stepperStickyImage.colorWhite {
  position: relative;
}
.stepperStickyImage.colorWhite::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  pointer-events: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/Tabs/tabs.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.tabsContainer {
  border-radius: 16px;
  overflow: hidden;
}

.tabs {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tabs .nav {
  margin: 0;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.08);
}
.tabs .nav .nav-link {
  border: 0;
  font-weight: 600;
}
.tabs .nav {
  border: 0;
}
.tabs .tab-content {
  flex-grow: 1;
  border-top: 0 !important;
  overflow: hidden;
  background-color: #000000;
}
.tabs .tab-content *:last-child {
  margin-bottom: 0;
}
.tabs .tab-content .tab-pane {
  padding: 16px;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.tabs.colorPrimary .nav .nav-link:not(.active) {
  color: #04a8ff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorPrimary .nav .nav-link.active {
  background-color: #04a8ff !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorPrimary .nav .nav-item:not(:first-child) {
  border-left: 1px solid rgba(4, 168, 255, 0.4);
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorDanger .nav .nav-link:not(.active) {
  color: #FF0066 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorDanger .nav .nav-link.active {
  background-color: #FF0066 !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorDanger .nav .nav-item:not(:first-child) {
  border-left: 1px solid rgba(255, 0, 102, 0.4);
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorSuccess .nav .nav-link:not(.active) {
  color: #01FF88 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorSuccess .nav .nav-link.active {
  background-color: #01FF88 !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorSuccess .nav .nav-item:not(:first-child) {
  border-left: 1px solid rgba(1, 255, 136, 0.4);
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorWarning .nav .nav-link:not(.active) {
  color: #ffc107 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorWarning .nav .nav-link.active {
  background-color: #ffc107 !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorWarning .nav .nav-item:not(:first-child) {
  border-left: 1px solid rgba(255, 193, 7, 0.4);
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorTeal .nav .nav-link:not(.active) {
  color: #20c997 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorTeal .nav .nav-link.active {
  background-color: #20c997 !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorTeal .nav .nav-item:not(:first-child) {
  border-left: 1px solid rgba(32, 201, 151, 0.4);
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorPurple .nav .nav-link:not(.active) {
  color: #6f42c1 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorPurple .nav .nav-link.active {
  background-color: #6f42c1 !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorPurple .nav .nav-item:not(:first-child) {
  border-left: 1px solid rgba(111, 66, 193, 0.4);
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorInfo .nav .nav-link:not(.active) {
  color: #72d2c2 !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorInfo .nav .nav-link.active {
  background-color: #72d2c2 !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorInfo .nav .nav-item:not(:first-child) {
  border-left: 1px solid rgba(114, 210, 194, 0.4);
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorWhite .nav .nav-link:not(.active) {
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorWhite .nav .nav-link.active {
  background-color: #ffffff !important;
  color: #ffffff !important;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorWhite .nav .nav-item:not(:first-child) {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.colorSuccess .nav .nav-link.active, .tabs.colorWarning .nav .nav-link.active {
  color: rgb(18, 27, 54) !important;
}

.tabsContainer .tabsImage {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 260px;
}
.tabsContainer .tabsImage::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.tabsContainer .tabsImage.colorPrimary::after {
  background-color: #04a8ff;
}
.tabsContainer .tabsImage.colorDanger::after {
  background-color: #FF0066;
}
.tabsContainer .tabsImage.colorSuccess::after {
  background-color: #01FF88;
}
.tabsContainer .tabsImage.colorWarning::after {
  background-color: #ffc107;
}
.tabsContainer .tabsImage.colorTeal::after {
  background-color: #20c997;
}
.tabsContainer .tabsImage.colorPurple::after {
  background-color: #6f42c1;
}
.tabsContainer .tabsImage.colorInfo::after {
  background-color: #72d2c2;
}
.tabsContainer .tabsImage.colorWhite::after {
  background-color: #ffffff;
}
.tabsContainer .tabsImage.opacity-0-5::after {
  opacity: 0.5;
}
.tabsContainer .tabsImage.opacity-0-65::after {
  opacity: 0.65;
}
.tabsContainer .tabsImage.opacity-0-8::after {
  opacity: 0.8;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/TitleFigureLong/titleFigureLong.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.blocTitle {
  font-family: "dinBold", sans-serif;
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.blocTitle.withFigure span:first-child {
  margin-right: 16px;
  font-size: 72px;
  font-family: "Sen", sans-serif;
  font-weight: 600;
}
.blocTitle.colorPrimary span:first-child {
  color: #04a8ff;
}
.blocTitle.colorDanger span:first-child {
  color: #FF0066;
}
.blocTitle.colorSuccess span:first-child {
  color: #01FF88;
}
.blocTitle.colorWarning span:first-child {
  color: #ffc107;
}
.blocTitle.colorTeal span:first-child {
  color: #20c997;
}
.blocTitle.colorPurple span:first-child {
  color: #6f42c1;
}
.blocTitle.colorInfo span:first-child {
  color: #72d2c2;
}
.blocTitle.colorWhite span:first-child {
  color: #ffffff;
}

p {
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  margin: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/TitleTextNoBoxing/titleTextNoBoxing.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.titleTextNoBoxingContainer h2,
.titleTextNoBoxingContainer h3,
.titleTextNoBoxingContainer h4,
.titleTextNoBoxingContainer h5,
.titleTextNoBoxingContainer h6 {
  color: #ffffff;
  margin-bottom: 24px;
}
.titleTextNoBoxingContainer .separator {
  height: 4px;
  width: 54px;
  margin-bottom: 24px;
  margin-left: 0;
  margin-right: 0;
}
.titleTextNoBoxingContainer .separator.colorPrimary {
  background-color: #04a8ff;
}
.titleTextNoBoxingContainer .separator.colorDanger {
  background-color: #FF0066;
}
.titleTextNoBoxingContainer .separator.colorSuccess {
  background-color: #01FF88;
}
.titleTextNoBoxingContainer .separator.colorWarning {
  background-color: #ffc107;
}
.titleTextNoBoxingContainer .separator.colorTeal {
  background-color: #20c997;
}
.titleTextNoBoxingContainer .separator.colorPurple {
  background-color: #6f42c1;
}
.titleTextNoBoxingContainer .separator.colorInfo {
  background-color: #72d2c2;
}
.titleTextNoBoxingContainer .separator.colorWhite {
  background-color: #ffffff;
}
.titleTextNoBoxingContainer p {
  color: #ffffff;
  margin: 0;
}
.titleTextNoBoxingContainer .center .separator {
  margin-left: auto;
  margin-right: auto;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/TitleWithSeparator/titleWithSeparator.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.titleWithSeparatorContainer .infraBox {
  height: 100%;
}
.titleWithSeparatorContainer .blocTitle {
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1.2;
  font-size: 24px;
  font-weight: 600;
}
.titleWithSeparatorContainer .blocTitle.centered {
  justify-content: center;
}
.titleWithSeparatorContainer .separator {
  height: 4px;
  width: 54px;
  margin-bottom: 24px;
  margin-left: 0;
  margin-right: 0;
}
.titleWithSeparatorContainer .separator.colorPrimary {
  background-color: #04a8ff;
}
.titleWithSeparatorContainer .separator.colorDanger {
  background-color: #FF0066;
}
.titleWithSeparatorContainer .separator.colorSuccess {
  background-color: #01FF88;
}
.titleWithSeparatorContainer .separator.colorWarning {
  background-color: #ffc107;
}
.titleWithSeparatorContainer .separator.colorTeal {
  background-color: #20c997;
}
.titleWithSeparatorContainer .separator.colorPurple {
  background-color: #6f42c1;
}
.titleWithSeparatorContainer .separator.colorInfo {
  background-color: #72d2c2;
}
.titleWithSeparatorContainer .separator.colorWhite {
  background-color: #ffffff;
}
.titleWithSeparatorContainer .centered + .separator {
  margin-left: auto;
  margin-right: auto;
}
.titleWithSeparatorContainer p {
  color: #ffffff;
  margin: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/TextImageContainer/textImageContainer.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.textImageContainer {
  border-radius: 16px;
  overflow: hidden;
}
.textImageContainer .row {
  align-items: stretch;
}
.textImageContainer .infraBox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.textImageContainer .infraBox .content {
  width: 100%;
}
.textImageContainer .blocTitle {
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1.2;
  font-size: 24px;
  font-weight: 600;
}
.textImageContainer .blocTitle.centered {
  text-align: center;
  justify-content: center;
}
.textImageContainer .separator {
  height: 4px;
  width: 54px;
  margin-bottom: 24px;
  margin-left: 0;
  margin-right: 0;
}
.textImageContainer .separator.colorPrimary {
  background-color: #04a8ff;
}
.textImageContainer .separator.colorDanger {
  background-color: #FF0066;
}
.textImageContainer .separator.colorSuccess {
  background-color: #01FF88;
}
.textImageContainer .separator.colorWarning {
  background-color: #ffc107;
}
.textImageContainer .separator.colorTeal {
  background-color: #20c997;
}
.textImageContainer .separator.colorPurple {
  background-color: #6f42c1;
}
.textImageContainer .separator.colorInfo {
  background-color: #72d2c2;
}
.textImageContainer .separator.colorWhite {
  background-color: #ffffff;
}
.textImageContainer .centered + .separator {
  margin-left: auto;
  margin-right: auto;
}
.textImageContainer p {
  color: #ffffff;
  margin: 0;
}
.textImageContainer .imageContainer {
  position: relative;
  height: 100%;
  min-height: 300px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.textImageContainer .imageContainer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.textImageContainer .imageContainer.opacity-0-5::before {
  opacity: 0.5;
}
.textImageContainer .imageContainer.opacity-0-65::before {
  opacity: 0.65;
}
.textImageContainer .imageContainer.opacity-0-8::before {
  opacity: 0.8;
}
.textImageContainer .imageContainer.color-primary::before {
  background-color: #04a8ff;
}
.textImageContainer .imageContainer.color-danger::before {
  background-color: #FF0066;
}
.textImageContainer .imageContainer.color-success::before {
  background-color: #01FF88;
}
.textImageContainer .imageContainer.color-warning::before {
  background-color: #ffc107;
}
.textImageContainer .imageContainer.color-teal::before {
  background-color: #20c997;
}
.textImageContainer .imageContainer.color-purple::before {
  background-color: #6f42c1;
}
.textImageContainer .imageContainer.color-info::before {
  background-color: #72d2c2;
}
.textImageContainer .imageContainer.color-white::before {
  background-color: #ffffff;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/BoxedImage/boxedImage.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.boxedImageContainer {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 16px;
  overflow: hidden;
}
.boxedImageContainer.normal {
  padding: 5rem 0;
}
.boxedImageContainer.large {
  padding: 7rem 0;
}
.boxedImageContainer.superlarge {
  padding: 10rem 0;
}
.boxedImageContainer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.boxedImageContainer.opacity-0-5::before {
  opacity: 0.5;
}
.boxedImageContainer.opacity-0-65::before {
  opacity: 0.65;
}
.boxedImageContainer.opacity-0-8::before {
  opacity: 0.8;
}
.boxedImageContainer.color-primary::before {
  background-color: #04a8ff;
}
.boxedImageContainer.color-danger::before {
  background-color: #FF0066;
}
.boxedImageContainer.color-success::before {
  background-color: #01FF88;
}
.boxedImageContainer.color-warning::before {
  background-color: #ffc107;
}
.boxedImageContainer.color-teal::before {
  background-color: #20c997;
}
.boxedImageContainer.color-purple::before {
  background-color: #6f42c1;
}
.boxedImageContainer.color-info::before {
  background-color: #72d2c2;
}
.boxedImageContainer.color-white::before {
  background-color: #ffffff;
}
.boxedImageContainer .container {
  position: relative;
  z-index: 1;
}
.boxedImageContainer .boxedImageTitle {
  line-height: 1.35;
  font-weight: 500;
  font-size: 32px;
  margin: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/BlogPostsGrid/blogPostsGrid.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.blogGridTitle {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  color: #ffffff;
}

@media (max-width: 991px) {
  .postsContainer .row {
    overflow: hidden;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    transition: transform 0.3s ease-out;
  }
}
.postsContainer .navigation {
  margin-top: -12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.postsContainer .navigation button {
  background: none;
  border: none;
  cursor: pointer;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
  height: 32px;
}
.postsContainer .navigation button i {
  font-size: 32px;
  color: #04a8ff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.postsContainer .navigation button:hover:not(:disabled) i {
  transform: scale(1.1);
}
.postsContainer .navigation button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.postsContainer .navigation .bullets {
  display: flex;
  gap: 12px;
  align-items: center;
}
.postsContainer .navigation .bullets .bullet {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #ffffff;
  cursor: pointer;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.postsContainer .navigation .bullets .bullet:hover {
  background-color: rgba(4, 168, 255, 0.3);
}
.postsContainer .navigation .bullets .bullet.active {
  background-color: #04a8ff;
  width: 24px;
}
.postsContainer:has(.blogPost.colorPrimary) .navigation button i {
  color: #04a8ff;
}
.postsContainer:has(.blogPost.colorPrimary) .navigation .bullets .bullet:hover {
  background-color: rgba(4, 168, 255, 0.3);
}
.postsContainer:has(.blogPost.colorPrimary) .navigation .bullets .bullet.active {
  background-color: #04a8ff;
}
.postsContainer:has(.blogPost.colorDanger) .navigation button i {
  color: #FF0066;
}
.postsContainer:has(.blogPost.colorDanger) .navigation .bullets .bullet:hover {
  background-color: rgba(255, 0, 102, 0.3);
}
.postsContainer:has(.blogPost.colorDanger) .navigation .bullets .bullet.active {
  background-color: #FF0066;
}
.postsContainer:has(.blogPost.colorSuccess) .navigation button i {
  color: #01FF88;
}
.postsContainer:has(.blogPost.colorSuccess) .navigation .bullets .bullet:hover {
  background-color: rgba(1, 255, 136, 0.3);
}
.postsContainer:has(.blogPost.colorSuccess) .navigation .bullets .bullet.active {
  background-color: #01FF88;
}
.postsContainer:has(.blogPost.colorWarning) .navigation button i {
  color: #ffc107;
}
.postsContainer:has(.blogPost.colorWarning) .navigation .bullets .bullet:hover {
  background-color: rgba(255, 193, 7, 0.3);
}
.postsContainer:has(.blogPost.colorWarning) .navigation .bullets .bullet.active {
  background-color: #ffc107;
}
.postsContainer:has(.blogPost.colorTeal) .navigation button i {
  color: #20c997;
}
.postsContainer:has(.blogPost.colorTeal) .navigation .bullets .bullet:hover {
  background-color: rgba(32, 201, 151, 0.3);
}
.postsContainer:has(.blogPost.colorTeal) .navigation .bullets .bullet.active {
  background-color: #20c997;
}
.postsContainer:has(.blogPost.colorPurple) .navigation button i {
  color: #6f42c1;
}
.postsContainer:has(.blogPost.colorPurple) .navigation .bullets .bullet:hover {
  background-color: rgba(111, 66, 193, 0.3);
}
.postsContainer:has(.blogPost.colorPurple) .navigation .bullets .bullet.active {
  background-color: #6f42c1;
}
.postsContainer:has(.blogPost.colorInfo) .navigation button i {
  color: #72d2c2;
}
.postsContainer:has(.blogPost.colorInfo) .navigation .bullets .bullet:hover {
  background-color: rgba(114, 210, 194, 0.3);
}
.postsContainer:has(.blogPost.colorInfo) .navigation .bullets .bullet.active {
  background-color: #72d2c2;
}
.postsContainer:has(.blogPost.colorWhite) .navigation button i {
  color: #ffffff;
}
.postsContainer:has(.blogPost.colorWhite) .navigation .bullets .bullet:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.postsContainer:has(.blogPost.colorWhite) .navigation .bullets .bullet.active {
  background-color: #ffffff;
}

.blogPost {
  background-color: #000000;
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.blogPost .row {
  height: 100%;
}
.blogPost .bgi {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogPost .voirPlus {
  opacity: 0.5;
  font-size: 14px;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blogPost .voirPlus i {
  font-size: 20px;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.blogPost:hover .voirPlus {
  opacity: 1;
}
.blogPost.oneCol {
  height: 220px;
  background-color: #000000;
}
.blogPost.oneCol p {
  display: none;
}
.blogPost.oneCol .col-4 {
  position: static;
  width: 0;
  height: 0;
  padding: 0 !important;
}
.blogPost.oneCol .col-8 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 100%;
}
.blogPost.oneCol .col-8 .postBlogTitle {
  height: 72px;
}
.blogPost.oneCol .col-8 .postBlogTitle span {
  -webkit-line-clamp: 3;
}
.blogPost.oneCol .bgi {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.5;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.blogPost.oneCol:hover .bgi {
  opacity: 0;
}
.blogPost.colorPrimary:not(.oneCol) .postBlogTitle,
.blogPost.colorPrimary:not(.oneCol) .voirPlus {
  color: #04a8ff;
}
.blogPost.colorPrimary.oneCol strong,
.blogPost.colorPrimary.oneCol small,
.blogPost.colorPrimary.oneCol .voirPlus {
  color: #04a8ff;
}
.blogPost.colorPrimary.oneCol .postBlogTitle {
  color: #ffffff;
}
.blogPost.colorPrimary.oneCol:hover {
  background-color: #000000;
}
.blogPost.colorDanger:not(.oneCol) .postBlogTitle,
.blogPost.colorDanger:not(.oneCol) .voirPlus {
  color: #FF0066;
}
.blogPost.colorDanger.oneCol strong,
.blogPost.colorDanger.oneCol small,
.blogPost.colorDanger.oneCol .voirPlus {
  color: #FF0066;
}
.blogPost.colorDanger.oneCol .postBlogTitle {
  color: #ffffff;
}
.blogPost.colorDanger.oneCol:hover {
  background-color: #000000;
}
.blogPost.colorSuccess:not(.oneCol) .postBlogTitle,
.blogPost.colorSuccess:not(.oneCol) .voirPlus {
  color: #01FF88;
}
.blogPost.colorSuccess.oneCol strong,
.blogPost.colorSuccess.oneCol small,
.blogPost.colorSuccess.oneCol .voirPlus {
  color: #01FF88;
}
.blogPost.colorSuccess.oneCol .postBlogTitle {
  color: #ffffff;
}
.blogPost.colorSuccess.oneCol:hover {
  background-color: #000000;
}
.blogPost.colorWarning:not(.oneCol) .postBlogTitle,
.blogPost.colorWarning:not(.oneCol) .voirPlus {
  color: #ffc107;
}
.blogPost.colorWarning.oneCol strong,
.blogPost.colorWarning.oneCol small,
.blogPost.colorWarning.oneCol .voirPlus {
  color: #ffc107;
}
.blogPost.colorWarning.oneCol .postBlogTitle {
  color: #ffffff;
}
.blogPost.colorWarning.oneCol:hover {
  background-color: #000000;
}
.blogPost.colorTeal:not(.oneCol) .postBlogTitle,
.blogPost.colorTeal:not(.oneCol) .voirPlus {
  color: #20c997;
}
.blogPost.colorTeal.oneCol strong,
.blogPost.colorTeal.oneCol small,
.blogPost.colorTeal.oneCol .voirPlus {
  color: #20c997;
}
.blogPost.colorTeal.oneCol .postBlogTitle {
  color: #ffffff;
}
.blogPost.colorTeal.oneCol:hover {
  background-color: #000000;
}
.blogPost.colorPurple:not(.oneCol) .postBlogTitle,
.blogPost.colorPurple:not(.oneCol) .voirPlus {
  color: #6f42c1;
}
.blogPost.colorPurple.oneCol strong,
.blogPost.colorPurple.oneCol small,
.blogPost.colorPurple.oneCol .voirPlus {
  color: #6f42c1;
}
.blogPost.colorPurple.oneCol .postBlogTitle {
  color: #ffffff;
}
.blogPost.colorPurple.oneCol:hover {
  background-color: #000000;
}
.blogPost.colorInfo:not(.oneCol) .postBlogTitle,
.blogPost.colorInfo:not(.oneCol) .voirPlus {
  color: #72d2c2;
}
.blogPost.colorInfo.oneCol strong,
.blogPost.colorInfo.oneCol small,
.blogPost.colorInfo.oneCol .voirPlus {
  color: #72d2c2;
}
.blogPost.colorInfo.oneCol .postBlogTitle {
  color: #ffffff;
}
.blogPost.colorInfo.oneCol:hover {
  background-color: #000000;
}
.blogPost.colorWhite:not(.oneCol) .postBlogTitle,
.blogPost.colorWhite:not(.oneCol) .voirPlus {
  color: #ffffff;
}
.blogPost.colorWhite.oneCol strong,
.blogPost.colorWhite.oneCol small,
.blogPost.colorWhite.oneCol .voirPlus {
  color: #ffffff;
}
.blogPost.colorWhite.oneCol .postBlogTitle {
  color: #ffffff;
}
.blogPost.colorWhite.oneCol:hover {
  background-color: #000000;
}

.postBlogTitle {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  display: flex;
  align-items: center;
  justify-content: start;
  margin: 4px 0;
  height: 64px;
}
.postBlogTitle span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}

.flexCSB {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flexCS {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.fz14 {
  font-size: 14px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/blocks/TicketBox/ticketBox.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.ticketContainer .ticket {
  cursor: pointer;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  border-radius: 16px;
  background-color: #000000;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.ticketContainer .ticket i {
  flex-shrink: 0;
}
.ticketContainer .ticket .flex-grow-1 {
  flex-grow: 1;
  font-weight: 500;
}
.ticketContainer .ticket .btn {
  flex-shrink: 0;
  white-space: nowrap;
}

.ticket.colorPrimary i {
  color: #04a8ff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorPrimary div {
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorPrimary .btn {
  background-color: #04a8ff;
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorPrimary:hover {
  background-color: #04a8ff;
}
.ticket.colorPrimary:hover i, .ticket.colorPrimary:hover div {
  color: #ffffff;
}
.ticket.colorPrimary:hover .btn {
  background-color: #ffffff;
  color: #04a8ff;
}

.ticket.colorDanger i {
  color: #FF0066;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorDanger div {
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorDanger .btn {
  background-color: #FF0066;
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorDanger:hover {
  background-color: #FF0066;
}
.ticket.colorDanger:hover i, .ticket.colorDanger:hover div {
  color: #ffffff;
}
.ticket.colorDanger:hover .btn {
  background-color: #ffffff;
  color: #FF0066;
}

.ticket.colorSuccess i {
  color: #01FF88;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorSuccess div {
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorSuccess .btn {
  background-color: #01FF88;
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorSuccess:hover {
  background-color: #01FF88;
}
.ticket.colorSuccess:hover i, .ticket.colorSuccess:hover div {
  color: #ffffff;
}
.ticket.colorSuccess:hover .btn {
  background-color: #ffffff;
  color: #01FF88;
}

.ticket.colorWarning i {
  color: #ffc107;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorWarning div {
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorWarning .btn {
  background-color: #ffc107;
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorWarning:hover {
  background-color: #ffc107;
}
.ticket.colorWarning:hover i, .ticket.colorWarning:hover div {
  color: #ffffff;
}
.ticket.colorWarning:hover .btn {
  background-color: #ffffff;
  color: #ffc107;
}

.ticket.colorTeal i {
  color: #20c997;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorTeal div {
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorTeal .btn {
  background-color: #20c997;
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorTeal:hover {
  background-color: #20c997;
}
.ticket.colorTeal:hover i, .ticket.colorTeal:hover div {
  color: #ffffff;
}
.ticket.colorTeal:hover .btn {
  background-color: #ffffff;
  color: #20c997;
}

.ticket.colorPurple i {
  color: #6f42c1;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorPurple div {
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorPurple .btn {
  background-color: #6f42c1;
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorPurple:hover {
  background-color: #6f42c1;
}
.ticket.colorPurple:hover i, .ticket.colorPurple:hover div {
  color: #ffffff;
}
.ticket.colorPurple:hover .btn {
  background-color: #ffffff;
  color: #6f42c1;
}

.ticket.colorInfo i {
  color: #72d2c2;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorInfo div {
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorInfo .btn {
  background-color: #72d2c2;
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorInfo:hover {
  background-color: #72d2c2;
}
.ticket.colorInfo:hover i, .ticket.colorInfo:hover div {
  color: #ffffff;
}
.ticket.colorInfo:hover .btn {
  background-color: #ffffff;
  color: #72d2c2;
}

.ticket.colorWhite i {
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorWhite div {
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorWhite .btn {
  background-color: #ffffff;
  color: #ffffff;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
}
.ticket.colorWhite:hover {
  background-color: #ffffff;
}
.ticket.colorWhite:hover i, .ticket.colorWhite:hover div {
  color: #ffffff;
}
.ticket.colorWhite:hover .btn {
  background-color: #ffffff;
  color: #ffffff;
}

.ticket.colorSuccess .btn,
.ticket.colorWarning .btn {
  color: rgb(18, 27, 54) !important;
}
.ticket.colorSuccess:hover i, .ticket.colorSuccess:hover div,
.ticket.colorWarning:hover i,
.ticket.colorWarning:hover div {
  color: rgb(18, 27, 54) !important;
}
.ticket.colorSuccess:hover .btn,
.ticket.colorWarning:hover .btn {
  color: rgb(18, 27, 54) !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/heros/Simple/simple-hero.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-Success {
  color: rgb(18, 27, 54) !important;
}
.btn-Success i {
  color: inherit;
}

.bg-Dark {
  background-color: rgb(18, 27, 54);
}

.topOfPage h1 {
  font-size: 50px;
  font-weight: 600;
  line-height: 1.35;
}
@media (max-width: 768px) {
  .topOfPage h1 {
    font-size: 40px;
  }
}