:root {
  --info-item-color: #7ed321;
  --light-gray: #2e4751;
}

body {
    color: #333333;
	background-color: #f1f2f6;
	margin: 0;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto
}

input::-ms-clear {
	width: 0;
	height: 0
}

.img-icon {
  height: 3em;
}

.img-icon-bt {
  height: 1.5em;
}

.mandatory-asterisk {
  font-size: x-small;
  color: red;
  margin-left:0.5em;
  margin-bottom: 0.25em;
  display:inline-block;
}

.status {
  font-style: normal;
  color: #7ed321;
}

.strike-through {
  text-decoration: line-through;
}

textarea {
  width: -moz-available;
}

.balance-default {
  font-style: normal;
  color: #2222D4;
  display: block;
}

.text-nowrap {
    white-space: nowrap;
}

.btn-group .btn, .media-body .btn, .panel-heading .btn {
  background-color: #1caed4;
  border-color: #1caed4;
  color: #ffffff;
}

.wide-btn {
  width: 100%;
  margin-bottom: 10px;
}

.account-type-btn-group {
	width: 108px;
	height: 30px;
	margin: 2px 0px;
	background-color: #1caed4;
	border-color: #1caed4;
	color: #ffffff;
}

.media-body .pull-right .btn {
  background-color: #7ed321;
  border-color: #7ed321;
}

.media-body .pull-right .btn-save, .btn-group .btn-save {
  color: #ffffff;
  background-color: #1caed4;
  border-color: #1caed4;
}

.form-group-login{
  margin-top: 16px;
}

.input-login{
  color: #1f3f4f!important;
}

.btn-login{
  background-color: #1f3f4f;
}

.btn-login:hover{
  background-color: #1f3f4f;
}

.media-body .pull-right .btn-cancel, .btn-group .btn-cancel, .pull-right .btn-cancel, .btn-cancel, .media-body .btn-cancel {
  color: #1f3f4f;
  background-color: #f6f6f6;
  border-color: #1f3f4f;
}

.media-body .btn-danger, .media-body .pull-right .btn-del, .btn-group .btn-del {
  background-color: #da4453;
  border-color: #da4453;
}

.invalid-dropdown {
  background-color: #da4453;
  color: #fff;
}

.valid-dropdown {
  background-color: #7ed321;
  color: #fff;
}

/*.input-group input.form-control.ng-pristine.ng-untouched.ng-valid.ng-empty,*/
pre, .media-body div.well, .input-group .file-picker {
  background-color: #edfbff;
}

.form-group .date-picker-wrap{
  margin-bottom: 16px;
}

/*, input.form-control.input-sm.ng-pristine.ng-untouched.ng-valid.ng-empty*/
.mob-detail-panel div.well {
  background-color: #ffffff;
}

.btn-info, .btn-group .btn-edit {
  background-color: var(--info-item-color);
  border-color: #7ed321;
}

.btn-icon {
  color: #7ed321;
  border-color: #7ed321;
  background-color: #ffffff;
}

.btn-icon:hover, .btn-icon:active {
  color: #ffffff;
  border-color: #7ed321;
  background-color: #7ed321;
}

.table tbody tr.active td {
  background-color: #ffffff;
}

.scroll-table {
  overflow-y: auto;
  height: 160px;
}

.scroll-table thead tr {
  position: sticky;
  top: 0;
  background: white;
}

/*.nav-tabs li.active a,*/
#infoPanel, .nav-tabs .dropdown-toggle, .active .nav, .nav .btn {
  color: #1F3F4F;
}

