.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
  }
  
  h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 38px;
    line-height: 44px;
    font-weight: bold;
  }
  
  .x-digi-cs-nav-header {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 100;
    padding: 12px 0px;
    background-color: #fff;
  }
  
  .x-digi-cs-nav-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
  
  .x-digi-cs-logo {
    width: 84px;
  }
  
  .x-digi-cs-h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    font-family: Barlow, sans-serif;
    color: #6f7c87;
    font-size: 20px;
  }
  
  .x-digi-cs-wrapper {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    padding: 40px 30px 30px;
  }
  
  .x-digi-cs-wrapper.for-error {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .x-digi-cs-wrapper.for-margin-top_10 {
    padding-top: 10px;
  }
  
  .x-digi-cs-header {
    position: relative;
    margin-top: 0px;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #272727;
  }
  
  .x-digi-cs-h2 {
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 15px;
    font-family: Barlow, sans-serif;
    color: #ffe600;
    font-size: 60px;
    line-height: 100%;
    text-align: center;
  }
  
  .x-digi-cs-header-descrip {
    font-family: Barlow, sans-serif;
    color: #fff;
    font-size: 16px;
    text-align: center;
  }
  
  .x-digi-cs-section {
    width: 100%;
    margin-bottom: 0px;
    padding-bottom: 145px;
  }
  
  .x-digi-cs-section.without-padding {
    padding-bottom: 0px;
  }
  
  .x-digi-cs-container {
    display: block;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
  }
  
  .x-digi-cs-container.add-padding {
    margin-top: 53px;
  }
  
  .x-digi-cs-container.for-padding-top {
    padding-top: 16px;
  }
  
  .x-digi-cs-container.for-margin-bot {
    margin-bottom: 30px;
  }
  
  .x-digi-cs-h3 {
    margin-bottom: 20px;
    font-family: Barlow, sans-serif;
    font-size: 30px;
    text-align: center;
  }
  
  .x-digi-cs-h3.for-margin-bot {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  
  .x-digi-cs-h3.for-margin-bot_25 {
    margin-bottom: 25px;
  }
  
  .x-digi-cs-search-input {
    height: 56px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 20px;
    border-radius: 8px;
    background-color: hsla(0, 0%, 96.1%, 0.5);
    outline-color: #979797;
    outline-offset: 0px;
    outline-style: none;
    outline-width: 3px;
    font-family: Barlow, sans-serif;
    color: #979797;
    font-size: 16px;
    font-weight: 600;
  }
  
  .x-digi-cs-search-btn {
    position: absolute;
    left: 591px;
    top: -46px;
    display: inline-block;
    background-color: transparent;
  }
  
  .x-digi-cs-search-icon {
    position: absolute;
    left: auto;
    top: 14px;
    right: 11px;
    bottom: auto;
    width: 25px;
  }
  
  .x-digi-cs-divider-text {
    font-family: Barlow, sans-serif;
    font-weight: 700;
    text-align: center;
  }
  
  .x-digi-cs-divider-line {
    width: 300px;
    border-style: solid none none;
    border-width: 1px;
    border-color: #cecece #e2e2e2 #e2e2e2;
  }
  
  .x-digi-cs-flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-input-date-label {
    top: 8px !important;
  }
  
  .x-input-label {
    position: absolute;
    left: 16px;
    top: 8px;
    margin-bottom: 0px;
    -webkit-transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1);
    font-family: Barlow, sans-serif;
    color: #979797;
    font-size: 12px;
    line-height: 12px;
  }
  
  .x-input-label.for-idle {
    position: absolute;
    top: 16px;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    cursor: text;
  }
  
  .x-input-label.for-idle.for-error {
    color: #e00000;
  }
  
  .x-input-label.for-idle {
    position: absolute;
    top: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    cursor: text;
  }
  
  .x-form-block {
    margin-bottom: 24px;
  }
  
  .x-form-block.for-lead-form {
    width: 100%;
    max-width: 1100px;
    margin-top: 12px;
    padding: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: #c7c9cc;
    border-radius: 16px;
    background-color: #fff;
  }
  
  .x-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 96px;
    margin-right: 8px;
    margin-left: 8px;
    padding: 8px 24px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #039be5;
    border-radius: 8px;
    background-color: #039be5;
    -webkit-transition: all 350ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 350ms cubic-bezier(0.86, 0, 0.07, 1);
    color: #fff;
    font-weight: 600;
    text-align: center;
  }
  
  .x-btn:hover {
    border-color: #272727;
    background-color: #272727;
  }
  
  .x-btn.for-full {
    width: 100%;
  }
  
  .x-btn.for-margin-15 {
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
  }
  
  .x-btn.for-outline {
    background-color: #fff;
    font-family: Barlow, sans-serif;
    color: #039be5;
  }
  
  .x-btn.for-outline:hover {
    color: #272727;
  }
  
  .x-btn.for-outline.no-margin {
    margin-right: 0px;
    margin-left: 0px;
  }
  
  .x-btn-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -8px;
    margin-left: -8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-endnote-h2 {
    width: 60%;
    min-width: 50px;
    margin-bottom: 8px;
    padding-right: 64px;
    padding-left: 64px;
    text-align: center;
  }
  
  .x-input-text {
    height: 56px;
    margin-bottom: 0px;
    padding: 24px 16px 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #c7c9cc;
    border-radius: 8px;
    background-color: hsla(0, 0%, 96.1%, 0.5);
    font-family: Barlow, sans-serif;
    font-size: 20px;
    font-weight: 600;
  }
  
  .x-input-text:hover {
    border-color: #272727;
    background-color: #fff;
  }
  
  .x-input-text:focus {
    border-color: #039be5;
    background-color: #fff;
  }
  
  .x-input-text.x-shorter-input-field {
    width: 100%;
    margin-right: 12px;
  }
  
  .x-input-text.for-error {
    border-color: #e00000;
  }
  
  .x-input-block {
    margin-bottom: 32px;
  }
  
  .x-input-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-bottom: 32px;
    margin-left: auto;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .x-input-col {
    margin: 25px auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .x-input-col:focus {
    border-style: none;
    border-width: 1px;
    border-color: red;
    border-radius: 8px;
  }
  
  .x-input-col.x-separator {
    margin-top: 40px;
  }
  
  .x-input-col.for-hide {
    display: none;
  }
  
  .x-input-select {
    height: 56px;
    margin-bottom: 0px;
    padding-right: 16px;
    padding-left: 16px;
    border-style: solid;
    border-width: 1px;
    border-color: #c7c9cc;
    border-radius: 8px;
    background-color: #f5f5f5;
    font-size: 16px;
    font-weight: 600;
  }
  
  .x-input-select:hover {
    border-color: #979797;
  }
  
  .x-input-select:focus {
    border-color: #039be5;
  }
  
  .x-input-select.x-input-select-adjust {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    border-style: none;
    border-radius: 0px;
  }
  
  .x-limit {
    position: relative;
    z-index: 10;
    display: block;
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding: 64px;
  }
  
  .x-limit.x-add-margin {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  
  .x-wrapper {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .x-section {
    position: relative;
    display: block;
    overflow: visible;
  }
  
  .x-section.for-ultra-yellow {
    z-index: 1;
    display: block;
    overflow: hidden;
    background-color: #fff7af;
  }
  
  .x-section.for-ultra-yellow {
    z-index: 1;
    display: none;
    overflow: hidden;
    background-color: #fff7af;
  }
  
  .x-section.asia-idd-pass {
    background-color: rgba(255, 230, 0, 0.15);
  }
  
  .x-input-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .x-input-container.custom-padding {
    padding-right: 12px;
    padding-left: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #c7c9cc;
    border-radius: 8px;
    background-color: #f5f5f5;
  }
  
  .x-section-bg {
    position: absolute;
    left: 0%;
    top: 50%;
    right: 0%;
    display: block;
    width: 100%;
    max-width: none;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }
  
  .x-center-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-center-action.no-space {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  .x-digi-cs-input-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px;
    margin-bottom: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  
  .x-digi-cs-input-container.for-dropdown {
    display: none;
    height: 56px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 7px;
    padding-right: 12px;
    padding-bottom: 12px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid #c7c9cc;
    border-radius: 8px;
    background-color: hsla(0, 0%, 96.1%, 0.5);
  }
  
  .x-digi-cs-input-container.for-horizontal-flex {
    margin-top: 40px;
    margin-bottom: 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .x-digi-cs-input-label {
    position: absolute;
    left: -1px;
    top: 16px;
    margin-bottom: 0px;
    padding-top: 2px;
    padding-left: 20px;
    font-family: Barlow, sans-serif;
    color: #979797;
    font-size: 16px;
    font-weight: 700;
  }
  
  .x-digi-cs-input-label.for-track-tac {
    top: 52px;
  }
  
  .x-digi-cs-input-label.add-relative-space {
    top: 46px;
  }
  
  .x-digi-cs-input-label.for-idle {
    left: 3px;
    top: 17px;
    font-size: 16px;
  }
  
  .x-digi-cs-input-label.remove-spacing {
    padding-left: 0px;
  }
  
  .x-digi-cs-input-text {
    height: 56px;
    margin-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 1px solid #c7c9cc;
    border-radius: 8px;
    background-color: hsla(0, 0%, 96.1%, 0.5);
  }
  
  .x-digi-cs-input-text.for-description {
    height: 150px;
  }
  
  .x-digi-cs-input-text.for-btn {
    width: 500px;
  }
  
  .x-digi-cs-input-text.for-btn.for-attachment {
    width: 100%;
    margin-right: 12px;
    border-style: none;
    background-color: transparent;
  }
  
  .x-digi-cs-input-select {
    margin-bottom: 0px;
    border: 1px none #000;
    background-color: transparent;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }
  
  .x-digi-cs-btn-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-digi-cs-btn-container.for-track-tac {
    margin-top: 0px;
  }
  
  .x-digi-cs-btn {
    width: 100%;
    height: 56px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 8px;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
  
  .x-digi-cs-btn:hover {
    background-color: #272727;
  }
  
  .x-digi-cs-btn.x-shorter-btn {
    width: 300px;
    padding-top: 17px;
  }
  
  .x-digi-cs-btn.x-shorter-btn.for-success {
    width: auto;
    margin-top: 32px;
    padding-right: 24px;
    padding-left: 24px;
  }
  
  .x-digi-cs-btn.x-shorter-btn.for-outline:hover {
    border-color: #272727;
    color: #272727;
  }
  
  .x-digi-cs-btn.x-shorter-btn.for-outline.for-line-height-20 {
    line-height: 20px;
  }
  
  .x-digi-cs-btn.for-inactive-btn {
    background-color: #b3b3b3;
  }
  
  .x-digi-cs-btn.for-outline {
    border: 1px solid #3898ec;
    background-color: #fff;
    color: #3898ec;
    line-height: 32px;
  }
  
  .x-digi-cs-btn-loggedin {
    width: unset !important;
    display: inline-block !important;
    padding: 9px 15px !important;
  }
  
  .x-digi-cs-btn.for-login {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    height: 34px;
    margin-left: 16px;
    padding-top: 0px;
    padding-bottom: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffe600;
    color: #333;
    font-weight: 700;
  }
  
  .x-digi-cs-btn.for-login.for-bm {
    width: 150px;
  }
  
  .div-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .x-digi-cs-short-btn {
    width: 150px;
    height: 56px;
    border-radius: 8px;
    background-color: #039be5;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }
  
  .x-digi-cs-short-btn.for-inactive-btn {
    background-color: #b3b3b3;
  }
  
  .x-digi-cs-short-btn.for-outline {
    position: relative;
    z-index: 10;
    border: 1px solid #039be5;
    background-color: #fff;
    color: #039be5;
  }
  
  .x-digi-cs-tac-btn-ctn {
    margin-left: 0px;
  }
  
  .x-digi-cs-bodycopy {
    max-width: 480px;
    margin: 30px auto;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
  }
  
  .x-digi-cs-bodycopy.no-margin-top-bot {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  
  .x-digi-cs-bodycopy.no-margin-top-bot.for-qr {
    max-width: 380px;
    margin-top: 8px;
    margin-left: 0px;
    text-align: left;
  }
  
  .x-digi-cs-bodycopy.no-margin-top-bot.for-qr.for-bold {
    margin-top: 0px;
    font-weight: 700;
  }
  
  .x-digi-cs-bodycopy.margin-bot {
    margin-bottom: 8px;
  }
  
  .x-digi-cs-ticket-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 50px auto 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .image-2 {
    width: auto;
    height: auto;
  }
  
  .x-digi-cs-search-container {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  
  .x-digi-cs-input-title {
    margin-top: 32px;
    margin-bottom: 0px;
    font-family: Barlow, sans-serif;
    color: #979797;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
  
  .x-digi-cs-input-title.add-padding {
    margin-top: 0px;
    margin-bottom: 32px;
  }
  
  .x-digi-cs-input-title.add-padding.for-right-align {
    margin-top: 4px;
    text-align: left;
  }
  
  .x-digi-cs-message-container {
    max-width: 750px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #c7c9cc;
    border-radius: 8px;
    background-color: hsla(0, 0%, 96.1%, 0.5);
  }
  
  .x-digi-cs-ticket-details-grid {
    display: none;
    width: auto;
    max-width: none;
    margin-bottom: 50px;
    justify-items: stretch;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    grid-row-gap: 30px;
    -ms-grid-columns: 0.25fr 1fr;
    grid-template-columns: 0.25fr 1fr;
    -ms-grid-rows: auto auto auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto auto;
  }
  
  .x-digi-cs-ticket-details-grid.for-details {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto;
  }

  .x-digi-cs-ticket-details-grid.for-expand {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto
      auto;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
  }

  .x-digi-cs-ticket-details-grid.for-internal-agent{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    grid-template-rows: none;
  }
  .x-digi-cs-ticket-details-grid.for-internal-agent.for-identity {
    grid-row-gap: 30px;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  
  .x-digi-cs-ticket-details-grid.for-expand.for-identity {
    grid-row-gap: 30px;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  
  .x-icon {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-size: 24px;
    font-weight: 400;
  }
  
  .x-digi-cs-icon-dropdown {
    width: 20px;
    -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(-90deg);
    transform: rotateX(180deg) rotateY(0deg) rotateZ(-90deg);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .x-digi-cs-icon-dropdown.show {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  
  .x-digi-cs-icon-dropdown.for-expand {
    -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(-180deg);
    transform: rotateX(180deg) rotateY(0deg) rotateZ(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .x-digi-cs-ticket-details-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333;
    font-size: 16px;
    text-decoration: none;
  }
  
  .x-digi-cs-ticket-details-dropdown.for-padding-top {
    padding-top: 10px;
  }
  
  .x-digi-cs-ticket-details-title {
    font-family: Barlow, sans-serif;
    font-weight: 700;
  }
  
  .x-digi-cs-ticket-details-text {
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 500;
  }
  
  .x-digi-cs-ticket-details-text.add-margin {
    margin-left: 0px;
  }
  
  .x-digi-cs-ticket-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-left: 0px;
    padding: 6px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    background-color: #9ed3a6;
  }
  
  .x-digi-cs-ticket-label.for-closed-ticket {
    background-color: #fda3a3;
  }
  
  .x-digi-cs-ticket-attchmt-container {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 1px 1px 7px 3px hsla(0, 0%, 76%, 0.56);
  }
  
  .x-digi-cs-ticket-attchmt-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .x-digi-cs-message-thread-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .x-digi-cs-support-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  
  .x-digi-cs-support-chat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: auto;
    margin-top: 10px;
    margin-right: 300px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 2px solid #c7c9cc;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  
  .x-digi-cs-chat-text {
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 10px 15px 0px;
    border: 1px none #459be5;
    font-family: Barlow, sans-serif;
    font-weight: 400;
  }
  
  .x-digi-cs-chat-text.for-font-size-20 {
    padding-right: 16px;
    padding-left: 16px;
    font-size: 20px;
    line-height: 26px;
  }
  
  .x-digi-cs-chat-text.padding-top-16 {
    padding: 16px 0px 0px;
  }
  
  .x-digi-cs-cust-wrapper {
    width: auto;
    margin-left: 0px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .x-digi-cs-cust-name {
    font-family: Barlow, sans-serif;
    font-weight: 500;
    text-align: right;
  }
  
  .text-block-2 {
    text-align: right;
  }
  
  .x-digi-cs-message-time {
    margin-top: 5px;
    font-family: Barlow, sans-serif;
    color: #929292;
    font-size: 12px;
  }
  
  .x-digi-cs-message-time.for-right {
    text-align: right;
  }
  
  .x-digi-cs-cust-chat {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 10px;
    margin-left: 300px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #459be5;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  
  .x-digi-cs-cust-chat.x-img {
    height: auto;
  }
  
  .x-digi-cs-support-name {
    font-family: Barlow, sans-serif;
    font-weight: 500;
  }
  
  .x-digi-cs-attachment-wrapper {
    margin: 10px 0px 10px 10px;
    padding: 8px 16px;
    border-radius: 8px;
    background-color: #459be5;
  }
  
  .x-digi-cs-attachment-text {
    font-family: Barlow, sans-serif;
    color: #fff;
    font-weight: 500;
  }
  
  .x-digi-cs-mt-input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  
  .x-digi-cs-mt-input-field {
    display: block;
    width: 100%;
    margin-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .x-digi-cs-add-attachment {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  
  .x-digi-cs-send-icon {
    position: relative;
    left: 589px;
    top: -46px;
    right: auto;
    display: inline-block;
    width: auto;
    padding-right: 5px;
  }
  
  .x-digi-cs-td-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .x-digi-cs-td-row.for-hide {
    display: none;
  }
  
  .x-digi-cs-td-row.for-identity {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-digi-cs-details-grid {
    justify-items: start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: 150px 500px;
    grid-template-columns: 150px 500px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .x-digi-cs-td-line {
    width: auto;
    border-top: 1px solid #c7c9cc;
  }
  
  .x-digi-cs-td-line.for-hide {
    display: none;
  }
  
  .div-block-2 {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .x-digi-cs-td-grid {
    margin-bottom: 13px;
    justify-items: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .x-digi-cs-form-grid {
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    justify-items: stretch;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-grid-columns: 1fr 0.25fr;
    grid-template-columns: 1fr 0.25fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .x-digi-cs-input-label-2 {
    position: static;
    margin-bottom: 10px;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 700;
  }
  
  .x-digi-cs-input-label-2.txt-center {
    text-align: center;
  }
  
  .x-digi-cs-input-label-2.for-grey {
    color: #757575;
  }
  
  .x-digi-cs-input-label-2.no-margin-bot {
    margin-bottom: 0px;
  }
  
  .x-digi-cs-link {
    color: #459be5;
  }
  
  .x-digi-cs-tac-text {
    position: static;
    left: 250px;
    top: 18px;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
  }
  
  .x-digi-cs-tac-container {
    position: static;
    left: 397px;
    top: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .image-3 {
    width: 15px;
    height: 15px;
    margin-left: 5px;
  }
  
  .x-digi-cs-mt-end-wrapper {
    margin-top: 50px;
  }
  
  .x-digi-cs-mt-end-text {
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 8px;
    background-color: #e4e4e4;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
  }
  
  .x-promise-card-content {
    height: 210px;
    padding: 20px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #f5f5f5;
  }
  
  .x-promise-card-content.evp {
    height: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .x-more-toggle-label {
    display: block;
  }
  
  .x-more-toggle-label.evp {
    display: none;
  }
  
  .x-promise-image {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  
  .x-life-as-header {
    margin-top: 15px;
    margin-bottom: 20px;
    border-radius: 12px;
    background-color: transparent;
    font-size: 2em;
    text-align: center;
  }
  
  .x-life-as-header.header-2 {
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: center;
  }
  
  .x-image-text-grid {
    grid-column-gap: 15px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .x-card-header {
    margin-bottom: 10px;
    font-size: 1.5em;
    line-height: 100%;
    text-align: center;
  }
  
  .x-promise-card {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-style: none;
    border-width: 1px;
    border-color: #c7c9cc;
    border-radius: 12px;
    background-color: #fff;
  }
  
  .x-card-description {
    margin-bottom: 0px;
    line-height: 22px;
    font-weight: 400;
    text-align: center;
  }
  
  .x-card-description.more {
    font-size: 14px;
    line-height: 22px;
  }
  
  .x-more-toggle-static-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
  }
  
  .x-more-toggle-static-btn.evp {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .x-digi-cs-form-success {
    width: 100%;
    max-width: 720px;
    margin-top: 23px;
    border: 1px none #c7c9cc;
    border-radius: 16px;
    font-family: Barlow, sans-serif;
    font-size: 16px;
  }
  
  .x-digi-cs-form-error {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 17px;
    font-family: Barlow, sans-serif;
    font-size: 16px;
  }
  
  .x-input-counter {
    margin-top: 8px;
    color: #979797;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    text-align: right;
  }
  
  .x-input-helper {
    margin-top: 8px;
    padding-left: 8px;
    border-left: 2px solid #039be5;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    line-height: 14px;
  }
  
  .x-input-col-2 {
    margin-right: auto;
    margin-left: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .x-input-col-2.for-hide {
    display: none;
  }
  
  .x-input-counter-block {
    display: none;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 80px;
    grid-template-columns: 1fr 80px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .x-input-textarea {
    min-height: 128px;
    margin-bottom: 0px;
    padding: 24px 16px 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #c7c9cc;
    border-radius: 8px;
    background-color: hsla(0, 0%, 96.1%, 0.5);
    font-family: Barlow, sans-serif;
    font-size: 20px;
    font-weight: 600;
  }
  
  .x-input-textarea:hover {
    border-color: #272727;
    background-color: #fff;
  }
  
  .x-input-textarea:focus {
    border-color: #039be5;
    background-color: #fff;
  }
  
  .link {
    color: #459be5;
  }
  
  .x-digi-cs-search {
    margin-bottom: 0px;
  }
  
  .x-input-container-2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .x-input-container-3 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .x-input-select-2 {
    height: 56px;
    margin-bottom: 0px;
    padding-right: 16px;
    padding-left: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #c7c9cc;
    border-radius: 8px;
    background-color: hsla(0, 0%, 96.1%, 0.5);
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }
  
  .x-input-select-2:hover {
    border-color: #979797;
  }
  
  .x-input-select-2:focus {
    border-color: #039be5;
  }
  
  .x-digi-cs-mt-input-text-field {
    width: 100%;
    margin-bottom: 0px;
    border: 1px solid #c7c9cc;
    border-radius: 8px;
    font-family: Barlow, sans-serif;
    font-size: 16px;
  }
  
  .submit-button {
    display: none;
  }
  
  .list-item {
    list-style-type: none;
  }
  
  .x-slider-descrip {
    margin-left: 10px;
    padding-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-bottom: 1px dashed #c7c9cc;
    font-size: 14px;
    line-height: 20px;
  }
  
  .x-slider-descrip.bold {
    margin-left: 0px;
    font-weight: 700;
  }
  
  .x-slider-descrip.bold.bigger {
    padding-top: 25px;
    padding-bottom: 5px;
    font-size: 16px;
  }
  
  .x-slider-descrip.bold.bigger.promotions {
    border-bottom-style: none;
  }
  
  .x-important-note-list {
    padding-left: 13px;
    list-style-type: decimal;
  }
  
  .button {
    width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-align: center;
  }
  
  .x-table-slider {
    height: 100%;
    margin-bottom: 80px;
    background-color: transparent;
  }
  
  .x-table-plan-type-text {
    padding-top: 14px;
    padding-bottom: 33px;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    text-align: center;
  }
  
  .x-table-plan-price-action-text {
    padding-top: 12px;
    padding-bottom: 0px;
    font-weight: 700;
    text-align: center;
  }
  
  .x-table-slide-wrapper {
    padding: 55px 20px 46px;
    border-style: solid;
    border-width: 2px;
    border-color: #039be5;
    border-radius: 8px;
    background-color: #fff;
  }
  
  .x-table-slide-wrapper.card-back {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: block;
    height: 530px;
    margin-right: auto;
    margin-left: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .x-table-slide-wrapper.card-front {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: block;
    height: 530px;
    margin-right: auto;
    margin-left: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .x-di-title {
    margin-bottom: 10px;
    font-size: 2em;
    text-align: center;
  }
  
  .x-idd-tag {
    margin-left: 10px;
    padding: 0px 6px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    border-radius: 5px;
    background-color: #ff3939;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
  }
  
  .x-di-subtitle {
    margin-bottom: 0px;
    font-size: 1em;
    text-align: center;
  }
  
  .x-important-note {
    margin-top: 30px;
    font-size: 14px;
    line-height: 20px;
  }
  
  .x-important-note.for-center {
    text-align: center;
  }
  
  .x-important-note.for-center.for-top-padding {
    margin-top: 45px;
  }
  
  .x-slider-descrip-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-slider-descrip-wrapper.top {
    margin-top: 6px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-section-header.centre {
    margin-bottom: 25px;
    text-align: center;
  }
  
  .text-block-39 {
    position: absolute;
    left: 0px;
    top: 19px;
    width: auto;
    padding-right: 7px;
    padding-left: 7px;
    border-radius: 0px 8px 8px 0px;
    background-color: #ff3939;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
  }
  
  .x-arrow-left-wrapper {
    left: -21px;
    width: 30px;
    height: 40px;
    -webkit-transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .x-table-plan-quote-text {
    margin-bottom: 0px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 3em;
    line-height: 1;
    font-weight: 700;
    text-align: center;
  }
  
  .div-block-26 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 162px;
    padding-bottom: 23px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-imp-note-title {
    margin-bottom: 5px;
    font-weight: 700;
  }
  
  .text-block-36 {
    color: #039be5;
    font-weight: 500;
  }
  
  .x-table-slide-card-wrapper {
    position: relative;
    height: 100%;
    -webkit-transition: -webkit-transform 1000ms ease;
    transition: -webkit-transform 1000ms ease;
    transition: transform 1000ms ease;
    transition: transform 1000ms ease, -webkit-transform 1000ms ease;
  }
  
  .x-table-slide-card-wrapper.flip {
    -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .x-table-plan-price-text {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
  }
  
  .x-slider-dots {
    position: relative;
    left: 0%;
    top: 17px;
    right: 0%;
    bottom: -11%;
    z-index: 2000;
    width: 80px;
    height: 30px;
    padding-top: 6.5px;
    border-radius: 20px;
    background-color: rgba(56, 68, 77, 0.16);
  }
  
  .x-idd-icon {
    width: 15px;
    height: 15px;
  }
  
  .x-arrow-right-wrapper {
    right: -12px;
    width: 30px;
    height: 40px;
  }
  
  .x-table-slide-container {
    position: relative;
    width: 24%;
    margin-right: 13px;
    -webkit-transform: perspective(1234px);
    transform: perspective(1234px);
  }
  
  .image-13 {
    width: 18px;
  }
  
  .x-table-plan-cta {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
  }
  
  .x-table-plan-cta.back {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
  }
  
  .div-block-32 {
    margin-top: 75px;
  }
  
  .x-plan-bottom-cta-wrapper {
    display: block;
    width: auto;
    margin-top: 17px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .x-plan-see-details-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .text-span-75 {
    font-size: 20px;
  }
  
  .x-plan-bottom-price-footnote {
    font-weight: 500;
    text-align: center;
  }
  
  .x-plan-benefit-icon {
    width: 15px;
    height: 15px;
  }
  
  .x-plan-bottom-cta {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    font-weight: 700;
    text-align: center;
  }
  
  .x-plan-header {
    width: auto;
    border-style: solid solid none;
    border-width: 3px;
    border-color: #000;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffe600;
  }
  
  .x-plan-benefit-text {
    margin-left: 8px;
    border-bottom: 1px dashed #c7c9cc;
    font-size: 1em;
    line-height: 18px;
  }
  
  .x-plan-benefit-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-plan-benefit-wrapper {
    height: 100%;
    padding: 18px;
  }
  
  .x-plan-wrapper-back {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 3px solid #000;
    border-radius: 8px;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .x-plan-header-name {
    position: relative;
    top: 41px;
    width: auto;
    margin-right: 52px;
    margin-left: 52px;
    border-radius: 8px;
    background-color: #272727;
    color: #ffe600;
    font-weight: 700;
    text-align: center;
  }
  
  .x-arrow-right-wrapper-2 {
    right: -18px;
    width: 30px;
    height: 40px;
  }
  
  .x-plan-wrapper-front {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 3px none #000;
    border-radius: 8px;
    background-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .x-plan-benefit-footnote-text {
    padding-top: 19px;
    font-size: 14px;
    line-height: 18px;
  }
  
  .x-plan-bottom-price {
    margin-bottom: 94px;
  }
  
  .x-table-slide-container-2 {
    position: relative;
    width: 24%;
    height: 520px;
    margin-right: 13px;
    -webkit-transform: perspective(1234px);
    transform: perspective(1234px);
  }
  
  .x-plan-header-quota-gb {
    font-size: 30px;
  }
  
  .x-plan-header-quota {
    padding-top: 56px;
    padding-bottom: 56px;
    font-size: 80px;
    font-weight: 700;
    text-align: center;
  }
  
  .x-plan-bottom-price-text {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
  }
  
  .x-plan-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-style: none solid solid;
    border-width: 3px;
    border-color: #000;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #fff;
  }
  
  .x-plan-header-label {
    position: relative;
    margin: auto 72px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #ff3939;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
  }
  
  .x-plan-see-details-text {
    color: #039be5;
    font-weight: 600;
    text-align: center;
  }
  
  .x-plan-container {
    height: 100%;
  }
  
  .x-plan-container.x-plan-flip {
    -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    -webkit-transition: -webkit-transform 1000ms ease;
    transition: -webkit-transform 1000ms ease;
    transition: transform 1000ms ease;
    transition: transform 1000ms ease, -webkit-transform 1000ms ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .x-plan-container-2 {
    height: 100%;
    -webkit-transition: -webkit-transform 1000ms ease;
    transition: -webkit-transform 1000ms ease;
    transition: transform 1000ms ease;
    transition: transform 1000ms ease, -webkit-transform 1000ms ease;
  }
  
  .x-plan-container-2.x-plan-flip {
    -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    -webkit-transition: -webkit-transform 1000ms ease;
    transition: -webkit-transform 1000ms ease;
    transition: transform 1000ms ease;
    transition: transform 1000ms ease, -webkit-transform 1000ms ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .div-block-33 {
    width: 100%;
    background-color: #000;
  }
  
  .image-14 {
    height: 200px;
  }
  
  .x-chat-cust-img {
    width: auto;
    height: auto;
    max-height: 300px;
    max-width: 100%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  
  .x-chat-agent-img {
    width: auto;
    height: auto;
    max-height: 300px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  
  .x-plan-header-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60%;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 2px none #000;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color: #ffe600;
  }
  
  .x-arrow-right-wrapper-3 {
    left: auto;
    top: 0%;
    right: -11px;
    bottom: 0%;
    width: 30px;
    height: 40px;
  }
  
  .x-plan-bottom-price-2 {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0px;
    padding-bottom: 43px;
  }
  
  .x-plan-bottom-usp-text {
    font-family: Barlow, sans-serif;
    text-align: center;
  }
  
  .x-di-subtitle-2 {
    margin-bottom: 0px;
    font-size: 1em;
    text-align: center;
  }
  
  .x-plan-see-details-text-2 {
    color: #039be5;
    font-weight: 600;
    text-align: center;
  }
  
  .x-plan-see-details-text-2:hover {
    color: #272727;
  }
  
  .x-plan-info-icon {
    width: 12px;
    height: 12px;
    margin-top: -2px;
    margin-left: 3px;
  }
  
  .x-plan-benefit-wrapper-2 {
    height: 100%;
    padding: 0px 0px 12px;
  }
  
  .x-plan-bottom-price-text-2 {
    font-family: Barlow, sans-serif;
    font-size: 40px;
    line-height: 17px;
    font-weight: 700;
    text-align: center;
  }
  
  .x-plan-benefit-line-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-plan-bottom-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 2px none #000;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #fff;
  }
  
  .x-table-slider-2 {
    height: 100%;
    margin-bottom: 80px;
    background-color: transparent;
  }
  
  .x-plan-benefit-text-2 {
    margin-left: 9px;
    border-bottom: 1px none #c7c9cc;
    font-size: 1em;
    line-height: 20px;
  }
  
  .x-plan-wrapper-front-2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 2px none #000;
    border-radius: 0px;
    background-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .x-plan-header-name-2 {
    position: static;
    top: 41px;
    width: auto;
    margin: auto auto 0px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 8px;
    background-color: transparent;
    font-family: Barlow, sans-serif;
    color: #272727;
    font-weight: 700;
    text-align: center;
  }
  
  .x-plan-back-benefit-wrapper {
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
    font-family: Barlow, sans-serif;
  }
  
  .x-plan-bottom-cta-wrapper-2 {
    display: block;
    width: auto;
    margin-top: 17px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  
  .x-plan-bottom-usp {
    padding: 38px 16px;
  }
  
  .x-plan-bottom-cta-2 {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    font-family: Barlow, sans-serif;
    font-weight: 700;
    text-align: center;
  }
  
  .x-plan-wrapper-back-2 {
    position: absolute;
    left: 0%;
    top: 0px;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 2px none #000;
    border-radius: 30px;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .x-plan-hashtag-text {
    color: #6e6e6e;
    font-weight: 700;
  }
  
  .x-plan-price-ft-wrapper {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-plan-bottom-price-text-3 {
    font-size: 14px;
    font-weight: 400;
  }
  
  .x-plan-back-footnote-label {
    display: block;
    width: auto;
    padding: 0px 13px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    border-radius: 30px;
    background-color: #ffe600;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
  }
  
  .x-plan-back-footnote-wrapper-2 {
    margin-top: 12px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
  }
  
  .x-plan-back-header-text {
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Barlow, sans-serif;
    font-weight: 700;
    text-align: center;
  }
  
  .x-slider-dots-2 {
    position: relative;
    left: 0%;
    top: 17px;
    right: 0%;
    bottom: -11%;
    z-index: 2000;
    width: 80px;
    height: 30px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 6.5px;
    border-radius: 20px;
    background-color: transparent;
  }
  
  .x-arrow-left-wrapper-2 {
    left: -18px;
    width: 30px;
    height: 40px;
    -webkit-transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .x-plan-header-label-2 {
    position: relative;
    margin: auto auto 15px;
    padding-right: 12px;
    padding-left: 12px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #ff3939;
    font-family: Barlow, sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
  }
  
  .x-plan-container-3 {
    height: 100%;
    border-radius: 30px;
    box-shadow: 0 0 9px -4px rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-transform 1000ms ease;
    transition: -webkit-transform 1000ms ease;
    transition: transform 1000ms ease;
    transition: transform 1000ms ease, -webkit-transform 1000ms ease;
  }
  
  .x-plan-container-3.x-plan-flip {
    -webkit-perspective: 1234px;
    perspective: 1234px;
    -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    -webkit-transition: -webkit-transform 1000ms ease;
    transition: -webkit-transform 1000ms ease;
    transition: transform 1000ms ease;
    transition: transform 1000ms ease, -webkit-transform 1000ms ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .x-plan-header-div {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0px;
  }
  
  .x-plan-back-footnote-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Barlow, sans-serif;
  }
  
  .x-plan-back-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color: #ffe600;
  }
  
  .x-plan-header-quota-2 {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: Barlow, sans-serif;
    font-size: 70px;
    line-height: 80px;
    font-weight: 700;
    text-align: center;
  }
  
  .x-table-slide-container-3 {
    position: relative;
    width: 23.4%;
    height: 520px;
    margin-right: 20px;
    border-radius: 30px;
    -webkit-transform: translate(0px, 0px) perspective(1234px);
    transform: translate(0px, 0px) perspective(1234px);
  }
  
  .x-plan-see-details-wrapper-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Barlow, sans-serif;
    cursor: pointer;
  }
  
  .text-block-40 {
    margin-top: 50px;
    margin-bottom: 9px;
    font-family: Barlow, sans-serif;
    color: #9c9c9c;
  }
  
  .x-tac-terms-ctn {
    margin-top: 10px;
    padding-left: 10px;
    border-left: 3px solid #459be5;
    font-family: Barlow, sans-serif;
  }
  
  .x-tac-terms-ctn.for-hide {
    display: none;
  }
  
  .x-digics-delete-icon {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    width: 25px;
    margin: -10px -14px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  .x-digi-cs-popup-bg {
    position: fixed;
    z-index: 300;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
  }
  
  .x-digi-cs-popup-ctn {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 500px;
    height: 250px;
    margin: auto;
    padding: 23px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    background-color: #fff;
  }
  
  .x-digics-popup-icon {
    width: 80px;
  }
  
  .x-digics-popup-title {
    margin-bottom: 17px;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
  
  .x-digics-delete-cta {
    margin-left: 20px;
    padding-right: 40px;
    padding-left: 40px;
    border-radius: 8px;
    background-color: #459be5;
    font-family: Barlow, sans-serif;
  }
  
  .x-digics-cancel-cta {
    padding-right: 40px;
    padding-left: 40px;
    border-radius: 8px;
    background-color: #d6d6d6;
    font-family: Barlow, sans-serif;
    color: #000;
  }
  
  .image-16 {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 15px;
    margin-right: 9px;
    padding: 12px 0px;
  }
  
  .x-digics-popup-close-ctn {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    padding: 17px;
  }
  
  .x-digics-popup-close-icon {
    width: 15px;
  }
  
  .x-dgcs-enquiry-title-ctn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-dgcs-enquiry-title-ctn.for-error {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
  .link-block {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  
  .link-block.for-error {
    margin-bottom: 0px;
  }
  
  .x-dgcs-track-text {
    font-family: Barlow, sans-serif;
    color: #777;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
  }
  
  .x-input-col-3 {
    margin-right: 8px;
    margin-left: 8px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .x-input-textarea-2 {
    min-height: 128px;
    margin-bottom: 0px;
    padding: 24px 16px 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #c7c9cc;
    border-radius: 8px;
    background-color: hsla(0, 0%, 96.1%, 0.5);
    font-size: 20px;
  }
  
  .x-input-textarea-2:hover {
    border-color: #272727;
    background-color: #fff;
  }
  
  .x-input-textarea-2:focus {
    border-color: #039be5;
    background-color: #fff;
  }
  
  .x-input-counter-block-2 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 80px;
    grid-template-columns: 1fr 80px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .x-input-helper-2 {
    margin-top: 8px;
    padding-left: 8px;
    border-left: 2px solid #039be5;
    font-size: 12px;
    line-height: 14px;
  }
  
  .utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  
  .tabs-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .x-tab-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding-bottom: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    color: #757575;
  }
  
  .x-tab-link.w--current {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding-bottom: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    background-color: #272727;
    color: #fff;
  }
  
  .tab-link-tab-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding-bottom: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
  }
  
  .tabs {
    padding-top: 24px;
  }
  
  .div-block-34 {
    position: absolute;
  }
  
  .x-attachment-descrip {
    max-width: 70%;
    font-family: Barlow, sans-serif;
    color: #979797;
    font-size: 13px;
    font-weight: 500;
  }
  
  .x-attachment-descrip.for-margin-bot_10 {
    margin-bottom: 10px;
  }
  
  .x-input-error-msg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* padding-top: 10px; */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Barlow, sans-serif;
    color: #e00000;
    font-weight: 500;
  }
  
  .link-2 {
    font-family: Barlow, sans-serif;
    color: #039be5;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    text-decoration: underline;
  }
  
  .x-input-error-icon {
    padding-right: 4px;
    font-family: Remix, sans-serif;
    font-size: 16px;
  }
  
  .x-digi-cs-ticket-wrapper {
    display: none;
  }
  
  .text-block-41 {
    padding-bottom: 16px;
    font-family: Barlow, sans-serif;
    color: #c7c9cc;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
  
  .x-alert-msg-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    margin-bottom: 16px;
    padding: 8px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-style: solid;
    border-width: 1px;
    border-color: #ffc70c;
    border-radius: 8px;
    background-color: rgba(255, 199, 12, 0.06);
  }
  
  .x-alert-icon {
    width: 32px;
    margin-right: 8px;
    padding-top: 4px;
  }
  
  .x-alert-text {
    margin-bottom: 0px;
    font-family: Barlow, sans-serif;
  }
  
  .x-input-descrip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-input-divider {
    width: 3px;
    height: 100%;
    min-height: 18px;
    margin-right: 4px;
    background-color: #ffc70c;
  }
  
  .x-input-divider.for-min-height-60 {
    min-height: 40px;
  }
  
  .x-input-descrip-txt {
    font-family: Barlow, sans-serif;
    color: #979797;
    font-weight: 400;
  }
  
  .popup-wrapper {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 99999;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .popup-content-wrapper {
    /* position: relative;
    top: 38%; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    overflow: hidden;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
  }
  
  .popup-ctn {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    background-color: #fff;
  }
  
  .popup-txt-title {
    margin-bottom: 10px;
    font-family: Barlow, sans-serif;
    font-size: 25px;
    line-height: 28px;
    font-weight: 700;
  }
  
  .popup-txt-desc {
    font-family: Barlow, sans-serif;
    font-size: 16px;
    text-align: center;
  }
  
  .close-popup {
    position: absolute;
    left: auto;
    top: 24px;
    right: 24px;
    bottom: auto;
    width: 15px;
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
    cursor: pointer;
  }
  
  .popup-overlay {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
  }
  
  .x-card-container {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .x-card-title {
    margin-top: 0px;
    margin-bottom: 8px;
    font-family: Barlow, sans-serif;
    color: #333;
    font-size: 28px;
    font-weight: 700;
    text-decoration: none;
  }
  
  .x-card-wrapper {
    padding: 32px;
    border-style: solid;
    border-width: 1px;
    border-color: #c7c9cc;
    border-radius: 12px;
    background-color: #fff;
    color: #333;
    text-decoration: none;
  }
  
  .x-card-wrapper:hover {
    border-color: #000;
    background-color: #f7f7f7;
  }
  
  .x-card-descrip {
    font-family: Barlow, sans-serif;
    font-size: 16px;
    line-height: 24px;
  }
  
  .x-card-descrip.for-hide {
    display: none;
  }
  
  .x-card-icon {
    width: 23%;
    max-width: 72px;
    margin-bottom: 8px;
  }
  
  .heading {
    margin-bottom: 30px;
    font-family: Barlow, sans-serif;
  }
  
  .x-descrip-with-txt-counter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .list {
    margin-bottom: 4px;
    padding-left: 12px;
  }
  
  .x-back-btn-txt {
    font-family: Remix, sans-serif;
    font-size: 40px;
    line-height: 48px;
  }
  
  .x-back-btn {
    position: absolute;
    left: 2%;
    top: 16%;
    right: auto;
    bottom: auto;
    padding: 8px;
    color: #fff;
    text-decoration: none;
  }
  
  .x-back-btn:hover {
    color: #c2c1c1;
  }
  
  .x-details-text-descrip {
    color: #888;
    font-size: 14px;
  }
  
  .x-banner-text {
    font-family: Barlow, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
  
  .x-banner-text.for-underline {
    text-decoration: underline;
  }
  
  .x-banner-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffe600;
  }
  
  .text-block-43 {
    font-family: Barlow, sans-serif;
  }
  
  .x-banner-icon-underline {
    font-family: Remix, sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline;
  }
  
  .x-hyperlink-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #459be5;
    text-decoration: underline;
  }
  
  .x-hyperlink-wrapper:hover {
    color: #1b6bb1;
  }
  
  .x-hyperlink-text {
    color: #459be5;
    text-decoration: underline;
  }
  
  .link-3 {
    color: #459be5;
  }
  
  .link-4 {
    color: #459be5;
  }
  
  .x-language-toggle {
    padding: 8px 12px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #979797;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
  }
  
  .x-language-toggle.w--current {
    display: inline-block;
    background-color: #ffe600;
    color: #333;
    font-size: 16px;
  }
  
  .x-btn-wrapper {
    position: absolute;
    top: 10px;
    right: 1%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-divider {
    width: 1px;
    height: 34px;
    background-color: #c7c9cc;
  }
  
  .x-language-picker-postpaid {
    position: absolute;
    left: auto;
    top: 20px;
    right: 1%;
    bottom: auto;
    z-index: 100;
    overflow: hidden;
    width: 100px;
    margin-right: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 8px;
    background-color: #fff;
  }
  
  .x-language-picker-postpaid.for-home {
    position: static;
  }
  
  .x-lang-toggle {
    padding: 8px 12px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: transparent;
    color: #979797;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .x-lang-toggle.w--current {
    display: inline-block;
    background-color: #039be5;
    color: #fff;
    font-size: 16px;
  }
  
  .x-lang-toggle.cs-lang-toggle-bm {
    position: static;
    background-color: transparent;
    color: #979797;
    text-decoration: none;
  }
  
  .x-lang-toggle.cs-lang-toggle-bm.bm-selected {
    background-color: #ffe600;
    color: #000;
  }
  
  .x-lang-toggle.cs-lang-toggle-en {
    background-color: transparent;
    color: #979797;
    text-decoration: none;
  }
  
  .x-lang-toggle.cs-lang-toggle-en.en-selected {
    background-color: #ffe600;
    color: #000;
  }
  
  .agent-loggedin-dropdown {
    position: relative;
  }
  
  .agent-loggedin-dropdown-content {
    position: absolute;
    display: none;
    overflow: hidden;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(199, 201, 204, 0.4);
  }
  
  .agent-loggedin-dropdown-content-a {
    width: 100%;
    padding: 8px 16px;
    background-color: #fff;
    font-family: Barlow, sans-serif;
    color: #333;
    font-weight: 700;
    text-decoration: none;
  }
  
  .agent-loggedin-dropdown-content-a:hover {
    background-color: #ffe600;
  }
  
  .agent-loggedin-dropdown:hover .agent-loggedin-dropdown-content {
    display: block;
  }
  
  .x-remix-icon {
    margin-bottom: 10px;
    font-family: Remix, sans-serif;
    font-size: 25px;
    line-height: 28px;
    font-weight: 700;
  }
  
  .x-remix-icon.for-success {
    color: #49d42d;
    font-size: 64px;
    line-height: 72px;
  }
  
  .x-qr-code {
    display: block;
    margin-right: auto;
    margin-left: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .x-qr-code-wrapper {
    width: 260px;
    margin-right: auto;
    margin-left: auto;
    padding: 32px;
  }
  
  .x-qr-code-wrapper.no-padding-top-bottom {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  .x-qr-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px;
    padding-left: 32px;
    border: 1px solid #c7c9cc;
    border-radius: 8px;
  }
  
  .x-qr-descrip-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .x-verify-identity-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .x-verify-identity-wrapper.for-mobile-display {
    display: none;
  }
  
  .x-verify-identity-block {
    margin-top: 32px;
    border: 1px solid #c7c9cc;
    border-radius: 8px;
  }
  
  .x-verify-identity-block.for-mobile-display {
    display: none;
  }
  
  .div-block-36 {
    width: 100%;
  }
  
  .x-qr-code-img {
    display: block;
  }
  
  ::-webkit-date-and-time-value {
    margin-top: 7% !important;
    margin-left: 2% !important;
    text-align: left;
  }
  
  @media screen and (min-width: 1280px) {
    .x-limit.x-add-margin {
      padding-top: 20px;
      padding-bottom: 30px;
    }
  
    .x-wrapper {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  
    .x-digi-cs-cust-chat {
      position: relative;
    }
  
    .x-promise-card-content {
      height: 180px;
    }
  
    .x-arrow-right-wrapper {
      right: -9px;
      width: 30px;
      height: 40px;
    }
  
    .x-plan-benefit-wrapper {
      padding-top: 32px;
    }
  
    .x-plan-wrapper-back {
      height: 100%;
    }
  
    .x-arrow-right-wrapper-2 {
      right: -9px;
      width: 30px;
      height: 40px;
    }
  
    .x-plan-benefit-footnote-text {
      padding-top: 29px;
    }
  
    .x-arrow-right-wrapper-3 {
      right: -10px;
      width: 30px;
      height: 40px;
    }
  
    .x-plan-benefit-wrapper-2 {
      padding-top: 0px;
    }
  
    .x-plan-bottom-price-text-2 {
      font-size: 40px;
    }
  
    .x-plan-wrapper-back-2 {
      height: 100%;
    }
  
    .x-arrow-left-wrapper-2 {
      left: -19px;
    }
  
    .x-table-slide-container-3 {
      width: 23.5%;
      box-shadow: none;
    }
  
    .x-digics-delete-icon {
      left: 0%;
      top: 0%;
      right: auto;
      bottom: auto;
    }
  
    .x-digi-cs-btn.for-login.for-bm {
      width: 128px;
    }
  }
  
  @media screen and (min-width: 1440px) {
    .x-digi-cs-section {
      padding-bottom: 100px;
    }
  
    .x-form-block.for-lead-form {
      max-width: 1100px;
    }
  
    .x-wrapper {
      padding-top: 48px;
      padding-bottom: 48px;
    }
  
    .x-section {
      padding-bottom: 0px;
    }
  
    .x-section.for-ultra-yellow {
      display: block;
    }
  
    .x-digi-cs-input-container {
      margin-top: 32px;
      margin-bottom: 32px;
    }
  
    .x-digi-cs-input-container.for-dropdown {
      height: 56px;
      padding-right: 12px;
      padding-left: 12px;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      border: 1px solid #c7c9cc;
      border-radius: 8px;
      background-color: hsla(0, 0%, 96.1%, 0.5);
    }
  
    .x-digi-cs-input-label {
      left: 16px;
      top: 17px;
      padding-left: 0px;
      font-family: Barlow, sans-serif;
      color: #979797;
      font-size: 16px;
      font-weight: 600;
    }
  
    .x-digi-cs-input-text {
      margin-bottom: 0px;
    }
  
    .x-digi-cs-input-text.for-description {
      height: 150px;
    }
  
    .x-digi-cs-input-text.for-btn.for-attachment {
      border-style: none;
      background-color: transparent;
    }
  
    .x-digi-cs-input-select {
      margin-bottom: 0px;
      padding-right: 0px;
      padding-left: 0px;
      border: 1px none #000;
      background-color: transparent;
      font-family: Barlow, sans-serif;
      color: #333;
      font-size: 16px;
      font-weight: 600;
    }
  
    .x-digi-cs-btn-container {
      margin-top: 55px;
    }
  
    .x-arrow-right-wrapper-3 {
      right: -14px;
    }
  
    .x-arrow-left-wrapper-2 {
      left: -17px;
    }
  
    .x-table-slide-container-3 {
      width: 23.8%;
      box-shadow: none;
    }
  
    .x-digics-delete-icon {
      left: 0%;
      top: 0%;
      right: auto;
      bottom: auto;
    }
  }
  
  @media screen and (max-width: 991px) {
    .x-input-label.for-idle {
      font-family: Barlow, sans-serif;
      font-weight: 700;
    }
  
    .x-endnote-h2 {
      width: 100%;
    }
  
    .x-limit {
      padding-right: 32px;
      padding-left: 32px;
    }
  
    .x-digi-cs-input-select {
      color: #5a5a5a;
      font-weight: 700;
    }
  
    .x-digi-cs-bodycopy {
      max-width: 480px;
    }
  
    .x-digi-cs-cust-chat {
      position: relative;
    }
  
    .x-promise-card-content {
      height: 210px;
    }
  
    .x-card-description {
      line-height: 20px;
    }
  
    .x-table-slide-wrapper.card-back {
      display: block;
    }
  
    .x-table-slide-wrapper.card-front {
      display: block;
    }
  
    .x-slider-dots {
      bottom: -15%;
    }
  
    .x-table-slide-container {
      width: 32%;
    }
  
    .x-table-slide-container-2 {
      width: 32%;
    }
  
    .x-plan-bottom-2 {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    .x-slider-dots-2 {
      bottom: -15%;
    }
  
    .x-table-slide-container-3 {
      width: 48%;
    }
  
    .x-digics-delete-icon {
      left: 0%;
      top: 0%;
      right: auto;
      bottom: auto;
    }
  
    .popup-content-wrapper {
      max-width: 580px;
    }
  
    .x-card-icon {
      width: 39%;
    }
  
    .x-btn-wrapper {
      right: 2%;
    }
  
    .x-digi-cs-header {
      padding-top: 32px;
      padding-bottom: 32px;
    }
  
    .x-qr-block.for-desktop-display {
      display: none;
    }
  
    .x-verify-identity-block {
      display: block;
    }
  
    .x-verify-identity-block.for-mobile-display {
      display: block;
    }
  }
  
  @media screen and (max-width: 767px) {
    .x-digi-cs-h2 {
      font-size: 48px;
    }
  
    .x-digi-cs-search-btn {
      left: 469px;
    }
  
    .x-digi-cs-search-icon {
      right: 10px;
    }
  
    .x-digi-cs-divider-line {
      width: 230px;
    }
  
    .x-input-label.for-idle {
      -webkit-box-flex: 0;
      -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
      flex: 0 auto;
    }
  
    .x-endnote-h2 {
      width: 100%;
    }
  
    .x-input-row {
      display: block;
      width: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      grid-auto-columns: 1fr;
      -ms-grid-columns: auto;
      grid-template-columns: auto;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
    }
  
    .x-input-col {
      -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
    }
  
    .x-input-select.x-input-select-adjust {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  
    .x-wrapper {
      display: block;
      padding-top: 36px;
      padding-bottom: 36px;
      grid-auto-columns: 1fr;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
    }
  
    .x-digi-cs-input-label.add-relative-space {
      top: 65px;
    }
  
    .x-digi-cs-input-text.for-btn {
      width: 450px;
      margin-right: 15px;
    }
  
    .x-digi-cs-tac-btn-ctn {
      margin-left: 0px;
    }
  
    .x-icon {
      font-size: 22px;
    }
  
    .x-digi-cs-support-chat {
      margin-right: 100px;
    }
  
    .x-digi-cs-cust-wrapper {
      margin-left: 0px;
    }
  
    .x-digi-cs-cust-chat {
      margin-left: 100px;
    }
  
    .x-digi-cs-send-icon {
      left: 436px;
    }
  
    .x-digi-cs-details-grid {
      -ms-grid-columns: 150px 350px;
      grid-template-columns: 150px 350px;
    }
  
    .x-promise-card-content {
      height: auto;
    }
  
    .x-image-text-grid {
      grid-row-gap: 34px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  
    .x-input-col-2 {
      -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
    }
  
    .x-input-textarea {
      width: 100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
      flex: 0 auto;
    }
  
    .x-slider-dots {
      bottom: -21%;
      width: 220px;
      padding-top: 8px;
    }
  
    .x-table-slide-container {
      width: 48.5%;
    }
  
    .x-table-slide-container-2 {
      width: 48.5%;
    }
  
    .x-arrow-right-wrapper-3 {
      right: -13px;
    }
  
    .x-plan-bottom-2 {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    .x-slider-dots-2 {
      bottom: -21%;
      width: 90px;
      padding-top: 8px;
    }
  
    .x-arrow-left-wrapper-2 {
      left: -19px;
    }
  
    .x-table-slide-container-3 {
      width: 47.5%;
    }
  
    .x-digics-delete-icon {
      left: 0%;
      top: 0%;
      right: auto;
      bottom: auto;
    }
  
    .x-input-col-3 {
      -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
    }
  
    .text-block-41 {
      font-size: 14px;
      line-height: 22px;
    }
  
    .popup-content-wrapper {
      max-width: 430px;
    }
  
    .x-card-container {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: auto auto auto;
      grid-template-rows: auto auto auto;
    }
  
    .x-card-title {
      font-size: 24px;
      line-height: 32px;
    }
  
    .x-card-wrapper {
      padding: 16px;
    }
  
    .x-card-icon {
      width: 16%;
    }
  
    .x-back-btn {
      top: 6%;
    }
  
    .x-language-picker-postpaid {
      left: auto;
      top: 10px;
      right: 10px;
      bottom: auto;
    }
  }
  
  @media screen and (max-width: 479px) {
    .x-digi-cs-wrapper {
      padding: 45px 20px 10px;
    }
  
    .x-digi-cs-h2 {
      margin-right: 0px;
      font-size: 24px;
    }
  
    .x-digi-cs-container.for-margin-bot {
      margin-bottom: 30px;
    }
  
    .x-digi-cs-h3.for-margin-bot {
      font-size: 24px;
      line-height: 32px;
    }
  
    .x-digi-cs-search-input {
      margin-bottom: 45px;
      font-size: 14px;
    }
  
    .x-digi-cs-search-btn {
      position: absolute;
      left: auto;
      top: 10px;
      right: 7px;
      bottom: auto;
      padding-left: 15px;
    }
  
    .x-digi-cs-search-icon {
      position: absolute;
      left: auto;
      top: 15px;
      right: 10px;
    }
  
    .x-digi-cs-divider-line {
      width: 120px;
    }
  
    .x-input-label {
      font-size: 14px;
    }
  
    .x-input-label.for-idle {
      font-size: 12px;
    }
  
    .x-btn {
      min-width: 88px;
      margin-right: 4px;
      margin-bottom: 8px;
      margin-left: 4px;
      padding-right: 16px;
      padding-left: 16px;
    }
  
    .x-btn-container {
      margin-right: -4px;
      margin-left: -4px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .x-endnote-h2 {
      padding-right: 0px;
      padding-left: 0px;
      font-size: 24px;
      line-height: 32px;
    }
  
    .x-input-text {
      font-family: Barlow, sans-serif;
      font-size: 16px;
    }
  
    .x-input-text.x-shorter-input-field {
      width: 100%;
    }
  
    .x-input-block {
      margin-bottom: 32px;
    }
  
    .x-input-row {
      display: -ms-grid;
      display: grid;
      grid-auto-columns: 1fr;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
    }
  
    .x-input-col {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    .x-input-select {
      padding-right: 0px;
      border-style: none;
      border-radius: 8px;
      background-color: transparent;
      font-size: 14px;
    }
  
    .x-limit {
      z-index: 10;
      padding: 16px 24px;
    }
  
    .x-wrapper {
      position: relative;
      display: block;
      padding-top: 24px;
      padding-bottom: 24px;
    }
  
    .x-digi-cs-input-container.for-dropdown {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
    }
  
    .x-digi-cs-input-container.for-horizontal-flex {
      height: 100px;
      min-height: 100px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  
    .x-digi-cs-input-label {
      font-size: 14px;
    }
  
    .x-digi-cs-input-label.for-track-tac {
      top: 71px;
    }
  
    .x-digi-cs-input-label.add-relative-space {
      top: 85px;
    }
  
    .x-digi-cs-input-text.for-btn {
      width: 160px;
      margin-right: 0px;
    }
  
    .x-digi-cs-input-select {
      padding-right: 0px;
      font-size: 14px;
    }
  
    .x-digi-cs-btn-container {
      margin-top: 15px;
    }
  
    .x-digi-cs-short-btn {
      width: 110px;
      text-align: center;
    }
  
    .x-digi-cs-tac-btn-ctn {
      position: relative;
      z-index: 1;
      margin-top: 0px;
      margin-left: 0px;
    }
  
    .x-digi-cs-tac-btn-ctn.for-padding-top {
      padding-top: 17px;
    }
  
    .x-digi-cs-bodycopy {
      max-width: 263px;
    }
  
    .x-digi-cs-ticket-icon {
      margin-bottom: 20px;
    }
  
    .x-digi-cs-ticket-icon-img {
      width: 100px;
    }
  
    .x-digi-cs-input-title {
      font-size: 14px;
      line-height: 18px;
    }
  
    .x-digi-cs-ticket-details-grid {
      overflow: visible;
      width: auto;
      max-width: none;
      -ms-grid-columns: 0.25fr auto;
      grid-template-columns: 0.25fr auto;
    }
  
    .x-icon {
      display: inline-block;
      font-size: 20px;
      line-height: 20px;
    }
  
    .x-digi-cs-ticket-details-text {
      width: auto;
    }
  
    .x-digi-cs-ticket-attchmt-container {
      margin-bottom: 10px;
    }
  
    .x-digi-cs-ticket-attchmt-wrapper {
      overflow: visible;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .x-digi-cs-support-chat {
      width: auto;
      margin-right: 50px;
    }
  
    .x-digi-cs-cust-chat {
      margin-left: 50px;
    }
  
    .x-digi-cs-mt-input-field {
      position: relative;
    }
  
    .x-digi-cs-send-icon {
      position: absolute;
      left: auto;
      top: 7px;
      right: 1px;
    }
  
    .x-digi-cs-td-row.for-identity {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .x-digi-cs-details-grid {
      -ms-grid-columns: 100px 150px;
      grid-template-columns: 100px 150px;
    }
  
    .x-digi-cs-td-grid.for-identity {
      -ms-grid-columns: 2fr 0.5fr;
      grid-template-columns: 2fr 0.5fr;
    }
  
    .x-digi-cs-form-grid {
      -webkit-box-align: start;
      -webkit-align-items: start;
      -ms-flex-align: start;
      align-items: start;
    }
  
    .x-digi-cs-input-label-2 {
      margin-bottom: 5px;
      font-size: 14px;
      line-height: 18px;
    }
  
    .x-digi-cs-input-label-2.txt-center {
      font-size: 13px;
      line-height: 20px;
    }
  
    .x-digi-cs-link.for-error {
      font-size: 13px;
      line-height: 13px;
    }
  
    .x-digi-cs-tac-text {
      font-size: 14px;
    }
  
    .x-promise-card-content {
      height: auto;
    }
  
    .x-input-textarea {
      font-family: Barlow, sans-serif;
    }
  
    .x-digi-cs-search {
      position: relative;
    }
  
    .x-input-container-2 {
      padding-right: 12px;
      border: 1px solid #c7c9cc;
      border-radius: 8px;
      background-color: hsla(0, 0%, 96.1%, 0.5);
    }
  
    .x-input-select-2 {
      font-size: 12px;
    }
  
    .x-di-title {
      line-height: 120%;
    }
  
    .x-table-slide-container {
      width: 98%;
    }
  
    .x-table-slide-container-2 {
      width: 98%;
    }
  
    .x-arrow-right-wrapper-3 {
      right: -8px;
    }
  
    .x-di-subtitle-2 {
      line-height: 20px;
    }
  
    .x-table-slider-2 {
      margin-bottom: 53px;
    }
  
    .x-slider-dots-2 {
      width: 140px;
    }
  
    .x-arrow-left-wrapper-2 {
      left: -9px;
      z-index: 1000;
    }
  
    .x-table-slide-container-3 {
      width: 99%;
      margin-right: 40px;
      margin-left: 0px;
    }
  
    .x-digics-delete-icon {
      left: 0%;
      top: 0%;
      right: auto;
      bottom: auto;
    }
  
    .x-digi-cs-popup-ctn {
      width: 250px;
      height: 250px;
    }
  
    .x-digics-popup-title {
      line-height: 20px;
    }
  
    .x-digics-delete-cta {
      margin-top: 0px;
      margin-left: 10px;
      padding-right: 30px;
      padding-left: 30px;
    }
  
    .x-digics-cancel-cta {
      padding-right: 30px;
      padding-left: 30px;
    }
  
    .x-digics-popup-cta-ctn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .x-dgcs-enquiry-title-ctn {
      margin-right: 15px;
    }
  
    .link-block {
      margin-right: 0px;
    }
  
    .tabs-menu {
      padding-right: 19px;
      padding-left: 19px;
    }
  
    .x-tab-link {
      padding-right: 8px;
      padding-left: 8px;
    }
  
    .x-tab-link.w--current {
      padding-right: 8px;
      padding-left: 8px;
    }
  
    .x-attachment-descrip {
      max-width: 58%;
      font-size: 12px;
      line-height: 16px;
    }
  
    .x-attachment-descrip.for-margin-bot_10 {
      max-width: 100%;
    }
  
    .x-input-error-msg {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .x-alert-msg-wrapper {
      padding-left: 4px;
    }
  
    .x-alert-icon {
      width: 24px;
    }
  
    .x-alert-text {
      font-size: 12px;
      line-height: 16px;
    }
  
    .x-input-divider.for-min-height-60 {
      min-height: 60px;
      margin-bottom: auto;
    }
  
    .x-input-descrip-txt {
      font-size: 13px;
    }
  
    .popup-content-wrapper {
      max-width: 370px;
    }
  
    .popup-ctn {
      margin-right: 32px;
      margin-left: 32px;
      padding: 50px 32px 38px;
      text-align: center;
    }
  
    .popup-txt-title {
      font-size: 16px;
      line-height: 23px;
    }
  
    .popup-txt-desc {
      font-size: 14px;
    }
  
    .x-back-btn-txt {
      font-size: 32px;
      line-height: 40px;
    }
  
    .x-back-btn {
      left: 0%;
      top: 0%;
    }
  
    .x-banner-text {
      font-size: 14px;
    }
  
    .x-banner-icon-underline {
      font-size: 13px;
    }
  
    .x-btn-wrapper {
      right: 3%;
    }
  
    .x-language-picker-postpaid {
      top: 10px;
      right: 4px;
      width: 94px;
    }
  
    .x-lang-toggle {
      font-size: 14px;
      line-height: 14px;
    }
  
    .x-digi-cs-btn.for-login {
      font-size: 14px;
      line-height: 18px;
    }
  
    .x-qr-code-wrapper.no-padding-top-bottom {
      padding-top: 32px;
    }
  }
  
  #w-node-_9eb71fce-b027-aabe-96a2-649e0586ed15-ec397e24 {
    -ms-grid-column-align: end;
    justify-self: end;
  }
  
  #w-node-ad7991e7-34ad-783d-1842-ee97daa2a7e9-ec397e24 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
  
  #w-node-de829261-3c03-a4b7-478d-063de9effc08-ec397e24 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
  
  #w-node-de829261-3c03-a4b7-478d-063de9effc0a-ec397e24 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
  
  #w-node-_67309d9c-6fe9-a7b6-9b4e-22a8af137906-ec397e24 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  
  #w-node-_3cf8a192-8cb1-eedf-3b5b-19a6aa6082b9-ec397e24 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  
  #w-node-_567e2cc1-073d-b70e-483b-36e888e6028e-ec397e24 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  
  #w-node-_1fef0164-3530-e739-2024-71b8140fc242-177a9070 {
    -ms-grid-column-align: end;
    justify-self: end;
  }
  
  #w-node-ad7991e7-34ad-783d-1842-ee97daa2a7e9-177a9070 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
  
  #w-node-de829261-3c03-a4b7-478d-063de9effc08-177a9070 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
  
  #w-node-de829261-3c03-a4b7-478d-063de9effc0a-177a9070 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
  
  #w-node-_9eb71fce-b027-aabe-96a2-649e0586ed15-6a1f0439 {
    -ms-grid-column-align: end;
    justify-self: end;
  }
  
  #w-node-ad7991e7-34ad-783d-1842-ee97daa2a7e9-6a1f0439 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
  
  #w-node-de829261-3c03-a4b7-478d-063de9effc08-6a1f0439 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
  
  #w-node-de829261-3c03-a4b7-478d-063de9effc0a-6a1f0439 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
  
  #w-node-bbc50afe-16ad-013e-5830-303abfde721a-ec397e24 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_1d0e0c21-a88f-d065-a82d-6e021f702df8-ec397e24 {
    -ms-grid-column-align: end;
    justify-self: end;
  }
  
  #w-node-_1d0e0c21-a88f-d065-a82d-6e021f702dfd-ec397e24 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
  
  #w-node-_9e055729-1cdf-0f25-6b1a-2540c103f4a8-ec397e24 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-e1922870-b3f4-d94c-286c-fe1d405d330e-ab2a6498 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_330d6047-5633-c8ae-a25d-9a892f11c4a7-ab2a6498 {
    -ms-grid-column-align: end;
    justify-self: end;
  }
  
  #w-node-_330d6047-5633-c8ae-a25d-9a892f11c4ac-ab2a6498 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
  
  #w-node-_330d6047-5633-c8ae-a25d-9a892f11c4ad-ab2a6498 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  @media screen and (max-width: 479px) {
    #w-node-de829261-3c03-a4b7-478d-063de9effc1f-ec397e24 {
      -ms-grid-row: span 1;
      grid-row-start: span 1;
      -ms-grid-row-span: 1;
      grid-row-end: span 1;
      -ms-grid-column: span 1;
      grid-column-start: span 1;
      -ms-grid-column-span: 1;
      grid-column-end: span 1;
    }
  
    #w-node-de829261-3c03-a4b7-478d-063de9effc1f-177a9070 {
      -ms-grid-row: span 1;
      grid-row-start: span 1;
      -ms-grid-row-span: 1;
      grid-row-end: span 1;
      -ms-grid-column: span 1;
      grid-column-start: span 1;
      -ms-grid-column-span: 1;
      grid-column-end: span 1;
    }
  
    #w-node-de829261-3c03-a4b7-478d-063de9effc1f-6a1f0439 {
      -ms-grid-row: span 1;
      grid-row-start: span 1;
      -ms-grid-row-span: 1;
      grid-row-end: span 1;
      -ms-grid-column: span 1;
      grid-column-start: span 1;
      -ms-grid-column-span: 1;
      grid-column-end: span 1;
    }
  }
  
  @font-face {
    font-family: "Remix";
    src: url("../fonts/altHR-Remix.eot") format("embedded-opentype"),
      url("../fonts/altHR-Remix.woff") format("woff"),
      url("../fonts/altHR-Remix.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Barlow";
    src: url("../fonts/Barlow-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Barlow";
    src: url("../fonts/Barlow-BoldItalic.ttf") format("truetype"),
      url("../fonts/Barlow-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Barlow";
    src: url("../fonts/Barlow-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Barlow";
    src: url("../fonts/Barlow-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Barlow";
    src: url("../fonts/Barlow-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Barlow";
    src: url("../fonts/Barlow-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Barlow";
    src: url("../fonts/Barlow-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Barlow";
    src: url("../fonts/Barlow-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Barlow";
    src: url("../fonts/Barlow-Bold.ttf") format("truetype"),
      url("../fonts/Barlow-ExtraBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Barlow";
    src: url("../fonts/Barlow-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }