.experience-commerce_assets-adImageCardHtml {
  width: 100%; }
  .experience-commerce_assets-adImageCardHtml .full-width-block {
    height: 100%; }
    .experience-commerce_assets-adImageCardHtml .full-width-block .image-container {
      height: 100%; }
      .experience-commerce_assets-adImageCardHtml .full-width-block .image-container picture {
        height: 100%; }
        .experience-commerce_assets-adImageCardHtml .full-width-block .image-container picture img {
          min-height: 100%; }
  .experience-commerce_assets-adImageCardHtml p {
    margin-bottom: 0; }
  .experience-commerce_assets-adImageCardHtml .video-container2 {
    width: 100%;
    height: 154px;
    overflow: hidden;
    position: relative; }
    .experience-commerce_assets-adImageCardHtml .video-container2 div {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
  .experience-commerce_assets-adImageCardHtml .video-container {
    height: 200px;
    position: relative; }
  .experience-commerce_assets-adImageCardHtml .video-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1; }
    .experience-commerce_assets-adImageCardHtml .video-inner video,
    .experience-commerce_assets-adImageCardHtml .video-inner .video-js {
      /* Make video to at least 100% wide and tall */
      min-width: 100%;
      min-height: 100%;
      /* Setting width & height to auto prevents the browser from stretching or squishing the video */
      width: auto;
      height: auto;
      /* Center the video */
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .experience-commerce_assets-adImageCardHtml ._ad-btn-div button:hover::before {
    content: var(--textonhover); }
  .experience-commerce_assets-adImageCardHtml ._ad-btn-div button:hover span {
    display: none; }
  .experience-commerce_assets-adImageCardHtml .btn-bg-black {
    background-color: #000;
    color: #fff; }
  .experience-commerce_assets-adImageCardHtml .btn-bg-black:hover {
    color: #fff;
    text-decoration: none; }
  .experience-commerce_assets-adImageCardHtml .blackhoverbtn:hover {
    background-color: #000;
    color: #fff;
    border-color: #000; }
  .experience-commerce_assets-adImageCardHtml .blackhover-transition:hover {
    padding: 7px 5px !important;
    width: 100%;
    height: unset;
    max-width: 200px; }
  .experience-commerce_assets-adImageCardHtml ._ad-btn .btn:not(.btn-link) {
    font-weight: 700; }
  .experience-commerce_assets-adImageCardHtml ._ad-btn3 {
    padding-top: var(--btn3padtop); }
  .experience-commerce_assets-adImageCardHtml ._ad-btn2 {
    padding-top: var(--btn2padtop); }
  .experience-commerce_assets-adImageCardHtml ._ad-btn1 {
    padding-top: var(--btn1padtop); }
  .experience-commerce_assets-adImageCardHtml ._ad-full-width {
    width: 100% !important; }
  .experience-commerce_assets-adImageCardHtml .text-dark {
    color: #000 !important; }
  .experience-commerce_assets-adImageCardHtml ._ad-subheading-cl {
    width: var(--adSubheadingWidth);
    padding: var(--adSubheadingPadding); }
  .experience-commerce_assets-adImageCardHtml ._ad-image-component {
    position: relative;
    padding: 0; }
    .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-card-info {
      top: var(--adTopPosition);
      left: var(--adLeftPosition);
      width: var(--adWidth);
      transform: translate(-50%, -50%);
      overflow-wrap: break-word;
      position: absolute; }
      .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-card-info ._ad-inner-info {
        width: var(--firstcolwidthval);
        max-width: var(--firstcolwidthval); }
      .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-card-info ._ad-btn-div {
        width: var(--secondcolwidthval);
        max-width: var(--secondcolwidthval);
        -ms-flex-pack: var(--buttonsalignval);
            justify-content: var(--buttonsalignval); }
    .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-btn-cls {
      padding: 7px 30px;
      font-size: 1rem;
      font-weight: 700;
      border-radius: 0;
      transition: width 1s ease-in-out;
      height: unset; }
    .experience-commerce_assets-adImageCardHtml ._ad-image-component .btn-link {
      text-decoration: underline !important; }
    .experience-commerce_assets-adImageCardHtml ._ad-image-component picture {
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      display: -ms-flexbox;
      display: flex; }
      .experience-commerce_assets-adImageCardHtml ._ad-image-component picture .component-image {
        width: var(--adbackimgwidthval);
        height: var(--adbackimgheightval);
        max-width: 100%; }
    .experience-commerce_assets-adImageCardHtml ._ad-image-component .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, var(--desktopOverlay)); }
  @media (max-width: 767.98px) {
    .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-card-info {
      width: 100%;
      left: var(--adLeftPositionMobile);
      top: var(--adTopPositionmob); }
      .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-card-info ._ad-inner-info {
        width: 100%;
        max-width: 100%; }
      .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-card-info ._ad-btn-div {
        width: 100%;
        max-width: 100%;
        -ms-flex-pack: var(--buttonmobAlignval) !important;
            justify-content: var(--buttonmobAlignval) !important; }
    .experience-commerce_assets-adImageCardHtml .add-btn-pad-top {
      padding-top: 10px; }
    .experience-commerce_assets-adImageCardHtml .text-center-mob {
      text-align: center !important; }
    .experience-commerce_assets-adImageCardHtml ._ad-image-component .component-image {
      width: 100% !important;
      height: 100% !important; }
    .experience-commerce_assets-adImageCardHtml ._ad-image-component {
      padding-bottom: var(--adpaddingbottomval); }
    .experience-commerce_assets-adImageCardHtml ._ad-subheading-cl {
      width: 100% !important;
      padding: 10px !important; }
    .experience-commerce_assets-adImageCardHtml .full-size-ad {
      padding-bottom: 0;
      margin-left: -15px;
      margin-right: -15px; }
    .experience-commerce_assets-adImageCardHtml .cnt-mob-align-left .text-align-mob {
      text-align: left !important; }
    .experience-commerce_assets-adImageCardHtml .cnt-mob-align-left ._ad-text-font {
      padding-inline-start: 15px; }
    .experience-commerce_assets-adImageCardHtml .cnt-mob-align-center .text-align-mob {
      text-align: center !important; }
    .experience-commerce_assets-adImageCardHtml .content-under-img .add-card-info {
      position: relative !important;
      transform: translate(-50%, 0%); }
    .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-card-info.switch-styles {
      position: relative;
      color: #000 !important;
      transform: translate(0, 0);
      left: 0;
      top: 0;
      width: 100%;
      margin-left: 0; }
      .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-card-info.switch-styles .text-white {
        color: #000 !important; }
      .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-card-info.switch-styles ._ad-btn {
        padding-top: 0; }
        .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-card-info.switch-styles ._ad-btn .btn {
          color: #000 !important;
          padding-inline-start: 0;
          padding-inline-end: 0;
          font-weight: normal;
          background: #fff;
          border-color: #fff;
          text-decoration: underline; }
      .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-card-info.switch-styles ._ad-inner-info {
        padding-top: 0.5rem; }
        .experience-commerce_assets-adImageCardHtml ._ad-image-component .add-card-info.switch-styles ._ad-inner-info p {
          font-size: 0.875rem; }
    .experience-commerce_assets-adImageCardHtml .overlay {
      background: rgba(0, 0, 0, var(--desktopOverlay)); }
    .experience-commerce_assets-adImageCardHtml .cnt-mob-align-center .switch-styles .text-align-mob {
      text-align: left !important; } }
  @media only screen and (min-width: 768px) {
    .experience-commerce_assets-adImageCardHtml .pad-left-right {
      padding-inline-start: 0;
      padding-inline-end: 0; } }

/*# sourceMappingURL=adImageCardHtml.css.map*/