@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@font-face {
    font-family: "GT Walsheim Pro";
    src: url("fonts/GTWalsheimPro-Regular.eot");
    src: url("fonts/GTWalsheimPro-Regular.eot?#iefix") format("embedded-opentype"), 
		 url("fonts/GTWalsheimPro-Regular.woff2") format("woff2"), 
		 url("fonts/GTWalsheimPro-Regular.woff") format("woff"), 
		 url("fonts/GTWalsheimPro-Regular.ttf") format("truetype"), 
		 url("fonts/GTWalsheimPro-Regular.svg#GTWalsheimPro-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "GT Walsheim Pro" !important;
    src: url("fonts/GTWalsheimPro-Medium.eot");
    src: url("fonts/GTWalsheimPro-Medium.eot?#iefix") format("embedded-opentype"), 
		 url("fonts/GTWalsheimPro-Medium.woff2") format("woff2"), 
		 url("fonts/GTWalsheimPro-Medium.woff") format("woff"), 
		 url("fonts/GTWalsheimPro-Medium.ttf") format("truetype"), 
		 url("fonts/GTWalsheimPro-Medium.svg#GTWalsheimPro-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "GT Walsheim Pro";
    src: url("fonts/GTWalsheimPro-Bold.eot");
    src: url("fonts/GTWalsheimPro-Bold.eot?#iefix") format("embedded-opentype"), 
		 url("fonts/GTWalsheimPro-Bold.woff2") format("woff2"), 
		 url("fonts/GTWalsheimPro-Bold.woff") format("woff"), 
		 url("fonts/GTWalsheimPro-Bold.ttf") format("truetype"), 
		 url("fonts/GTWalsheimPro-Bold.svg#GTWalsheimPro-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.admin-dashboard iframe {
	height: 307px;
	max-width: 100% !important;
	margin-bottom: 20px;
}

p.successmessage {
    color: #2e592a;
}
body{
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family: "GT Walsheim Pro";
	color: #000;
}

/*.admin-dashboard-panel .font-moderat {
	font-family: "GT Walsheim Pro" !important;
}*/
.bg-purple {
    background: #6877AC;
}
.admin-dashboard  ul,.admin-dashboard  li,.admin-dashboard  ol,.admin-dashboard  p, .admin-dashboard  span,.admin-dashboard  strong,.admin-dashboard  img,.admin-dashboard  table,.admin-dashboard  td,.admin-dashboard  tr,.admin-dashboard  h1,.admin-dashboard  h2,.admin-dashboard  h3,.admin-dashboard  h4,.admin-dashboard  h5,.admin-dashboard  h6,.admin-dashboard  a {
	padding: 0;
	margin: 0;
}

.admin-dashboard  a:hover,
.admin-dashboard  a:focus {
	outline: none;
}

.admin-dashboard .btn.btn-primary {
	background: #6A72B4;
	border: 2px solid #6A72B4;
	color: #fff;
	padding: 10px 19px;
	border-radius: 4px;
	font-size: 14px;
	transition: all 0.5s ease-in-out 0s;
	align-items: center;
	display: flex;
	gap: 4px;
}

.admin-dashboard .download-link .btn.btn-success {
	background: #6A72B4;
	border: 2px solid #6A72B4;
	color: #fff;
	padding: 10px 19px;
	border-radius: 4px;
	font-size: 14px;
	transition: all 0.5s ease-in-out 0s;
	align-items: center;
	display: inline-flex;
	justify-content: center;
	gap: 10px;
}

.template-btn-group .btn.btn-primary.inline-flex {
	padding: 10px 4px;
}

.admin-dashboard  .btn.btn-primary:hover {
	background: #454A77;
	border-color: #454A77;
}

.admin-dashboard  .btn.btn-primary.btn-border {
	background: transparent;
	color: #6A72B4;
	border-color: #6A72B4;
}

.admin-dashboard .btn.btn-primary .dpicons {
	max-width: 25px;
	display: block;
}
.admin-dashboard .btn.btn-primary svg {
	max-width: 100%;
	height: inherit;
}
.admin-dashboard .btn.btn-primary path {
	fill: #fff;
}
.admin-dashboard .btn.btn-primary.btn-border path {
	fill: #6a72b4;
}

.admin-dashboard.main {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
}

.admin-dashboard  .left-section {
	flex: 0 0 250px;
	max-width: 250px;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.admin-dashboard  .right-section {
	flex: 0 0 calc(100% - 250px);
	max-width: calc(100% - 250px);
	height: 100vh;
	overflow: hidden;
}

.admin-dashboard  .dashboard {
	background: linear-gradient(180deg, #F8F9FB 0%, #F2F3F7 100%);
	height: calc(100vh - 10px);
	margin-top: 10px;
	border-radius: 20px 0px 0px 0px;
	overflow: auto;
	padding: 20px 20px 0 30px;
}
.admin-dashboard  .modal-full .modal-dialog.modal-large {
    width: 100%;
    max-width: 100%;
    border-radius: 0px;
    height: 100vh;
    max-height: 100vh;
    text-align: center;
	margin: 0px;
	padding: 0px;
}
.admin-dashboard  .modal-full .modal-dialog.modal-large .modal-header {
    background: #fff;
    border: 0px;
    border-radius: 0px;
}
.admin-dashboard  .preview-image object {
    max-width: 100%;
}
.preview-image g {
    fill: #000 !important
}

.modal-full .modal-dialog.modal-large .modal-content {
	border-radius: 0px;
	height: 100vh;
	padding: 10px 20px;
	margin: 0px;
}
.download-link a {
    margin-top: 15px;
    min-width: 200px;
    padding: 11px 0;
    font-weight: bold;
    font-size: 18px;
}

.scann-me-image h2 {
    font-weight: 600;
    font-size: 47px;
    opacity: .9;
    margin-bottom: 12px;
    letter-spacing: -1px;
}
.modal-full .modal-dialog.modal-large button.btn-close {
      border: 2px solid #9d9c9c;
}
.qr-img{
	cursor: pointer;
}
.accordion-collapse.collapse.show{
	visibility: visible;
}
.color-picker-box input.colorText {padding: 0px;border-radius: 0px;max-width: 32px;top: 3px;position: relative;cursor: pointer;}

.color-picker-box input + input {
	width: 100%;
	border: 0;
	max-width: 100%;
	padding-left: 10px;
}

.color-picker-box img{
	display: none !important;
}
.color-picker-box {
	border: 1px solid rgb(209 213 219);
	border-radius: 0.5rem;
	padding: 7px 8px;
	display: flex;
	align-items: center;
}
.admin-dashboard-panel .color-picker-box input.colorText  {
	margin-top: -5px !important;
}
.color-picker-box input.custom-color-input:focus{
	border: 0px !important;
	outline: none !important;
	box-shadow: none !important;
}
.color-picker-box input.custom-color-input {
	top: 0;
	position: relative;
	line-height: 32px;
	width: 100%;
	padding: 0px 0 0 16px !important;
	background: transparent !important;
	border: 0px !important;
	outline: none !important;
	box-shadow: none !important;
	flex-grow: 1;
}
/* Menu Side CSS */
.admin-dashboard  img,.admin-dashboard   svg,.admin-dashboard   video,.admin-dashboard  canvas,.admin-dashboard   audio,.admin-dashboard   iframe,.admin-dashboard  embed,.admin-dashboard  object{
	display: unset;
}
.head-logo {
	padding: 30px 30px 50px;
}
.btn.btn-primary img {
	width: inherit;
	max-height: 20px;
}
.folder-bx:hover  span.edit--icon{
	opacity: 1;
}
.folder-bx span.edit--icon {
	position: absolute;
	right: 15px;
	transform: rotate(90deg);
	top: 10px;
	cursor: pointer;
	opacity: 1;
}


.folder-bx {
    position: relative;
}
.head-menu li {
	padding: 0;
	list-style: none;
	display: flex;
	gap: 15px;
	align-items: center;
	margin-bottom: 0;
	border-left: 4px solid transparent;
}
.head-logo img {
	max-width: 110px;
}

.head-menu li.active a{

	color: #6A72B4;
}
.admin-dashboard-panel .head-menu li a {
	gap: 10px;
	color: #bbb;
	text-decoration: none !important;
	border-color: transparent !important;
	width: 100%;
	padding: 15px 15px !important;
}
.admin-dashboard-panel .head-menu li.active a {
	color: #6A72B4;
}
.head-menu li .dpicons {
	width: 35px;
}
.head-menu li.active {
	background: linear-gradient(90deg, #E7E9F7 0%, #F9F9FB 100%);
	border-left: 4px solid #6A72B4;
	color: #6A72B4;
}
.menu-head .dpicons svg {
	max-width: 100%;
	height: inherit;
}

.head-menu li svg path {
	stroke: #bbb;
}
.head-menu li:first-child + li svg path {
	stroke: transparent;
	fill: #bbb;
}
.head-menu li:first-child + li + li svg path {
	stroke: transparent;
	fill: #bbb;
}
.admin-dashboard-panel .head-menu li:first-child + li svg path {
	stroke: #bbb;
	fill: transparent;
}

.head-menu li:first-child + li:hover svg path,
.head-menu li:first-child + li + li:hover svg path {
	fill: #323446;
}
.admin-dashboard-panel .head-menu li:first-child + li:hover svg path {
	stroke: #323446;
	fill: transparent;
}
.head-menu li:hover svg path {
	stroke: #323446;
}
.head-menu li:hover a {
	color: #323446;
}
.head-menu li.active svg path {
	stroke: #6A72B4;
}
.head-menu li:first-child + li.active svg path,
.head-menu li:first-child + li + li.active svg path {
	fill: #6A72B4;
	stroke: transparent;
}
.admin-dashboard-panel .head-menu li:first-child + li.active svg path {
	stroke: #6A72B4;
	fill: transparent;
}

.upgrade {
	padding: 25px;
}

.upgeade-bx {
	background: #4F46E5;
	color: #fff;
	text-align: center;
	padding: 20px 20px;
	border-radius: 4px;
}

.upgeade-bx p {
	font-size: 12px;
	font-weight: 400;
	line-height: 20.61px;
	margin-bottom: 10px;
	padding-top: 0;
}

.upgeade-bx .btn.btn-primary {
	background: #342DAE;
	border: 2px solid #342DAE;
}

/* User Dashboard */

.page-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.heading-text h2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 38.93px;
	color: #6A72B4;
}

.heading-button {
	display: flex;
	gap: 10px;
	align-items: center;
}

.white-bx {
	background: #fff;
	padding: 30px;
	border-radius: 4px;
	margin-bottom: 30px;
}

.my-folder-sec h4 {
	font-size: 20px;
	font-weight: 400;
	line-height: 18.32px;
	margin-bottom: 14px;
}

.folder-bx {
	box-shadow: 4px 4px 15px -3px #0000001A;
	background: #F3F4FD;
	display: flex;
	padding: 35px 10px 16px 15px;
	justify-content: space-between;
	align-items: center;
	border-radius: 30px 10px 10px;
	border: 1px solid transparent;
}
.my-folder-sec .folder-bx:hover {
	border-color: #6a72b4;
}

.folder-bx span {
	font-size: 14px;
	font-weight: 400;
	line-height: 18.32px;
	color: #6A72B4;
	margin-bottom: 10px;
}

.folder-bx .totalFiles {
	font-size: 22px;
	font-weight: 500;
	line-height: 32.06px;
	margin-top: 0px;
}

.folder-bx img {
	max-width: 70px;
}

.folder-bx .folderIcon {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.form-group label {
	font-size: 14px;
}
.serach-frm {
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid #dedede;
	padding: 4px 0 4px 10px;
	border-radius: 7px;
}
.right-box {
    margin-right: 15px;
}
.template-box h4 {
    text-align: center;
    font-size: 18px;
}
.serach-frm .form-control {
	border: 0;
	font-size: 14px;
	height: 35px;
}
.notification{
	margin: 2px 0 20px;
}
.form-control:focus, 
.form-control:focus-visible {
	outline: 0 !important;
	box-shadow: 0 0 0 !important;
}
.mt20{
	margin-top: 20px;
}
.mt35{
	margin-top: 35px;
}
.custom-radio-list span.custom-radio label {
    border: 1px solid #727272;
    cursor: pointer;
    margin: 5px;
    padding: 5px;
}
.custom-radio-list img.icon-img {
    margin: 5px;
    max-width: 34px;
}
span.custom-radio input {
    position: absolute;
	opacity: 0;
}

span.custom-radio {
    position: relative;
}

.custom-radio-list {
    display: flex;
    flex-wrap: wrap;
}

.custom-radio-list span.custom-radio {
    cursor: pointer;
}

.custom-radio-list span.custom-radio input:checked + label {
	border: 1px solid #000000;
	background: #fff;
	box-shadow: 0px 0px 6px #1c1c1c91;
}
.form-sl select.form-control {
	padding: 10px 20px;
	border-radius: 7px;
	background-image: url(../images/select-arrow.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) 19px;
	background-size: 13px;
	font-size: 14px;
	height: 45px;
}

.search-list-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.admin-dashboard .pagination {
	margin-top: 38px;
	text-align: center;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	/*background: #fff;*/
	/*padding: 30px 0;*/
	/*border-radius: 4px;*/
}



.accordion  .accordion-body {
    margin: 30px 0;
    padding: 0px;
}
.accordion-header p.accordion-title {
    font-size: 20px;
    font-weight: 500;
    display: block;
    width: 100%;
    color: #131627;
}
.accordion-header p.accordion-subtitle {
    font-size: 14px;
    display: block;
    width: 100%;
    color: #6a6b71;
}
.admin-dashboard .pagination a {
	padding: 0 !important;
	border: 1px solid #6a72b4;
	margin: 0 5px;
	color: #6a72b4;
	border-radius: 5px;
	display: inline-block;
	width: 40px;
	display: inline-block;
	height: 40px;
	border-radius: 5px;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #6a72b4;
	color: #fff;
}
.admin-dashboard .pagination a:hover {
	background: #464b79;
	border-color: #464b79;
}
.admin-dashboard  .pagination a:first-child,
.admin-dashboard  .pagination a:last-child {
	font-size: 0px;
	width: 35px;
  	height: 35px;
}
.admin-dashboard  .pagination a:first-child::before {
	content: "\f104";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 18px;
}
.admin-dashboard  .pagination a:last-child::before {
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 18px;
}

.check-bx {
	display: flex;
	gap: 8px;
	align-items: center;
	font-size: 18px;
	position: relative;
}

.check-bx input[type="checkbox"] {
	width: 20px;
	height: 20px;
	position: relative;
}
.search-list-item .action-btn {
	text-align: center;
	padding: 0 0 !important;
	display: flex;
	justify-content: center;
	align-content: center;
	width: 40px;
	height: 40px;
}
.admin-dashboard .search-list-item .action-btn svg {
	max-width: 25px;
}
.admin-dashboard .search-list-item .action-btn path {
	fill: transparent;
	stroke: #fff;
}
.search-list-item {
	display: flex;
	gap: 15px;
	align-items: center;
	margin-top: 30px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.search-list-item:hover {
	border: 1px solid #6a72b4;
	box-shadow: 2px 2px 10px #ccc;
}
.pauseicon {
	position: absolute;
	left: -10px;
	top: -9px;
	border: 0;
	border-radius: 100%;
	padding: 0;
	max-width: 25px;
	background: #fff;
}
.search-details {
	flex-grow: 1;
	background: #fff;
	padding: 10px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
}

.qr-img {
	flex: 0 0 94px;
	max-width: 94px;
}

.qr-img img {
	max-width: 74px;
}

.qr-name {
	flex: 0 0 25%;
	max-width: 25%;
	padding-right: 30px;
}

.qr-name input {
	font-size: 16px;
	height: 40px;
	margin-bottom: 9px;
}

.qr-links input {
	font-size: 16px;
	height: 40px;
	margin-bottom: 5px;
}

.qr-links .s-link img + span {
	flex-grow: 1;
}

.qr-name > span {
	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 18.32px;
	color: #6A72B4;
	margin-bottom: 5px;
}

.qr-name h4 {
	color: #6a72b4;
	font-size: 16px;
	font-weight: 500;
	line-height: 28.63px;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.s-date {
	color: #aaa;
	font-size: 14px;
	font-weight: 400;
	line-height: 20.61px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.s-date img {
	max-width: 14px;
}
.qr-links {
	flex: 0 0 38%;
	max-width: 38%;
	padding-right: 30px;
}

.qr-links p {
	display: flex;
	gap: 10px;
	padding: 3px 0;
	color: #aaa;
	font-size: 13px;
	font-weight: 400;
	line-height: 20.61px;
}
.qr-links p img {
	max-width: 13px;
}
.qr-links .s-link {
	color: #6A72B4;
	align-items: center;
	height: 25px;
}
.qr-links .s-link span{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.qr-links .s-link input {
	padding: 0px 10px;
	height: 30px;
	font-size: 12px;
}
.list-buttons {
	display: flex;
	gap: 15px;
	justify-content: flex-end;
	flex-grow: 1;
}


/*****************Users **********************/
/* USER LIST TABLE */
.user-list tbody td > img {
    position: relative;
	max-width: 50px;
	float: left;
	margin-right: 15px;
}
.user-list tbody td .user-link {
	display: block;
	font-size: 14px;
	padding-top: 3px;
}
.user-list tbody td .user-subhead {
	font-size: 0.875em;
	font-style: italic;
}
.main-box .table-responsive {
	background: #fff;
	padding: 30px;
	border-radius: 4px;
}
.folder-bx-admin .btn.btn-primary {
	display: inline-flex;
	padding: 0 0;
	width: 40px;
	height: 40px;
}
.white-bx-price {
    border-radius: 6px;
    margin: 10px 5px 20px;
    background: #fff;
    padding: 0 0px 20px;
}
.most-popular {
    text-align: right;
	 margin-bottom: 21px;
}
.row-price-header .price-title {
    border-bottom: 1px solid #aeaeae;
    padding-bottom: 25px;
}
.pricing-table {
	/*align-items: flex-end;*/
}

.price-box.yes.plan-box-btn {
    padding-top: 25px;
}

.price-box.yes.white-bx-price {
    background: #4b5287;
    color: #fff;
}
.price-box.white-bx-price.yes {
	position: relative;
}
.price-box.white-bx-price.yes .most-popular {
	position: absolute;
	right: 20px;
	top: 28px;
}
.price-box.white-bx-price .row.price-content ul {
	min-height: 500px;
}

.price-box.white-bx-price .row.price-content ul li {
	margin: 14px 0;
}
.price-box.white-bx-price .row.price-content ul li p {
	font-size: 15px;
	font-weight: 400;
	line-height: 20.61px;
	display: flex;
	gap: 10px;
	color: #8F8F8F;
}
.price-box.yes.white-bx-price .row.price-content ul li p {
    color: #fff;	
}


.most-popular span {
	background: #2CD117;
	border-radius: 16px;
	padding: 6px 17px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 25px;
}
.row-price-sec{
	margin-bottom:60px
	
}
.row-price-header {
	padding: 25px 25px 10px;
}

.row-price-header h4 {
    font-size: 20px;
    margin-bottom: 4px;
}

.row-price-header h2 {
	font-size: 32px;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 2px;
}
 
.row-price-header h2 span {
	font-size: 16px;
	font-weight: 400;
}

 .white-bx-price .price-content .plan-box-btn a.btn.btn-select-plan.active-plan {
    cursor: no-drop;
}
 .white-bx-price .price-content .plan-box-btn .btn-select-plan:hover {
	opacity: .7;
   
}
.white-bx-price .price-content .plan-box-btn .btn-select-plan {
	background: #6a72b4;
	width: 100%;
	color: #fff;
	padding: 13px 10px;
	margin-top: 20px;
}
.admin-dashboard-panel .white-bx-price i.fa.fa-check-circle {color: #6877ac;font-size: 20px;}
.admin-dashboard-panel .white-bx-price i.fa.fa-times-circle {color: #e90606;font-size: 20px;} 
.row.price-content {
    padding: 15px 25px;
}

.row.price-content ul li {
    line-height: 30px;
}

/*New PLANS CSS START*/
.price-title h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 18.32px;
	text-transform: uppercase;
	margin-bottom: 14px;
}









/*END PLANS CSS*/


.admin-dashboard-panel .simpleAccordion  h2.accordion-header button {
    background: #fff;
}

.admin-dashboard-panel .simpleAccordion  .accordion-item {
    margin-bottom: 20px;
}

.admin-dashboard-panel .simpleAccordion .accordion-item .accordion-body {
    padding: 0px 25px;
}
span.image-loader {
    position: absolute;
    z-index: 9;
    background: rgba(255,255,255,.7);
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    border-radius: 4px;
}

span.image-loader i.fa.fa-spinner.fa-spin.fa-3x.fa-fw {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 80px;
}
/* TABLES */
/*.table {
    border-collapse: separate;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
	background-color: #eee;
}
.table thead > tr > th {
	border-bottom: 1px solid #C2C2C2;
	padding-bottom: 0;
}
.table tbody > tr > td {
	font-size: 0.875em;
	background: #f5f5f5;
	border-top: 10px solid #fff;
	vertical-align: middle;
	padding: 12px 8px;
}
.table tbody > tr > td:first-child,
.table thead > tr > th:first-child {
	padding-left: 20px;
}
.table thead > tr > th span {
	border-bottom: 2px solid #C2C2C2;
	display: inline-block;
	padding: 0 5px;
	padding-bottom: 5px;
	font-weight: normal;
}
.table thead > tr > th > a span {
	color: #344644;
}
.table thead > tr > th > a span:after {
	content: "\f0dc";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	margin-left: 5px;
	font-size: 0.75em;
}
.table thead > tr > th > a.asc span:after {
	content: "\f0dd";
}
.table thead > tr > th > a.desc span:after {
	content: "\f0de";
}
.table thead > tr > th > a:hover span {
	text-decoration: none;
	color: #2bb6a3;
	border-color: #2bb6a3;
}
.table.table-hover tbody > tr > td {
	-webkit-transition: background-color 0.15s ease-in-out 0s;
	transition: background-color 0.15s ease-in-out 0s;
}
.table tbody tr td .call-type {
	display: block;
	font-size: 0.75em;
	text-align: center;
}
.table tbody tr td .first-line {
	line-height: 1.5;
	font-weight: 400;
	font-size: 1.125em;
}
.table tbody tr td .first-line span {
	font-size: 0.875em;
	color: #969696;
	font-weight: 300;
}
.table tbody tr td .second-line {
	font-size: 0.875em;
	line-height: 1.2;
}
.table a.table-link {
	margin: 0 5px;
	font-size: 1.125em;
}
.table a.table-link:hover {
	text-decoration: none;
	color: #2aa493;
}
.table a.table-link.danger {
	color: #fe635f;
}
.table a.table-link.danger:hover {
	color: #dd504c;
}

.table-products tbody > tr > td {
	background: none;
	border: none;
	border-bottom: 1px solid #ebebeb;
	-webkit-transition: background-color 0.15s ease-in-out 0s;
	transition: background-color 0.15s ease-in-out 0s;
	position: relative;
}
.table-products tbody > tr:hover > td {
	text-decoration: none;
	background-color: #f6f6f6;
}
.table-products .name {
	display: block;
	font-weight: 600;
	padding-bottom: 7px;
}
.table-products .price {
	display: block;
	text-decoration: none;
	width: 50%;
	float: left;
	font-size: 0.875em;
}
.table-products .price > i {
	color: #8dc859;
}
.table-products .warranty {
	display: block;
	text-decoration: none;
	width: 50%;
	float: left;
	font-size: 0.875em;
}
.table-products .warranty > i {
	color: #f1c40f;
}
.table tbody > tr.table-line-fb > td {
	background-color: #9daccb;
	color: #262525;
}
.table tbody > tr.table-line-twitter > td {
	background-color: #9fccff;
	color: #262525;
}
.table tbody > tr.table-line-plus > td {
	background-color: #eea59c;
	color: #262525;
}
.table-stats .status-social-icon {
	font-size: 1.9em;
	vertical-align: bottom;
}
.table-stats .table-line-fb .status-social-icon {
	color: #556484;
}
.table-stats .table-line-twitter .status-social-icon {
	color: #5885b8;
}
.table-stats .table-line-plus .status-social-icon {
	color: #a75d54;
}*/




/* Modal CSS */
.modal-content {
	padding: 10px 20px;
}
.modal-header {
	padding: 10px 0px 20px;
	border-radius: 0;
}
.modal-title {
	font-size: 16px;
	font-weight: bold;
}
.modal-body {
	padding: 20px 0;
	min-height: 140px;
}
.modal-content .modal-body + .modal-footer {
	margin: 0 !important;
	padding: 12px 0 10px;
}


.single-form label span {
	margin-bottom: 15px !important;
	font-weight: 600;
	display: block;
	color: #000;
}
span.scan-title {
    display: block;
    text-align: center;
    font-size: 14px;
}

span.scan-count {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.modal-footer .btn-grp {
	display: flex;
	gap: 10px;
	width: 100%;
	margin: 0;
}
.modal-footer .btn-grp .btn.btn-light {
	font-size: 16px;
	border-radius: 4px;
	padding: 10px 20px;
	background-color: #dee5ff;
}
.modal-footer .btn-grp .btn.btn-light + button {
	border-radius: 4px;
	border: 0 !important;
	font-size: 16px;
	font-weight: normal;
}

.modal-bg-light {
	background-color: rgba(0, 0, 0, 0.5) !important;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}
.modal-backdrop {
	display: none;
}
.delete-msg p {
	font-size: 16px;
	text-align: left;
	max-width: 100%;
	margin: 0 auto;
}
.delete-msg h3 span {
	font-weight: 600;
}
.single-form input,
.single-form select {
	font-size: 14px;
}
.delete-msg h3 {
	font-weight: 600;
	margin-bottom: 12px;
}

/* My Account Page CSS */
.custom-input {
	display: flex;
	flex-wrap: initial;
}

.custom-input .input-group-text {
	width: 60px;
	justify-content: center;
	background: transparent;
}
.custom-input input {
	margin: 0 !important;
	border-radius: 0;
}
.frm-bx-heading h2 {
	color: #6a72b4;
	font-size: 20px;
	margin-bottom: 20px;
}
.btn.btn-primary.update-form {
	width: initial;
	padding: 11px 20px !important;
}
.updateFrm label {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px !important;
}
.updateFrm .form-group.col-md-6 {
	margin-bottom: 10px;
}

.my-account input[disabled=""] {
	background: #f1f1f1;
}

.list-buttons > span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.list-buttons > span .btn.btn-light {
	border: 2px solid #6877ac;
	color: #6877ac;
}
.dropdown-menu {
	background: #fff;
	border: 1px solid #ddd;
	padding: 0;
	min-width: 100px;
	max-width: initial;
	overflow: hidden;
	border-radius: 4px;
	padding: 4px !important;
}
.dropdown-menu li {
	background: #fff;
	min-width: 50px;
	border-top: 1px solid #ddd;
	border-bottom: 0px;
}
.dropdown-menu li .dropdown-item {
	padding: 9px 15px;
	min-width: 180px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
}
.dpicon {
	display: inline-flex;
	width: 25px;
	background: #f9f9f9;
	height: 25px;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	border-radius: 4px;
}
.dpicon img {
	max-width: 19px !important;
}

.dropdown-menu li:first-child {
	border: 0;
}

.dropdown-menu li .dropdown-item:hover {
	background: #6a72b4;
  	color: #fff;
  	border-radius: 4px;
}


.template-box > span {
	display: flex;
	padding: 0;
	flex-direction: column;
	border: 1px solid #dedede;
	border-radius: 5px;
	overflow: hidden;
}
.template-box img {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.template-box > span h4 {
	font-size: 16px;
	padding: 25px 15px;
	margin: 0;
}
.template-box {
	position: relative;
	margin-bottom: 30px;
}
.template-box .fa.fa-close {
	position: absolute;
	top: -20px;
	right: -4px;
	background: #6a72b4;
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	opacity: 0;
	cursor: pointer;
}
.template-box:hover > span {
	box-shadow: 0 0 10px #dedede;
}
.template-box:hover .fa.fa-close {
	opacity: 1;
}
.template-btn-group .btn.btn-primary {
	justify-content: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.template-btn-group {
	text-align: center;
}
.template-btn-group .or {
	display: inline-block;
	margin: 0 auto;
	border: 1px solid #ddd;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	text-transform: uppercase;
	position: relative;
}
.template-btn-group .or::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -20px;
	height: 20px;
	width: 2px;
	background: #ddd;
	transform: translateX(-50%);
}

.template-btn-group .or::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -20px;
	height: 20px;
	width: 2px;
	background: #ddd;
	transform: translateX(-50%);
}
.template-box.selected > span {
	border: 5px solid #6a72b4;
}
.list-buttons span > button > span {
	display: flex;
}
.search-list-item span svg {
	width: 100%;
	height: inherit;
}

.list-buttons > span .btn.btn-light, .list-buttons > span .btn.btn-light + button {
	border: 2px solid #aaa !important;
	color: #aaa !important;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-content: center;
	background: transparent;
	padding: 0 0 !important;
}
.list-buttons span > button:hover {
	background: transparent;
	border: 2px solid #adadad !important !important;
}

.list-buttons > span .btn.btn-light {
	border: 2px solid #dc3545 !important;
	color: #aaa !important;
	background: #dc3545;
}
.list-buttons > span .btn.btn-light + button {
	border: 2px solid green !important;
	color: #aaa !important;
	background: green;
}

.list-buttons > span .btn.btn-light svg path {
	fill: #fff;
}

.list-buttons > span .btn.btn-light + button svg {
	max-width: 100%;
}

.list-buttons > span .btn.btn-light + button svg path {
	stroke: transparent;
	fill: #fff;
}

.accordion-bg-white {
	border: 1px solid #dedede;
	border-radius: 4px;
	overflow: hidden;
	min-height:150px;
}
.accordion-bg-white .accordion-body {
	padding: 30px 30px;
	margin: 0;
}

.accordion-bg-white .accordion-button {
	background: transparent !important;
}

.white-bx.create-qr-sidebar-box {
	position: sticky;
	top: 0px;
}

.white-bx.create-qr-sidebar-box .preview-image {
	margin-bottom: 15px;
	border-radius: 4px;
	overflow: hidden;
}

.flix-message .alert {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 20px;
	position: relative !important;
	margin: 0;
}

.alert.alert-success .close {
	font-size: 26px;
	padding: 0;
	line-height: 0;
}


.admin-dashboard  input:focus,.admin-dashboard  input:focus-visible {
	outline: none !important !important;
	border: 1px solid #dedede !important;
	box-shadow: 0 0 0 !important;
}

.admin-dashboard .serach-frm input:focus,.admin-dashboard  .serach-frm input:focus-visible {
	border: 0px solid #dedede !important;
}

.py-12.my-account {
	padding: 20px 0 60px;
}
.dashboard .max-w-7xl.mx-auto.sm\:px-6.lg\:px-8.space-y-6 {
	max-width: 100%;
}
.my-account input {
	font-size: 14px;
}

.custom-input input.mt-1 {
	margin-top: 0 !important;
	margin-left: -1px !important;
	border: 1px solid #dee2e6;
}
.custom-input .input-group-text svg {
	max-width: 35px;
	height: inherit;
}
.adminupdateFrm .btn-grp button, .adminupdateFrm .btn-grp a {
	min-width: 150px;
}

.my-folder-sec-.admin-user-profile .card.mb-3 {
	border: 0;
}

.my-folder-sec-.admin-user-profile .card.mb-3 .table.table-bordered.table-striped {
	margin: 20px 0;
}
.my-folder-sec-.admin-user-profile th, .my-folder-sec-.admin-user-profile td {
	padding: 15px 20px;
}

.deleteFolder .modal-footer .btn-grp .btn.btn-light + button,
.deleteUser .modal-footer .btn-grp .btn.btn-light + button {
	background: #dc3545;
}
.inline-flex.items-center.px-4.py-2.bg-red-600.border.border-transparent.rounded-md.font-semibold.text-xs.text-white.uppercase.tracking-widest.hover\:bg-red-500.active\:bg-red-700.focus\:outline-none.focus\:ring-2.focus\:ring-red-500.focus\:ring-offset-2.dark\:focus\:ring-offset-gray-800.transition.ease-in-out.duration-150 {
	border-radius: 4px;
	padding: 0 20px !important;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: capitalize;
	font-size: 14px;
	height: 45px;
}
.inline-flex.items-center.px-4.py-2.bg-red-600.border.border-transparent.rounded-md.font-semibold.text-xs.text-white.uppercase.tracking-widest.hover\:bg-red-500.active\:bg-red-700.focus\:outline-none.focus\:ring-2.focus\:ring-red-500.focus\:ring-offset-2.dark\:focus\:ring-offset-gray-800.transition.ease-in-out.duration-150:focus {
	--tw-ring-color: transparent !important;
}
.pricing-plan-sec dt button {
	display: flex;
	gap: 15px;
}
.pricing-plan-sec dd p {
	padding-left: 20px;
	margin-left: 43px;
}
.pricing-plan-sec .flex-grow.mt35 {
	margin: 0;
}
.pricing-plan-sec + .page-header {
	margin: 30px 0 0;
}
.scan-img h2 {
	max-width: 370px;
	margin: 0 auto;
	text-align: right;
	font-size: 14px;
	color: #fff;
	margin-top: -18px;
	height: 18px;
	padding: 0 19px;
}

.active-project-item {
	display: flex;
	justify-content: space-between;
}
.folder-name span {
	font-size: 14px;
	font-weight: 400;
	line-height: 18.32px;
	color: #6A72B4;
	margin-bottom: 10px;
}
.folder-name .totalFiles {
	font-size: 22px;
	font-weight: 500;
	line-height: 32.06px;
	margin-top: 0px;
}
.prject-edit-btn-grp .dropdown-item {
	background: #fff;
	border: 2px solid #6a72b4;
	color: #6a72b4;
	padding: 10px 19px;
	border-radius: 4px;
	font-size: 14px;
	transition: all 0.5s ease-in-out 0s;
	align-items: center;
	display: flex;
	gap: 9px;
	height: 46px;
}
.prject-edit-btn-grp {
	display: flex;
	gap: 10px;
}
.btn.btn-primary.btn-border.inline-flex:hover {
	background: #e5e8ff;
}
.btn-close:focus, .btn-close:focus-visible {
	outline: 0 !important;
	box-shadow: 0 0 0 !important;
	opacity: 1;
}
.template-btn-group .btn.btn-primary.inline-flex {
	padding: 10px 4px;
}
.deleteFolder .modal-footer .btn-grp .btn.btn-light + button:hover, .deleteUser .modal-footer .btn-grp .btn.btn-light + button:hover {
	background: #b92331;
}
.modal-footer .btn-grp .btn.btn-light:hover {
	background: #454A77;
	color: #fff;
}
.notification {
	font-size: 12px;
}
.user-details-profile {
	width: 100%;
	overflow: auto;
}
.mobile-filtericon {
	display: none;
}
.table.user-list th {
	min-width: 220px;
}
input[readonly] {
	background: #dedede;
}
.print-width-screen {
	font-size: 13px;
	display: flex;
	gap: 5px;
	color: #aaa;
}
.print_width_box {
    position: relative;
}
.print_width_box .front_print_width {
	display: block;
    font-size: 14px;
    position: absolute;
    bottom: -28px;
    left: -6px;
}
.print_width_box .print_width {
	display: block;
    font-size: 14px;
    position: absolute;
    bottom: -28px;
    right: 0px;
}
.modal-open .dashboard .my-folder-sec.white-bx .row {
	overflow-x: visible !important;
}
.dashboard .my-folder-sec.white-bx .row {
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: visible;
	padding-bottom: 20px;
}

.modal-footer-box .btn-grp {
	display: flex;
	gap: 15px;
	max-width: 315px;
}
.modal-footer-box .btn-grp .btn.btn-light {
	font-size: 16px;
	border-radius: 4px;
	padding: 10px 20px;
	background-color: #dee5ff;
}
.modal-footer-box .btn-grp .btn.btn-light:hover,
.modal-footer-box .btn-grp button:hover {
	background: #454A77;
	color: #fff;
}
.save-template-page .right-box.white-bx {
	margin-right: 0;
}
.right-box.white-bx-create-box {
	margin-right: 0;
}
.modal-footer-box button.w-full.inline-flex.items-center {
	background: #6a72b4 !important;
}
.modal-footer-box button.w-full.inline-flex.items-center:hover {
	background: #454A77 !important;
}
.splash-loader {
	position: fixed;
	z-index: 99;
	background: rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
}
.nprogress-busy .splash-loader {
	display: flex;
}
.splash-loader img {
	margin: 0 auto;
	max-width: 320px;
	width: 100%;
}


.admin-dashboard .table tr td.action-bx .action-btn svg path,
.admin-dashboard .table tr td.action-bg .action-btn svg path {
	fill: transparent;
	stroke: #fff;
}
.admin-dashboard .table tr td.action-bx .action-btn svg,
.admin-dashboard .table tr td.action-bg .action-btn svg {
	max-width: 25px;
	margin: 0 auto;
	height: initial;
}

.mt-6.flex.justify-end {
	justify-content: flex-start;
}
.mt-6.flex.justify-end .font-moderat.w-full.inline-flex.items-center.gap-x-1\.5.justify-center.py-2.md\:py-3\.5.px-4.rounded-md.text-md.font-semibold.text-gray-900.border.border-gray-300.hover\:bg-gray-100.transition.duration-150.ease-in-out {
	flex-grow: initial;
	flex: 0 0 140px;
	height: 45px;
	padding: 0;
	border-radius: 4px;
}
.mt-6.flex.justify-end .inline-flex.items-center.px-4.py-2.bg-red-600.border.border-transparent.rounded-md.font-semibold.text-xs.text-white.uppercase.tracking-widest.hover\:bg-red-500.active\:bg-red-700.focus\:outline-none.focus\:ring-2.focus\:ring-red-500.focus\:ring-offset-2.dark\:focus\:ring-offset-gray-800.transition.ease-in-out.duration-150.ms-3 {
	flex-grow: 1;
	text-align: center !important;
	justify-content: center;
	display: flex;
}
.mb-6.bg-white.dark\:bg-gray-800.rounded-lg.overflow-hidden.shadow-xl.transform.transition-all.sm\:w-full.sm\:mx-auto.sm\:max-w-2xl #password {
	width: 100%;
	border-radius: 4px;
	font-size: 14px;
}
.folder-bx .folder-img svg {
	max-width: 70px;
	height: inherit;
}
.admin-dashboard input[type="range"]:focus, .admin-dashboard input[type="range"]:focus-visible{
	border:0px !important;
}

/********** Range Input Styles **********/
/*Range Reset*/
.print_width_box .slider-connect{
	background-color:#6877ac
}
.print_width_box .slider-tooltip{
	background-color:#6877ac;
	border-color:#6877ac
}
.print_width_box .slider-handle {
    background: #4F46E5;
    border: #4F46E5;
}
.print_width_box label {
    padding-bottom: 10px;
    display: block;
}



.prject-edit-btn-grp .dropdown-item {
	border: 1px solid green;
	background: green;
	color: #fff;
}
.prject-edit-btn-grp .dropdown-item.delete {
	background: #dc3545;
	border-color: #dc3545;
}
.prject-edit-btn-grp .dropdown-item .dpicon {
	background: transparent;
}
.prject-edit-btn-grp .dropdown-item .dpicon svg {
	height: inherit;
}
.prject-edit-btn-grp .dropdown-item .dpicon svg path {
	stroke: #fff;
}

.adminupdateFrm label + input, .adminupdateFrm select {
	height: 45px;
	padding: 0 20px;
	font-size: 14px;
	border-radius: 4px;
}
.form-group.col-md-12.mt20 .row.mt20 .col-md-1 .btn {
	height: 45px;
	width: 100%;
}
.adminupdateFrm label + .color-picker-box {
	height: 45px;
	font-size: 14px;
	border-radius: 4px;
}

.adminupdateFrm label + .color-picker-box #header_color {
	height: 25px;
	width: 25px;
}

.form-group.col-md-12.mt20 .row.mt20 .col-md-9 input {
	height: 45px;
	padding: 0 20px;
	font-size: 14px;
	border-radius: 4px;
}

#flush-collapseOne4 .body-img {
	max-width: 79px;
}

.qrcodecreator .splash-loader { display:none !important}

.price-bg-white {
    background: #fff;
    padding: 45px 0 55px;
}


.bespoke-item {
   max-width: 600px;
    margin: 45px auto 60px;
    background: #fff;
    width: 100%;
    position: relative;
    padding: 2px 10px 20px 85px;
    border-radius: 8px;
}
.planitem-list{
	margin-top:70px;
}

.bespoke-circle {
   background: #4b5287;
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 100%;
    width: 120px;
    height: 120px;
    left: -59px;
    text-align: center;
    top: 20px;
    padding: 9px 8px;

}

span.iconbox {
        text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 7px;
}

span.iconbox svg {
    margin: 0 auto;
    width: 42px;
    color: #fff;
}


.home_banner_bg {
	/* background-image: url(../images/house_banner_op.png);
	background-size: contain;
	background-position: center center;
	text-align: center; */
	padding: 80px 0 !important;
	/* background-color: #d2daf4 !important; */
	/* background-repeat: no-repeat; */
}

.home_banner_bg span.font-medium {
	font-family: Poppins;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: 700;
	line-height: 30px;
	display: block;
	text-align: left;
}

.home_heading_and_text {
	max-width: 1000px !important;
	margin: 0 auto !important;
}

.home_heading_and_text h1 {
	width: 100%;
	max-width: 100%;
	margin: 10px 0 0;
	font-size: 60px;
	font-weight: 600;
	text-align: left;
	line-height: 70px;
}

.home_heading_and_text p {
	max-width: 100%;
	font-size: 18px;
	font-weight: 400;
	line-height: 34px;
	text-align: left;
	font-family: Poppins;
	margin: 30px 0;
}

.qr-code-text {
	text-align: left  !important;
	margin-top: 40px;
	font-size: 20px !important;
	font-weight: normal !important;
}

.qr-code-text span {
	font-weight: bold;
}

.log_box_section {
	padding: 0;
	margin-top: 5px;
	/* display: flex !important; */
	gap: 5px;
}
.main_banner_left_image {
	max-width: 550px;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.man_banner_box {
	padding-left: 20px;
}

.home_heading_and_text .font-moderat.w-full.inline-flex.items-center.gap-x-1\.5.justify-center.py-2.md\:py-3\.5.px-4.rounded-md.text-md.font-semibold.text-gray-900.border.border-gray-300.hover\:bg-gray-100.transition.duration-150.ease-in-out {
	background: #fff;
}
.home_heading_and_text .font-moderat.w-full.inline-flex.items-center.gap-x-1\.5.justify-center.py-2.md\:py-3\.5.px-4.rounded-md.text-md.font-semibold.text-gray-900.border.border-gray-300.hover\:bg-gray-100.transition.duration-150.ease-in-out svg path {
	stroke: #111827;
}
.home_heading_and_text .font-moderat.w-full.inline-flex.items-center.gap-x-1\.5.justify-center.py-2.md\:py-3\.5.px-4.rounded-md.text-md.font-semibold.text-gray-900.border.border-gray-300.hover\:bg-gray-100.transition.duration-150.ease-in-out:hover {
	background: #f5f5f5;
}
.home_heading_and_text .home_bg_text_button {
	/* margin: 50px auto 0; */
	max-width: 550px;
}
.home_heading_and_text .home_bg_text_button button {
	padding: 15px 10px;
	display: flex;
	gap: 5px;
}

.why-join-our-key {
	position: relative;
}
.why-join-our-key .fade-heading {
	font-size: 95px;
	font-weight: 900;
	opacity: 1;
	text-align: center;
	display: block;
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	left: 0;
	top: 20px;
	color: #f2e7da;
	z-index: 0;
}
.why-join-our-key .fade-heading + h1 {
	position: relative;
	z-index: 9;
}

.list-scan-section .mx-auto.flex.flex-col.md\:flex-row.justify-between.items-start.gap-10.md\:gap-14 {
	align-items: center;
	position: relative;
}
.list-scan-section .fade-heading {
	font-size: 95px;
	font-weight: 900;
	opacity: .1;
	line-height: 85px;
	position: absolute;
	max-width: 100%;
	top: -5%;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	width: 100%;
}
.how-to-join-us .rounded-2xl.p-8.shadow-md.md\:drop-shadow.bg-slate-100 {
	background: #F1F5F9;
	border: 0;
	box-shadow: 0 0 0 !important;
}

.view-our-plans .btn-section {
	max-width: 300px;
	display: block;
	margin: 50px auto 0;
}

.how-to-join-us .absolute.left-7.top-7.-ml-px.h-full.w-0\.5.bg-gray-200 {
	display: none;
}
.how-to-join-us .relative.pb-12.md\:pb-20 {
	padding-bottom: 25px;
}
.how-to-join-us .relative.flex.space-x-4 {
	align-items: center;
}
.how-to-join-us .relative.flex.space-x-4 .text-lg.md\:text-xl.text-\[\#131627\].font-bold {
	font-size: 22px;
	font-weight: bold;
}
.how-to-join-us .flex.min-w-0.flex-1.justify-between.space-x-6 p + .text-md.md\:text-xl.text-\[\#131627\].font-moderat {
	font-size: 16px;
	margin-top: 6px;
}
/*.bg-\[\#6877ac\] {
	background-color: rgb(79, 70, 229) !important;
}*/

.qr-code-text-logo-cloud .qr-code-text {
	font-size: ;
	font-size: 30px;
	text-align: left;
	line-height: 50px;
	font-weight: normal;
}
.qr-code-text-logo-cloud .qr-code-text span {
	font-weight: bold;
}
.qr-code-text-logo-cloud .mx-auto.max-w-7xl.lg\:grid.lg\:grid-cols-12.lg\:gap-x-8 {
	align-items: center;
	text-align: left;
}
.qr-code-text-logo-cloud .mx-auto.md\:mb-8.grid.max-w-lg.grid-cols-2.items-center.gap-x-8.gap-y-4.sm\:max-w-xl.sm\:grid-cols-2.sm\:gap-x-8.lg\:max-w-none.lg\:grid-cols-2.px-12.md\:mx-auto.lg\:mx-0 {
	padding: 0;
	margin: 0;
	text-align: left !important;
	gap: 0;
}
.qr-or-section {
	width: 110px;
	height: 110px;
	text-align: center;
	line-height: 110px;
	/*background: #4f46e5;*/
	background: #6877ac;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 50%;
	position: relative;
	margin: 0 auto;
}
.py-8.md\:pt-12.pb-12.mx-auto.bg-gray-100.qr-code-text-logo-cloud {
	padding: 30px 0;
}
.qr-code-text-logo-cloud .icon {
	margin: -10px 0;
	text-align: left;
}
.qr-or-section::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 43%;
	border-left: 2px dashed #4f46e5;
	top: -43%;
	left: 50%;
}
.qr-or-section::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 43%;
	border-left: 2px dashed #4f46e5;
	bottom: -43%;
	left: 50%;
}
.list-scan-section.home-video-section .w-full.lg\:w-1\/1.pr-0.md\:pr-6 {
	padding: 0;
}
.bg-purple.md\:mt-0.sm\:mt-0 {
	background-image: url(../images/new_section.png);
	background-repeat: repeat;
	background-size: 110%;
	padding: 15px 0;
	background-position: center center;
}
.purple_text_section h1 {
	text-align: left;
	font-size: 40px;
	max-width: 680px;
	line-height: 56px;
}
.hidden-img {
	display: none;
}
.purple_text_section li {
	display: inline-block;
	text-align: left;
	width: 100%;
	padding: 9px 0px 9px 32px;
	color: #fff;
	background-image: url(../images/tick-circle.svg);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	font-size: 19px;
}

.list-scan-section .text-\[\#131627\] {
	color: #fff;
}
.main-logo-sec a:focus-visible,
.main-logo-sec a:focus {
	outline: none !important;
}
:focus-visible {
	outline: none !important;
}

.dashboard .pricing-plan-sec + .page-header p {
	max-width: 100%;
	font-size: 18px;
	margin: 10px 0 20px;
}
.dashboard-hide-price {display:none;}

@media(min-width:1024px){
.sticky-image-box img {
	position: sticky;
	top: 22vh;
	margin-top: 49px;
	background: #fff;
	padding: 20px 20px;
	border-radius: 1rem;
	margin-bottom: 0px;
	overflow: hidden;
}
}
@media(max-width:1023px){
.sticky-image-box img {
	background: #fff;
	padding: 10px 10px;
	border-radius: 5px;
}
.sticky-image-box {
	margin: -20px 20px -20px;
}
}