.mob-container {
	padding: 0 !important;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.login-container {
	border: 2px solid #cdcdcd;
	border-radius: 10px;
	padding: 30px;
	width: 400px;
  background-color: white
}

.login-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mob-layout-left {
	display: inline-block;
	background: #ffffff
}

.hoverPopup {
	z-index: 100%;
	position:inherit;
}

@media ( min-width :1024px) {
	.mob-layout-left {
		width: 150px !important
	}
	.fa-mob {
		font-size: 5em !important
	}

	.hoverPopup {
	    left: 60%;
	    top: 23%;
	    z-index: 100;
	    position: inherit;
	}
  .fa-sign-out:before, .fa-laptop:before, .fa-bank:before, .fa-users:before, .fa-user:before,
  .fa-mobile:before, .fa-mobile-phone:before, .fa-id-card-o:before, .fa-money:before {
      font-size: .5em;
      display: block;
   }
}

@media ( max-width :1023px) {
	.mob-layout-left {
		width: 60px !important
	}
	.fa-mob {
		font-size: 2em !important
	}
	.mob-item-name {
		display: none !important
	}
	.hoverPopup {
	    left: 50%;
	    margin-left: 52px;
	    top: 23%;
	    z-index: 100;
	}
}

.mob-layout-right {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	vertical-align: top;
	min-height: 100vh;
	height: 100%;
	background: #ffffff
}

.mob-layout-right .mob-content {
	margin: 0 10px 0 0
}
.mob-content h1 {
    margin-left: 30px
}

@media ( min-width :1441px) {
	.mob-layout-right .mob-content {
		width: 85%
	}

	.hoverPopup {
	    left: 50%;
	    margin-left: 100px;
	    top: 23%;
	    z-index: 100;
	    position: inherit;
	}
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pace-inactive {
	display: none
}

.pace .pace-progress {
	background: #29d;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px
}

.content-login-bg {
	z-index: -1;
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	right: 0;
	opacity: .9;
	filter: alpha(opacity = 90);
	background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.mob-login-container {
	height: 100%
}

.mob-login-container .mob-login-body {
	position: fixed;
	top: 30%;
	width: 100%;
}

.img-logo{
  max-height: 64px;
  width: auto;
  height: auto;
}

.mob-login-container .content-login {
	border-radius: 10px;
	padding: 30px;
	background: linear-gradient(white, rgba(255, 255, 255, 0.7));
}

.mob-login-container .content-login .mob-login-link {
	color: #666662;
	margin-left: 10px;
	margin-right: 10px
}

.mob-menu-item {
	display: block !IMPORTANT;
	text-align: center;
	color: #333333;
	padding: 10px 0 10px 0;
	border-color: #e8e7e1;
	border-style: none solid solid solid;
	border-width: 1px
}

.mob-menu-item .mob-item-icon {
	display: block
}

.mob-menu-item .mob-item-name {
	display: block
}

.search-result-panel {
  background-color: #edfbff !important;
  box-shadow: none !important
}

.result-item {
  padding: 10px 10px 10px 10px;
}

.search-result-panel .search-result .result-item {
	background: #ffffff;
}

.deleted-result-item {
  background-color: #D24D57;
  padding: 10px 10px 10px 10px
}

.requested-deletion {
  background-color: pink !important;
  padding: 10px 10px 10px 10px;
}

.matching-result-item {
  background-color: var(--info-item-color);
  border-radius: 10px;
}

.search-result-panel .search-result .clickable {
	cursor: pointer;
}

.clickable {
  cursor: pointer;
  text-decoration: underline;
  text-underline-position: auto;
}

.borderless {
  border: 0;
}

.rowspacer {
  margin-top: 5px;
}

.search-result-panel .search-result .result-item-indicator {
	visibility: hidden;
	opacity: 0
}

.search-result-panel .search-result .result-item-indicator-hover {
	visibility: visible !important;
	opacity: 1;
	background: #ffce54 !important;
	transition: opacity .5s linear;
	color: #f5f7fa;
	height: 25px;
	width: 30px;
	margin-left: -40px;
	margin-top: -5px;
	position: absolute
}

.mob-customer-summary {
  background: #f6f6f6;
  padding: 20px 40px 20px 40px;
  border-bottom-color: #00aeef;
  border-bottom-style: solid;
  border-bottom-width: 10px
}

.mob-customer-summary h4 {
  display: inline;
  margin-right: 20px;
}

.panel-title a {
  cursor: pointer;
}

.icheckbox_flat {
  position: relative;
}

.checkbox .icheckbox_flat input, .checkbox .icheckbox_flat ins {
  position: absolute;
  top: -20%;
  left: -20%;
  display: block;
  width: 140%;
  height: 140%;
  margin: 0px;
  padding: 0px;
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  border: 0px none;
  opacity: 0;
}

.radio .iradio_flat input {
  opacity: 0;
}

.mob-customer-summary .mob-customer-summary-line {
	display: block
}

.mob-customer-summary-detail {
	display: table;
	width: 100%
}

.mob-customer-summary-detail .mob-customer-accounts {
	width: 300px;
	display: table-cell
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card-search
	{
	padding: 10px 20px 10px 20px;
	margin-top: 4px
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card {
  padding-left: 10px;
  background: #edfbff;
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-title
	{
	margin-top: 4px;
	padding-top: 6px
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-title .mob-account-card-title-l {
  width: 10px;
  height: 14px;
  display: inline-block;
  background: #7ed321
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-title .mob-account-card-title-l-hover,
	.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-title .mob-account-card-title-l-selected
	{
	width: 30px !important;
	transition: 500ms linear;
	margin-left: -20px !important;
	height: 14px;
	display: inline-block;
	background: #48cfad
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-title .mob-account-card-title-text
	{
	margin-left: 10px;
	font-weight: 800
}

.mob-account-card-detail {
  table-layout: fixed;
  width: 250px;
}

.mob-account-card-line {
  width: 250px;
}

.mob-account-card-line td {
  width: 125px;
}

.td-right {
  text-align: right;
}

.mob-account-card-line {
  display: block;
  min-height: 2px;
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card
	{
	display: block;
	margin-left: 20px;
	min-height: 2px
}

.btn-primary {
    background-color: #00aeef;
    border-color: #00aeef;
}

.btn-link {
    color: #00aeef;
}

#dataForm {
    margin-left: 20px;
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-btns
	{
	margin: 5px 0 5px 20px
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-btns .btn
	{
	font-size: 11px !important
}

.mob-customer-summary-detail .mob-customer-detail-view {
	display: table-cell;
	vertical-align: top
}

.mob-detail-box {
	margin-top: 4px;
	padding-right: 0 !important;
	height: 100%
}

.mob-detail-box .mob-detail-box-inner {
  background: #edfbff;
  padding: 5px 10px 5px 10px
}

.mob-detail-box-bg {
  background: #edfbff;
}

.mob-detail-box .mob-detail-box-inner .mob-detail-title {
	font-size: 20px;
	font-weight: 800;
	margin: 25px
}

.mob-detail-title-skinny {
  font-size: 20px;
	font-weight: 800;
	margin: 5px
}

.dndDraggingSource {
  display: none;
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel {
	padding: 0 25px 0 25px;
	display: inline-block;
	width: 100%
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .form-group {
	margin-bottom: 8px !important
}

.btn-vertical-align {
  margin-bottom: 8.4px
}

.btn-vertical-align-center {
  margin-top: 8px;
  margin-bottom: 12.4px
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .form-control {
	clear: left
}

.soft-label {
  font-weight: 100;
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .mob-detail-label
	{
	width: 145px
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .mob-detail-value
	{
	display: inline-block;
	min-height: 20px
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .mob-contact-person-detail
	{
	display: table;
	padding: 5px 0 5px 0
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .mob-contact-person-detail .mob-contact-person-value
	{
	width: 220px;
	display: table-cell
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .mob-contact-person-detail .mob-contact-person-value-long
	{
	display: table-cell;
	vertical-align: middle
}

article {
	max-height: 1.5em;
	margin-top: 5px
}

.quick-search-bar {
	width: 100%;
	float: right;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 8px
}

.quick-search-bar .search-box {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 5px
}

.tabbable .mob-tab-content {
	padding-top: 0 !important
}

.tabbable .mob-tab-content .search-result {
	overflow: auto
}

@media ( min-width :768px) {
	.tabbable .mob-tabs-vertical {
		float: right;
		margin-bottom: 20px;
		margin-left: 10px
	}

}

.tabbable .mob-tabs-vertical {
	margin-right: 10px !important
}

.tabbable .mob-tabs-vertical li {
	float: none !important
}

.tabbable .badge {
	font-size: 14px !important
}

.mob-new-task-panel {
	margin-top: 5px
}

.mob-new-task-panel .mob-new-task-row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.mob-new-task-panel .mob-new-task-row .mob-new-task-label {
	width: 200px
}

.mob-new-task-panel .mob-new-task-row .mob-new-task-input {
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
	margin-left: 10px;
	width: 100%
}

.mob-new-task-panel .mob-new-task-row .mob-new-task-input .mob-ticket-editor-toobar-sticky
	{
	left: 320px !important
}

.mob-new-task-panel .mob-new-task-row .mob-new-task-input .mob-ticket-textarea
	{
	min-height: 300px;
	margin-top: 5px;
	height: auto;
	resize: vertical
}

.mob-new-task-panel .mob-new-task-row .h3-align {
	margin-top: 22px
}

.mob-new-task-panel .mob-new-task-row .h4-align {
	margin-top: 8px
}

.mob-servicecall-panel {
	margin: 10px 0 10px 0
}

.mob-panel {
  background-color: #edfbff;
  padding: 20px 40px 20px 40px
}

.mob-clear-panel {
	padding: 20px 40px 20px 40px
}

.mob-clear-wide-panel {
	padding: 0px 20px 0px 20px
}

.mob-table-panel .panel-heading {
	display: inline-block;
	width: 100%;
	background-color: #f6f6f6;
  border-color: #f6f6f6
}

.mob-table-panel .panel-heading .mob-panel-heading-l {
	float: left;
	line-height: 34px;
	font-weight: 800;
	font-size: 18px;
	display: inline-block
}

.mob-table-panel .panel-heading .mob-panel-heading-r {
	max-width: 350px;
	float: right;
}

.mob-table-panel .mob-data-table {
	width: 100%;
	border-collapse: collapse
}

.mob-table-panel .mob-data-table .mob-data-table-header {
	padding: 8px;
	line-height: 1.42857143
}

.mob-table-panel .mob-data-table .mob-data-table-header th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd
}

.mob-table-panel .mob-data-table .mob-data-table-row td {
	border-top: 1px solid #ddd;
	vertical-align: top;
	padding: 8px;
	line-height: 1.42857143;
	cursor: pointer;
}

.mob-table-panel .mob-panel-pagination {
	text-align: center
}

.mob-table-panel .mob-panel-pagination .mob-navigation-button {
	cursor: pointer
}

.deleted-result-item .media-body .mob-panel-link .media-heading,
.deleted-result-item .media-body .mob-panel-link .row,
.deleted-result-item .media-body .mob-panel-link .row :link,
.deleted-result-item .media-body .mob-panel-link .row :hover,
.deleted-result-item .media-body .mob-panel-link .row :visited,
.deleted-result-item .media-body .mob-panel-link .row :active {
    color: white !important
}

.mob-panel-link {
	color: var(--light-gray) !important
}

.mob-panel-link :link {
	color: var(--light-gray) !important
}

.mob-panel-link :hover {
	color: var(--light-gray) !important
}

.mob-panel-link :visited {
	color: var(--light-gray) !important
}

.mob-panel-link :active {
	color: var(--light-gray) !important
}

.mob-inplace-edit-control {
	width: auto;
	display: inline-block
}

.ui-messages {
	margin-left: 10px
}

@media ( min-width :1441px) {
	.ui-messages {
		width: 85% !important
	}
}

ul {
  list-style-type: none;
}

.ui-messages ul {
	margin: 0 10px 0 10px
}

.ui-messages .ui-messages-info-icon, .ui-messages .ui-messages-warn-icon,
	.ui-messages .ui-messages-error-icon, .ui-messages .ui-messages-fatal-icon
	{
	display: none;
	visibility: hidden
}

.mob-modal-error-message, .mob-form-error-message {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	font: .9em
}

.mob-modal-error-message div, .mob-form-error-message div {
	background: none !important;
	border: none;
	margin: 0 !important;
	padding: 0 !important
}

.mob-modal-error-message div ul, .mob-form-error-message div ul {
	margin: 0 !important
}

.mob-modal-error-message div ul .ui-messages-error-summary,
	.mob-form-error-message div ul .ui-messages-error-summary {
	margin-left: 5px;
	display: block
}

.mob-dashboard .mob-chart .mob-multi-select .selecter-options {
	height: 130px
}

.mob-dashboard .mob-chart .mob-chart-config-date-input {
	text-align: center
}

.mob-dashboard .mob-chart .mob-chart-config-rowspacer {
	display: block;
	height: 10px
}

.mob-dashboard .mob-chart .mob-chart-config-item {
	float: left;
	display: block;
	margin-bottom: 10px;
	margin-right: 10px
}

.datepicker {
	background-color: white !important
}

.date-picker-wrap ul {
  background: white !important;
}

.date-picker-wrap ul table button {
  border: none !important;
}

.logo {
    display: inline-block;
}

@media (min-width: 480px) {
    .login-lb {
      font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .login-lb {
      font-size: 20px;
    }
}

.editable-wrap {
	width: 100%;
}

.wrap {
   white-space: pre-wrap;      /* CSS3 */
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -pre-wrap;     /* Opera <7 */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}

.growl-item {
	width: 400px;
}

.date-picker-wrap ul {
	background: white !important;
}
.date-picker-wrap ul table button {
	border: none !important;
}

.white-space-pre-line {
  white-space: pre-line;
}


/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

button.ngdialog-button[disabled] {
  opacity: 50%;
}

ul.child-list {
  padding-left: 20px;
}

ul.child-list li {
    position:relative; /* so that pseudoelements are positioned relatively to their "li"s*/
}

ul.child-list li:before {
    /* draws lines beside list items */
    content:"";
    position: absolute;
    left: -16px;
    border-left: 1px solid var(--light-gray);
    height: 100%;
    width: 1px;
}

ul.child-list li:last-child {
   padding-bottom: 0px;
}

.ngdialog-theme-wide .ngdialog-content {
  width: 560px !important;
}

.scroll-well {
  height: 500px;
  overflow-y: auto;
  display: block;
}

.scroll-well-short {
  height: 300px !important;
}

.scroll-well::-webkit-scrollbar {
  width: 5px;
}
/* Track */
.scroll-well::-webkit-scrollbar-track {
  border-radius: 5px;
}

/* Handle */
.scroll-well::-webkit-scrollbar-thumb {
  background: #1caed4;
}

.scroll-well::-webkit-scrollbar-button:vertical:decrement {
 background-color: #1caed4;
 border-radius: 8px 8px 0 0;
 height: 10px;
}

.scroll-well::-webkit-scrollbar-button:vertical:increment {
 background-color: g#1caed4;
 border-radius: 0 0px 8px 8px;
 height: 10px;
}

.detail-title {
  opacity: 0.48;
  font-family: Gotham;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.74;
  letter-spacing: -0.29px;
  color: #000000;
  white-space: nowrap;
}

.detail-data {
  float: right!important;
  font-family: Gotham;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.74;
  letter-spacing: -0.29px;
  color: #000000;
}

.simple-panel {
  background: #edfbff;
  padding: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.image-carousel {
  background-color: lightgray;
  height: 180px;
  display: flex;
  align-items: center;
}

.image-carousel-left {
  border-radius: 0px 10px 10px 0px;
}

.image-carousel-right {
  border-radius: 10px 0px 0px 10px;
}

.image {
  max-width: 100%;
  height: 180px;
  object-fit: contain;
}

.custom-popup-padding {
  padding-top: 100px !important;
}

.ellipsis {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.alert {
  margin-top: 10px;
}

/*vodafone color*/
.voda-black {
  filter: brightness(0) saturate(100);
}

.voda-blue {
  filter: brightness(0) saturate(100) invert(56%) sepia(65%) saturate(3800%) hue-rotate(183deg) brightness(97%) contrast(97%);
}

.voda-green {
  filter: brightness(0) saturate(100) invert(85%) sepia(41%) saturate(5734%) hue-rotate(100deg) brightness(89%) contrast(86%);
}

@font-face {
  font-family: 'Euclid Circular A Regular';
  src: url('/fonts/Euclid_Circular_A_Regular.ttf') format('truetype');
}

.history-table {
  border-spacing: 0 10px; /* Horizontal Vertical */
  font-family: 'Euclid Circular A Regular', sans-serif;
}

.history-item {
  border-bottom: 14px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-color: white;
  padding: 0;
}

.coupon-item {
  padding: 0;
}

.material-card {
  box-shadow: none;
  border-radius: 50px;
  border: 2px solid;
  padding: 6px;
}

.close-offer {
  box-shadow: none;
  border-radius: 50px;
  border: none; /* Remove the border style */
  padding: 6px;
}

.coupon-icon {
  position: relative;
  z-index: 1;
}

.coupon-icon::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;
  bottom: 40px;
  border-left: 2px solid #000;
  width: 0;
  z-index: 0;
}

.coupon-icon:last-child::before {
  display: none;
}

.header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}