/* Button and link color */
/* Used on Links-Buttons-Backgroud */
/* Text */
/* (used in Backgroud) */
/* #0070d2; Links */
/* Uncount */
/* 2px  previous 0.1875rem; */
/* Body,p */
/* $line-height-base:22px; */
/* $font-weight-bold: 700; */
/* $small-font-size: 0.75em; */
/* #f3f3f4; */
/* $white; */
/*********  ADD/UPDATE NEW VARIABLES START  ************/
/*********  ADD/UPDATE NEW VARIABLES END  ************/
.experience-commerce_layouts-tabLayout .experience-secondCol,
.experience-commerce_layouts-tabLayout .experience-commerce_assets-ctabanner,
.experience-commerce_layouts-tabLayout .banner-container,
.experience-commerce_layouts-tabLayout .cta-banner-inner {
  height: 100%; }

.experience-commerce_layouts-tabLayout .banner-container {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.cta-banner-inner {
  margin: 0px 0px 0px 0px;
  min-height: 210px;
  display: flex;
  flex-wrap: nowrap; }
  @media (max-width: 767.98px) {
    .cta-banner-inner {
      text-align: center; } }
  .cta-banner-inner .cta-banner-left {
    padding: 19px 30px 30px 30px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%; }
    @media (max-width: 767.98px) {
      .cta-banner-inner .cta-banner-left {
        text-align: center; } }
    .cta-banner-inner .cta-banner-left .cta-heading-container {
      padding-left: 0px; }
      .cta-banner-inner .cta-banner-left .cta-heading-container h1 {
        margin: 0px 0px 0px 0px;
        font-family: "bentonsans-extra-light-webfont", "FuturaStd", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 28px;
        color: #fff;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        text-align: center; }
        @media (max-width: 991.98px) {
          .cta-banner-inner .cta-banner-left .cta-heading-container h1 {
            font-size: 20px; } }
        @media (max-width: 767.98px) {
          .cta-banner-inner .cta-banner-left .cta-heading-container h1 {
            text-align: center; } }
    .cta-banner-inner .cta-banner-left .cta-description-container {
      margin: 20px 0px 11px 0px;
      padding-left: 0px; }
      .cta-banner-inner .cta-banner-left .cta-description-container .cta-banner-description-text {
        font-family: "bentonsans-extra-light-webfont", "FuturaStd", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 15px;
        color: #fff !important;
        font-weight: normal !important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
        text-align: center; }
        @media (max-width: 991.98px) {
          .cta-banner-inner .cta-banner-left .cta-description-container .cta-banner-description-text {
            font-size: 13px; } }
        @media (max-width: 767.98px) {
          .cta-banner-inner .cta-banner-left .cta-description-container .cta-banner-description-text {
            text-align: left; } }
        .cta-banner-inner .cta-banner-left .cta-description-container .cta-banner-description-text span, .cta-banner-inner .cta-banner-left .cta-description-container .cta-banner-description-text a, .cta-banner-inner .cta-banner-left .cta-description-container .cta-banner-description-text p {
          font-family: "bentonsans-extra-light-webfont", "FuturaStd", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
          font-size: 15px;
          color: #fff !important;
          font-weight: normal !important;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.67;
          letter-spacing: normal;
          text-align: center; }
          @media (max-width: 991.98px) {
            .cta-banner-inner .cta-banner-left .cta-description-container .cta-banner-description-text span, .cta-banner-inner .cta-banner-left .cta-description-container .cta-banner-description-text a, .cta-banner-inner .cta-banner-left .cta-description-container .cta-banner-description-text p {
              font-size: 13px; } }
    .cta-banner-inner .cta-banner-left .cta-button-container {
      padding-left: 0px;
      margin-top: 0px;
      text-align: center; }
      @media (max-width: 767.98px) {
        .cta-banner-inner .cta-banner-left .cta-button-container {
          margin-top: 10px; } }
      .cta-banner-inner .cta-banner-left .cta-button-container .btn {
        width: 300px;
        padding-top: 0.9rem;
        padding-bottom: 0.9rem;
        font-size: 0.8rem;
        font-weight: 300;
        color: #0089ff !important;
        background-color: #fff !important; }
        .cta-banner-inner .cta-banner-left .cta-button-container .btn:hover {
          background-color: #0089ff !important;
          color: #fff !important; }
  .cta-banner-inner .cta-image {
    margin-top: 30px;
    text-align: center; }
    @media (max-width: 767.98px) {
      .cta-banner-inner .cta-image {
        text-align: left; } }
    .cta-banner-inner .cta-image img {
      margin: auto;
      width: 152px;
      height: 94px; }
      @media (min-width: 768px) and (max-width: 991.98px) {
        .cta-banner-inner .cta-image img {
          width: 90px;
          height: 56px; } }