@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');/* Inter font-family */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css'); /* font-awesome icons*/
@import url('font-icons.css');

:root{

  /* BG Root */
	--bg-body:#f2f2f2;
	--bg-gray:#f8f8f8;
	--bg-white:#ffffff;
	--bg-black:#000000;
  
  /* Color Root */
	--clr-white:#ffffff;
	--clr-black:#000000;
	--clr-label:#181b20;
	--clr-base:#000000;
	--clr-light:rgba(0, 0, 0, 0.7);
	--clr-action:#38cdb9;
	--clr-action-light:rgba(56, 205, 185, 0.2);
	
	/* Color Status */
	--clr-success:#008542;
	--clr-success-light:#dffadc;
	--clr-danger:#da0000;
	--clr-danger-light:rgba(218, 0, 0, 0.10);
	--clr-warning:#f3b648;
	--clr-warning-light:rgba(238, 176, 67, 0.1);
	--clr-info:#38cdb9;
	--clr-blue:#63b2f9;
	--clr-info-light:rgba(56, 205, 185, 0.2);
	--clr-error:var(--clr-danger);
	
	/* Fonts  */
	--font-base:"Inter", sans-serif;

	/* Border Color */
	--border-base:rgba(0,0,0,0.1);

	/* Card CSS */
	--card-bg:#ffffff;
	--card-shadow:none;
	--card-radius:10px;
	--card-space:12px;

	/* Navbar Colors Start */
	--nav-bg:#181b20;
	--nav-label-clr:#aaaaaa;
	--nav-item-active-bg:#38cdb9;
	--nav-item-clr:#ffffff;
	--nav-item-active-clr:#000000;
	/* Navbar Colors End */
	
	/* Loader Root */
	--loader-bg:var(--card-bg);
	--loader-clr:var(--clr-action);
	
	/* selection Root */
	--selection-bg:var(--clr-base);
	--selection-clr:var(--clr-white);
	
	/* ScrollBar Root */
	--scrollBar-bg:#f8f8f8;
	--scrollBar-clr:var(--clr-base);
	
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;}
:focus{outline:none;}
html{height:100%;-webkit-text-size-adjust:none;overflow-x:hidden;}
body{height:100%;font-size:12px;font-family:var(--font-base);color:var(--clr-base);background:var(--bg-body);font-weight:normal;line-height:normal;font-weight:normal;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;outline:none;color:var(--clr-action);outline:none;cursor:pointer;transition:all 0.5s ease 0s;}
a:hover, a:focus{text-decoration:none;outline:none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus, .btn:hover, .btn:focus, .btn.focus{outline:none;box-shadow:none;}
img{margin:0;padding:0;max-width:100%;border:none;height:auto;}
p{font-size:14px;line-height:1.25em;color:var(--clr-base);font-weight:normal;}

.icon-bell-line::before{content:"\e914";}
.icon-billing::before{content:"\e907";}

/* Heading CSS Start */
h1, h2, h3, h4, h5, h6{margin:0;padding:0;display:block;color:var(--clr-base);font-size:100%;}
/* Heading CSS End */

/* List CSS Start */
ul, ul li, ol, ol li{margin:0;padding:0;list-style:none;}
/* List CSS End */

/****** Normal CSS Start ******/
::selection{background:var(--selection-bg);color:var(--selection-clr);}
::-moz-selection{background:var(--selection-bg);color:var(--selection-clr);}
.container{margin:0 auto;width:100%;max-width:1352px;padding:0 16px;}
.pull-left{float:left;}
.pull-right{float:right;}
.block{float:left;width:100%;}
.scrollbar{overflow:auto;}
.highlight-text{color:var(--clr-action);font-weight:600;}
.d-inline{display:inline-block;color:inherit!important;}
.event-none{pointer-events:none;}
.icon{display:inline-block;font-size:20px;vertical-align:middle;}
.hidden{display:none !important;}
.word-label{display:inline-block;}
.hide-overflow{overflow:hidden;}
.disabled{pointer-events:none;opacity:0.6;filter:grayscale(0.7);}
.text-left{text-align:left!important;}
.justify-left{justify-content:flex-start!important;}
.justify-right{justify-content:flex-end!important;}
.text-center{text-align:center!important;}
.justify-center{justify-content:center!important;}

/* Perfect ScrollBar CSS Start */
*{scrollbar-color:var(--scrollBar-clr) auto;}
*::-webkit-scrollbar{width:5px;border-radius:20px;height:8px;}
*::-webkit-scrollbar-track{background:var(--scrollBar-bg);}
*::-webkit-scrollbar-thumb{background-color:var(--scrollBar-clr);border-radius:20px;width:5px;height:5px;}

@-moz-document url-prefix() {
  * {scrollbar-width:thin; scrollbar-color:var(--scrollBar-clr) #f2f2f2;}
}
/* Perfect ScrollBar CSS End */

/* Loader CSS Start */
.loading-wrapper{position:fixed;float:left;width:100%;top:0;left:0;right:0;bottom:0;z-index:12;text-align:center;background:var(--loader-bg);}
.page-overlay{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;gap:10px;}
.loading-wrapper.content-loader{position:absolute;height:100%;}
.loading-wrapper.content-relative{position:relative;height:200px;background:none;z-index:1;}
.loading-wrapper.content-relative-double{position:relative;height:400px;background:none;z-index:1;}
.loading-wrapper.scroll-loader{position:relative;height:80px;}
.loader-ring{display:inline-block;position:relative;width:42px;height:42px;border:4px solid var(--loader-clr);border-color:var(--loader-clr) transparent var(--loader-clr) var(--loader-clr);animation:lds-ring 650ms linear infinite;border-radius:50%;}
@keyframes lds-ring{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.loader-text{float:left; width:100%; text-align:center; font-size:14px; color:var(--clr-base);}
.loading-wrapper.data-loader{position:relative;height:100px;}
.loading-wrapper.data-loader .loader-ring{width:32px;height:32px;border-width:3px;}
/* Loader CSS End */

/* Tabing CSS */
:root{
/* Tabs Root */
	--tab-bg:transparent;
	--tab-bdr:var(--clr-base);
	--tab-clr:var(--clr-base);
	--tab-active-bg:var(--clr-action);
	--tab-active-bdr:var(--clr-action);
	--tab-active-clr:var(--clr-base);
}
.content-tabs{float:left;width:100%;}
.tabs-wrap{float:left;margin-bottom:12px;width:100%;}
.tabs-wrap-outer{float:left;width:100%;}
.tabs-outer{float:left;width:100%;margin-bottom:12px;}
.tabs-results{float:left;width:100%;}
.tab-content{display:none;float:left;width:100%;}
.tabs-bar{float:left;width:100%;display:flex;align-items:center;gap:12px;}
.tab-item{float:left;text-align:center;flex:1;background:var(--tab-bg);border:1px solid var(--tab-bdr);border-radius:4px;}
.tab-label{display:flex;justify-content:center;align-items:center;font-size:15px;position:relative;height:40px;font-weight:600;padding:0px 8px;font-family:var(--font-base);color:var(--tab-clr);}
.active.tab-item{background:var(--tab-active-bg);border-color:var(--tab-active-bdr);}
.active.tab-item .tab-label{color:var(--tab-active-clr);}

/* Form CSS Start */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type='number']{-moz-appearance:textfield;}
select, select option{width:100%;box-sizing:border-box;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;cursor:pointer;}
textarea.form-control{padding:12px;min-height:124px;resize:none; resize:vertical;}
.form-control[disabled],.form-control[readonly],
fieldset[disabled] .form-control{background-color:rgba(0, 0, 0, 0.1)!important;cursor:not-allowed;opacity:1;}
.form-block{float:left;width:100%;}
.form-row{float:left;width:100%;display:flex;gap:16px;}
.form-col{float:left;flex:1;}
.form-group{float:left;width:100%;margin-bottom:16px;}
.input-label{float:left;width:100%;font-size:16px;margin-bottom:4px;color:var(--clr-base);}
.input-label small{font-size:100%; color:rgba(0, 0, 0, 0.5);}
.input-group{float:left;width:100%;position:relative;}
.form-control{float:left;width:100%;font-size:14px;outline:medium none;height:54px;color:var(--clr-base);border:1px solid #ffffff;background:#f8f8f8;line-height:1.2em;padding:0 16px;transition:all 0.4s ease 0s;border-radius:8px;font-family:var(--font-base);}
.input-info {float:left;width:100%;margin-top:2px;font-size:12px;font-weight:500;color:var(--clr-light);line-height:1.2em;}
.input-info-sm{white-space:normal; word-break:break-word; padding:0px 35px 0px 4px;}
.prepend-url .form-control{padding-left:74px!important;} 
.input-url{position:absolute;top:1px;bottom:1px;left:1px;width:64px;height:calc(100% - 2px);display:flex;align-items:center;justify-content:center;background:#ffffff;border-radius:8px 0px 0px 8px;font-size:14px;color:rgba(0, 0, 0, 0.5);}
.input-info-highlight{color:red; font-size:11px; font-weight:400;}


.postpend-copy .form-control{padding-right:140px!important;} 
.copy-control{position:absolute;right:2px;height:calc(100% - 4px);display:flex;top:2px;bottom:2px;}
.copy-control .btn{border-radius:0px 6px 6px 0px;padding: 6px;}

/* Password Input */
.password-control{cursor:pointer;}
.password-control .password-icon{display:none;}
.password-control .password-icon .icon{color:var(--clr-light);}
.modal .password-control .password-icon .icon{color:var(--clr-action);}
.password-control .password-icon.hide-label,
.password-control.active .password-icon.show-label{display:block;}
.password-control.active .password-icon.hide-label{display:none;}

.control-alert{position:absolute;top:1px;bottom:1px;right:1px;width:40px;height:calc(100% - 2px);padding-left:4px;display:flex;align-items:center;background:transparent;border-radius:0px 10px 10px 0px;}
.control-alert .icon{font-size:20px;float:left;}
/* Form CSS End */


/*Alert Message CSS*/
.alert-card-block{float:left;width:100%;min-height:26px;}
.alert-card-block .alert-card{margin:-16px 0px 0px;}
.alert-card{float:left;width:100%;margin-bottom:6px;}
.alert-card-outer{float:left;width:100%;display:flex;border-radius:4px;background:#f5f7f9;padding:4px 12px;align-items:center;position:relative;gap:6px;position:relative;min-height:36px;}
.alert-icons{float:left;}
.alert-icons .icon{float:left;font-size:18px;color:var(--clr-base);}
.alert-close{float:left;position:absolute;top:auto;bottom:auto;right:6px;width:24px;height:24px;cursor:pointer;align-items:center;display:inline-flex;justify-content:center;}
.alert-close .icon{float:left;font-size:12px;color:var(--clr-base);}
.alert-card-outer:has(.alert-close){padding-right:36px;}
.alert-content{float:left;flex:1;display:flex;align-items:center;flex-wrap:wrap;}
.alert-heading{font-size:14px;float:left;width:100%;font-weight:500;}
.alert-text{font-size:14px;float:left;width:100%;font-weight:normal;color:var(--clr-base);line-height:14px;}
.success-alert .alert-card-outer{background:var(--clr-success-light);}
.warning-alert .alert-card-outer{background:var(--clr-warning-light);}
.info-alert .alert-card-outer{background:var(--clr-info-light);}
.error-alert .alert-card-outer{background:var(--clr-danger-light);}
.success-alert .alert-icons .icon{color:var(--clr-success);}
.warning-alert .alert-icons .icon{color:var(--clr-warning);}
.info-alert .alert-icons .icon{color:var(--clr-info);}
.error-alert .alert-icons .icon{color:var(--clr-danger);}

/* Alert Notification */
.alert-card-inner{float:left;width:100%;display:flex;flex-direction:column;gap:4px;}
.alert-card-top{float:left;width:100%;display:flex;gap:6px;align-items:center;}
.alert-info-text{float:left;width:100%;font-size:16px;color:var(--clr-base);}

.alert-notification .alert-icons .icon{font-size:20px;color:var(--clr-base);}
.alert-notification .alert-text{font-size:20px;font-weight:700;line-height:normal;}

.alert-notification.alert-card{margin:0px;}
.alert-notification .alert-card-outer{position:relative;border-radius:10px;overflow:hidden;padding:18px 28px;}
.alert-notification .alert-card-outer::before{position:absolute;content:'';top:0;right:auto;bottom:0;left:0;width:8px;height:100%;}
.alert-notification.success-alert .alert-card-outer::before{background:var(--clr-success);}
.alert-notification.success-alert{--clr-action:var(--clr-success);}
.alert-notification.info-alert .alert-card-outer::before{background:var(--clr-info);}
.alert-notification.info-alert{--clr-action:var(--clr-info);}
.alert-notification.warning-alert .alert-card-outer::before{background:var(--clr-warning);}
.alert-notification.warning-alert{--clr-action:var(--clr-warning);}
.alert-notification.error-alert .alert-card-outer::before{background:var(--clr-danger);}
.alert-notification.error-alert{--clr-action:var(--clr-danger);}

.message-card.alert-card{margin:0px 0px 20px 0px;}
.message-card.alert-card .alert-card-outer{padding:24px 0px;}
.message-card .alert-heading{font-size:18px;font-weight:600;text-align:center;margin-bottom:6px;color:var(--clr-success);}
.message-card .alert-text{font-size:16px;line-height:normal;text-align:center;}

/* Button CSS Start */
.btn{display:inline-flex;width:100%;align-items:center;justify-content:center;background:#f8f8f8;border:none;border-radius:30px;color:#333;padding:0 14px;font-family:var(--font-base);font-size:16px;font-weight:600;text-align:center;min-height:44px;transition:all 0.5s ease 0s;grid-gap:6px;text-transform:none;cursor:pointer;min-width:120px;}
.btn .icon{float:left;font-size:20px;}
.btn-text{white-space:nowrap;}
.btn-sm{font-size:14px;min-height:32px;padding:0 12px;min-width:80px;}
.btn-sm .icon{font-size:16px;}
.btn-lg{font-size:18px;min-height:54px;padding:0 16px;}
.btn-lg .icon{font-size:22px;}


.primary-btn{background:#38cdb9;color:var(--clr-base);}
.primary-btn .icon{color:var(--clr-base);}
.primary-btn:hover{background:#38cdb9;color:var(--clr-base);}
.secondry-btn{background:var(--clr-base);color:var(--clr-white);}
.secondry-btn .icon{color:var(--clr-white);}
.secondry-btn:hover{background:var(--clr-base);color:var(--clr-white);}
.danger-btn{background:var(--clr-danger);color:var(--clr-white);}
.danger-btn .icon{color:var(--clr-white);}
.danger-btn:hover{background:var(--clr-danger);color:var(--clr-white);}
.info-btn{color:var(--clr-action);background:var(--clr-action-light);}
.info-btn .icon{color:var(--clr-action);}
.warning-btn{color:var(--clr-warning);background:var(--clr-warning-light);}
.warning-btn .icon{color:var(--clr-warning);}
.success-btn{color:var(--clr-success);background:var(--clr-success-light);}
.success-btn .icon{color:var(--clr-success);}

.remove-btn{color:var(--clr-danger);background:var(--clr-danger-light);}
.remove-btn .icon{color:var(--clr-danger);transform:scale(0.9);}
.remove-btn:hover{color:var(--clr-white);background:var(--clr-danger);}
.remove-btn:hover .icon{color:var(--clr-white);}

.success-dark-btn{color:var(--clr-success-light);background:var(--clr-success);}
.success-dark-btn .icon{color:var(--clr-success-light);}
.danger-dark-btn{color:var(--clr-danger-light);background:var(--clr-danger);}
.danger-dark-btn .icon{color:var(--clr-danger-light);}

.primary-white-btn{font-weight:500;}
.primary-white-btn .btn-text{padding-bottom:2px;}
/* Button CSS End */

/* Button Bar */
.button-bar{float:left;width:100%;padding:8px 0px;}
.button-bar-outer{float:left;width:100%;display:flex;grid-gap:8px;}
.button-bar-center .button-bar-outer{justify-content:center;}
.btn-col{flex:1;}
/* .button-bar-outer .col{flex:1;} */

/* Page Common CSS Start */
.main-section{float:left;width:100%;min-height:100dvh;}
.page-container{float:left;width:100%;height:100%;--side-width:350px;position:relative;}
.middle-section{float:left;width:100%;padding-left:var(--side-width);min-height:calc(100dvh - 40px);}
.mid-wrapper{float:left;width:100%;}
.container-fluid{width:100%;margin:0 auto;padding:0 24px;}

/* Card CSS */
.card-info {float:left;width:100%;margin-bottom:24px;position:relative;}
.card-base{float:left;width:100%;}
.card-header{float:left;width:100%;/* padding-bottom:18px; */padding-bottom:12px;}
.card-title{float:left;width:100%;align-items:center;}
.card-title-label{float:left;width:100%;font-size:24px;font-weight:700;color:var(--clr-base);}
.card-title-label-pre{display:inline-flex;font-size:18px;color:var(--clr-light);font-weight:normal;}
.card-title-pre{float:left;width:100%;font-size:16px;color:var(--clr-light);margin-top:8px;}
.page-label-pre{float:left;width:100%;margin-top:-8px;font-size:14px;color:var(--clr-light);}
.card-title-left{flex:1;}
.card-body{float:left;width:100%;}
.card-inner{float:left;width:100%;padding:var(--card-space);}
.wcard{padding:0px;margin:0px;background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:var(--card-radius);}


.c-wcard{float:left;width:100%;border:1px solid var(--border-base);background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:var(--card-radius);}
.c-card-header{padding: 6px 10px;background: #f2f2f2;align-items: center;border-radius: 8px 8px 0px 0px;}
.c-card-title{font-size:16px;font-weight:700;}
.c-card-body{float:left;width:100%;padding:12px;}
.billing-info-outer{float:left;width:100%;}
.billing-info-inner{float:left;width:100%;}
.billing-info-row{float:left;width:100%;display:flex;}
.billing-info-col{float:left;flex:1;}
.billing-title{float:left;width:100%;font-size:15px;font-weight:600;padding:4px 0px;}
.billing-list{float:left;width:100%;}
.billing-item{float:left;width:100%;margin-top:4px;}
.billing-item-label{float:left;font-size:13px;font-weight:normal;display:flex;gap:4px;}
.billing-email-grid{margin-top:24px;}

.web-block .c-card-title{font-size: 14px;font-weight: 600;}

.web-info-outer{float:left;width:100%;}
.web-info-inner{float:left;width:100%;}
.web-info-items{float:left;width:100%;padding:4px;}
.web-info-row{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;}
.web-info-col{float:left;flex:1;}
.web-label{float:left;font-size:13px;font-weight:normal;display:flex;gap:4px;}
.center-col{max-width:120px;text-align: center;}
.right-col .btn{width: 104px;float:right;}

/* Filter */
.filter-info.show .filter-block{display:block;}
.filter-header{float:left;width:100%;}
.filter-block{float:left;width:100%;display:none;border-top:1px solid var(--border-base);}
.filter-text{float:left;width:100%;padding:var(--card-space);font-size:15px;}
.filter-text span{cursor:pointer;}

.filter-block .input-label{font-size:14px;}
.filter-block .form-control{border-color:var(--border-base);height:44px;}


/* Table CSS Start*/
.base-table-wrap{float:left;width:100%;position:relative;}
.base-table-container{float:left;width:100%;}
.base-table-outer{float:left;width:100%;overflow:auto;border-radius:6px;background:#ffffff;padding:0px;}
.base-table{width:100%;border-spacing:0;margin:0;padding:0;font-weight:normal;overflow:hidden;}
.base-table tr{width:100%;}
.base-table thead tr th{background:var(--bg-gray);}
.base-table tr th:first-child{border-radius:6px 0px 0px 6px;}
.base-table tr th:last-child{border-radius:0px 6px 6px 0px;}
.base-table tr th,
.base-table tr td{font-size:13px;height:40px;text-align:left;padding:4px 8px;color:var(--clr-light);min-width:36px;}
.base-table tr th{font-weight:600;color:var(--clr-base);}
.base-table tr th a{display:inline-flex;align-items:center;color:var(--clr-base);}
.base-table tbody tr td{border-bottom:1px solid var(--border-base);}
.base-table tr th.action-td,
.base-table tr td.action-td{text-align:center;}
.base-table tr th.status-td,
.base-table tr td.status-td{text-align:center;}
.base-table tr th.setup-td,
.base-table tr td.setup-td{text-align:center;}

.action-block{float:left;width:100%;}
.action-bar{float:left;width:100%;display:flex;justify-content:center;}
.btn.btn-action{padding:4px 8px;min-height:24px;font-size:12px;min-width:60px;width:auto;}   
	
.badge-block{float:left;width:100%;}
.badge-bar{float:left;width:100%;display:flex;justify-content:center;gap:6px;}
.badge.status-badge{padding:1px 8px 2px;min-height:20px;font-size:12px;min-width:36px;gap:4px;display:flex;align-items:center;justify-content:center;}
.badge-bar-icons{gap:6px 15px;}

.date-td,.website-td,.domain-td,.register-date-td{white-space:nowrap;}

.table-record{float:left;width:100%;}
.table-record-inner{float:left;width:100%;display:flex;justify-content:space-between;margin-top:8px;}
.table-record-top .table-record-inner{margin-top:0px; margin-bottom:8px;}
.domain-td.industry-service-type, .industry-service-type{width:120px; min-width:120px; white-space:normal;}
.text-sm-td{font-size:11px; display:block; color:var(--clr-light); font-weight:400;}

.base-table tr th.question-td, .base-table tr td.question-td{min-width:162px;}
.badge-btn-md, .badge.status-badge.badge-btn-md{min-width:100px;}

/* Pagination CSS */
.pagination-block{float:left;width:100%;}
.pagination-list{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;}
.pagination-list li{display:inline-flex;align-items:center;justify-content:center;color:var(--clr-action);list-style:none;line-height:normal;text-align:center;font-weight:normal;font-size:14px;list-style:none;cursor:pointer;user-select:none;transition:all 0.3s ease;}
.pg-icon{font-size:12px;font-weight:bold;}
.pg-link{height:30px;width:30px;margin:0px;padding:0px 0px 2px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;gap:4px;}
.pg-btn .pg-link{width:auto;padding:0 8px;border-radius:50px;}
.pg-disabled{opacity:0.45;pointer-events:none;--clr-action:#444444;}
.pagination-list li.active .pg-link,
.pagination-list li:not(.pg-gap):hover .pg-link{color:#ffffff;background:var(--clr-action);}


/* Grid */
.grid-row {--column-gap:16px;float:left;width:100%;display:flex;gap:var(--column-gap);flex-wrap:wrap;}
.grid-col-1{--column-count:calc(12 / 1);}
.grid-col-2{--column-count:calc(12 / 2);}
.grid-col-3{--column-count:calc(12 / 3);}
.grid-col-4{--column-count:calc(12 / 4);}
.grid-col-5{--column-count:calc(12 / 5);}
.grid-col-6{--column-count:calc(12 / 6);}
.grid-col-7{--column-count:calc(12 / 7);}
.grid-col-8{--column-count:calc(12 / 8);}
.grid-col-9{--column-count:calc(12 / 9);}
.grid-col-10{--column-count:calc(12 / 10);}
.grid-col-11{--column-count:calc(12 / 11);}
.grid-col-12{--column-count:calc(12 / 12);}
.grid-col{float:left;min-width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));}

/* Graph CSS */
.graph-info{float:left;width:100%;} 
.graph-info-inner{float:left;width:100%;display:flex;align-items:center;justify-content:center;} 
.graph-card{float:left;width:100%;height:46.2vh;} 
.graph-card img, .graph-card canvas{float:left;width:100% !important;height:100% !important;}

/* Badge CSS */
.badge{float:right;min-height:36px;padding:8px 12px;border-radius:24px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--clr-label);background:var(--clr-action-light);cursor:pointer;white-space:nowrap;}
.badge-icon{font-size:14px;}
.badge-icon .icon.icon-bell-line{font-size:12px;}
.info-badge{color:var(--clr-white);background:var(--clr-blue);}
.info-badge .icon{color:var(--clr-white);}
.warning-badge{color:var(--clr-white);background:var(--clr-warning);}
.warning-badge .icon{color:var(--clr-white);}
.success-badge{color:var(--clr-white);background:var(--clr-success);}
.success-badge .icon{color:var(--clr-white);}
.danger-badge{color:var(--clr-white);background:var(--clr-danger);}
.danger-badge .icon{color:var(--clr-white);}

.info-badge-icon .badge-icon{color:var(--clr-blue);}
.warning-badge-icon .badge-icon{color:var(--clr-warning);}
.success-badge-icon .badge-icon{color:var(--clr-success);}
.danger-badge-icon .badge-icon{color:var(--clr-danger);}

/*No Record Found CSS*/
.no-record{float:left;width:100%;text-align:center;padding:40px 12px;border:1px solid var(--border-base);background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:var(--card-radius);}
.no-record-title{float:left;width:100%;font-size:18px;font-weight:600;margin:5px 0;font-family:var(--font-base);}
.no-record-pre{float:left;width:100%;font-size:13px;}
.no-record-td{padding:5px 0px!important;}
.no-record-td .no-record{position:sticky;left:0;max-width:var(--tableWidth);}


/*No Record Found CSS*/
.add-website-block{float:left;width:100%;text-align:center;padding:60px 12px;background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:var(--card-radius);}
.add-website-title{float:left;width:100%;font-size:21px;font-weight:600;margin:5px 0;font-family:var(--font-base);}
.add-website-pre{float:left;width:100%;font-size:16px;}
.add-website-top{float:left;width:100%;margin-bottom:16px;}

/* ######## AsideBar CSS Start ######## */
.nav-sidebar{float:left;position:fixed;top:0;right:auto;left:0;bottom:0;z-index:9;width:var(--side-width);min-width:var(--side-width);max-width:var(--side-width);height:100dvh;background:var(--nav-bg);overflow:hidden;}
.nav-sidebar::after{position:absolute;content:'';top:auto;right:auto;bottom:calc(var(--y-space) * -2);--x-space:60%;--y-space:60px;left:calc(var(--x-space) * -1);filter:blur(100px);background:radial-gradient(rgba(56, 205, 185, 1), rgba(56, 205, 185, 0.6));height:calc(50% + var(--y-space));width:calc(100% + var(--x-space));border-radius:50%; pointer-events:none;}
.nav-info{float:left;width:100%;height:100%;position:relative;z-index:2;display:flex;flex-direction:column;}
.nav-logo{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.nav-logo-fig{float:left;width:100%;max-width:240px;padding:28px 0px;}
.nav-logo-fig img{float:left;width:100%;}
.nav-outer{float:left;width:100%;padding:20px;flex:1;}
.nav-inner{float:left;width:100%;}
.nav-items-info{float:left;width:100%;}
.nav-items-wrap{float:left;width:100%;padding:0 20px;}
.nav-items-wrap ~ .nav-items-wrap{margin-top:30px;}
.nav-title{float:left;width:100%;margin-bottom:10px;}
.nav-label{float:left;width:100%;font-size:12px;font-weight:600;letter-spacing:2px;color:var(--nav-label-clr);text-transform:uppercase;padding-left:12px;line-height:20px;}
.nav-list{float:left;width:100%;}
.nav-list-item{float:left;width:100%;}
.nav-link{float:left;width:100%;display:flex;align-items:center;min-height:49px;cursor:pointer;padding:14px;gap:12px;margin-bottom:6px;border-radius:10px;}
.nav-icon{float:left;width:auto;color:var(--clr-action);}
.nav-text{float:left;width:100%;font-size:18px;color:var(--nav-item-clr);}
.nav-link:hover, 
.nav-list-item.active .nav-link{background:var(--nav-item-active-bg);}
.nav-link:hover .nav-text, .nav-list-item.active .nav-text{color:var(--nav-item-active-clr);font-weight:600;}
.nav-link:hover .nav-icon, .nav-list-item.active .nav-icon{color:var(--clr-base);}

.nav-back{float:left;width:100%;padding:0 40px;}
.nav-back-inner{float:left;width:100%;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:4px;}
.nav-back-flex{float:left;width:100%;display:flex;align-items:center;gap:0 10px;}
/* ######## AsideBar CSS End ######## */


/* Dropdown CSS Start */
.drop-item-label{float:left;width:100%;margin-bottom:4px;font-size:14px;font-weight:500;color:var(--selectLabel-clr);line-height:1.3em;}
.base-drop{float:left;width:100%;}
.select-box{--drop-height:244px;float:left;position:relative;width:100%;}
.select-label{float:left;width:100%;font-size:16px;height:50px;color:var(--clr-light);line-height:50px;border-radius:10px;position:relative;background:#f2f2f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 18px;cursor:pointer;}
.select-label .icon{position:absolute;color:var(--clr-base);top:0;right:14px;width:30px;font-size:14px;font-weight:600;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.select-label.select-drop-active .icon:before{content:"\ea01";}
.select-option{flex:1;width:100%;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal;color:var(--clr-light);}
.select-drop{display:none;float:left;width:100%;position:absolute;left:0;top:100%;border-radius:8px;background:var(--card-bg);z-index:3;max-height:var(--drop-height);overflow:hidden;overflow-y:auto;box-shadow:0 2px 5px rgba(0, 0, 0, 0.15);border:1px solid var(--border-base);border-radius:8px;}

.select-drop > ul{float:left;width:100%;border-radius:8px;overflow:hidden;}
.select-drop > ul > li{float:left;width:100%;position:relative;margin:0px;}
.select-drop .select-option{float:left;width:100%;padding:0px 10px;font-size:16px;height:40px;line-height:40px;align-items:center;font-weight:500;position:relative;}
.select-drop li:before{position:absolute;bottom:0;left:8px;right:8px;height:1px;background:var(--border-base);content:"";}
.select-drop li:last-child:before{display:none;}
.select-drop-active ~ .select-drop{display:block;}
.select-drop-active ~ .option-drop{display:block;}
.select-drop li:hover,
.select-drop li.selected{background:var(--clr-action-light);}
.select-drop li .select-option.selected{background:var(--clr-action-light);}
/* Dropdown CSS End */


/* ####################### Login Page Start ####################### */
.form-page{background-image:url(../images/login-bg.webp);background-size:cover;background-position:center;}
.form-logo{float:left;width:100%;display:flex;justify-content:center;margin-bottom:24px;}
.logo-figure{float:left;width:100%;max-width:240px;}
.logo-figure img{float:left;width:100%;}

.form-wrap{float:left;width:100%;height:100%;min-height:100dvh;display:flex;justify-content:center;align-items:center;}
.form-container{float:left;width:100%;max-width:640px;padding:20px 10px;}
.login-form .form-control{background:rgba(0, 0, 0, 0.05);padding-left:50px;font-size:16px;}
.login-form .button-bar-outer .col{flex:1;}

.form-header{float:left;width:100%;}
.form-header-inner{float:left;width:100%;padding:10px 0px 16px;border-bottom:1px solid var(--border-base);}
.form-title{float:left;width:100%;text-align:center;font-size:34px;color:var(--clr-base);font-weight:600;margin-bottom:6px;}
.form-pre{float:left;width:100%;text-align:center;font-size:14px;color:var(--clr-light);}
.form-body{float:left;width:100%;}
.form-body-inner{float:left;width:100%;padding:20px;}

.form-button-row .button-bar{padding:8px 0px;}
.join-block{float:left;width:100%;margin:10px 0px 0px;}
.join-block p{float:left;width:100%;text-align:center;color:#ffffff;font-size:14px;font-weight:normal;margin:3px 0px;}
.join-block a{text-decoration:none;}

.verified-header .form-header-inner{padding:24px 12px;border:none;}
.verified-header .form-pre{font-size:16px;}

.verified-header .form-icon{background:var(--clr-success-light);}
.verified-header .form-icon .icon{font-size:42px;color:var(--clr-success);}

.unverified-header .form-header-inner{padding:24px 12px;border:none;}
.unverified-header .form-pre{font-size:16px;}

.unverified-header .form-icon{background:var(--clr-danger-light);}
.unverified-header .form-icon .icon{transform:scale(0.8);font-size:42px;color:var(--clr-danger);}

/* Login With Block */
.login-with{float:left;width:100%;}
.login-with-outer{float:left;width:100%;margin-top:12px;}
.logo-block{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.logo-icon{float:left;width:100%;max-width:140px;}
.logo-icon img{float:left;width:100%;}

/* Share Option */
.share-option{float:left;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;grid-gap:8px;margin:0px;}
.share-option .col{flex:1;width:100%;}
.share-btn{grid-gap:10px;width:100%;}
.svg-icon{float:left;width:30px;min-width:30px;}
.svg-icon img{float:left;width:100%;}
.share-btn.google-btn{background:rgba(0, 0, 0, 0.10);color:var(--clr-base);}
.or-title{float:left;margin-bottom:10px;width:100%;}
.or-text{float:left;width:100%;text-align:center;font-size:14px;position:relative;margin-bottom:20px;}
.or-text span{background:#ffffff;color:var(--clr-light);display:inline-block;padding:0 16px;position:relative;font-size:16px;font-weight:600;}
.or-text:before {position:absolute;top:0;left:0;width:100%;top:50%;content:'';height:1px;background:rgba(0, 0, 0, 0.10);}

.form-row.turnstile-row{margin-bottom:10px; justify-content:center;}
.form-row.turnstile-row > div{width:auto; float:left; margin:0 auto;}
.remember-forgot-row{justify-content:space-between;padding:0 0 16px 0;}
.remember-col{float:left;}
.forgot-passowrd-col{float:right; text-align:right;}
.forgot-passowrd{font-size:14px;font-weight:500;color:var(--clr-action);}
.custom-checkbox{display:block;position:relative;cursor:pointer;font-size:14px;font-weight:500;color:var(--clr-light);padding-left:28px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:20px;}
.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;top:auto;right:auto;bottom:auto;left:0;}
.custom-checkbox .checkmark{position:absolute;top:0px;left:0px;height:20px;width:20px;background:none;border-radius:4px;border:1px solid var(--border-base);}
.custom-checkbox:hover input~.checkmark{border-color:var(--clr-action);}
.custom-checkbox input:checked~.checkmark{background:var(--clr-action);border-color:var(--clr-action);}
.custom-checkbox .checkmark:after{content:"";position:absolute;display:none;}
.custom-checkbox input:checked~.checkmark:after, .custom-checkbox.active input ~ .checkmark:after{display:block;}
.custom-checkbox .checkmark:after{left:6px;top:1px;width:5px;height:11px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.login-input-icon{font-size:24px;color:var(--clr-action);position:absolute;top:0;right:auto;bottom:0;left:14px;margin:auto;display:flex;align-items:center;line-height:normal;}
.custom-checkbox a{text-decoration:underline;}
.custom-checkbox a:hover{text-decoration:none;}
/* ####################### Login Page End ####################### */


/* ####################### Join Page Start ####################### */
.custom-form{float:left;width:100%;}
.custom-form-inner{width:100%;float:left;}
.custom-form .form-control{border:2px solid var(--border-base);font-size:18px;padding-right:50px;}
.custom-form .form-control:focus{border-color:var(--clr-action);}


.form-status-block{float:left;width:100%;padding:48px 24px;}
.form-status-wrap{float:left;width:100%;}
.form-status-icon{float:left;width:100%;display:flex;justify-content:center;margin-bottom:16px;}
.form-icon{float:left;height:80px;width:80px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-form-icon);border-radius:50%;}
.form-icon .icon{font-size:42px;color:var(--clr-form-icon);}
.form-status-content{float:left;width:100%;padding-top:8px;}
.status-md-head{width:100%;float:left;text-align:center;font-size:24px;color:var(--clr-base);font-weight:bold;}
.status-md-pre{width:100%;float:left;text-align:center;font-size:18px;color:var(--clr-light);margin-top:8px;}  
.error-wrap{--bg-form-icon:var(--clr-danger-light);--clr-form-icon:var(--clr-danger);}
.error-wrap .form-icon .icon{transform:scale(0.8);}
.success-wrap{--bg-form-icon:var(--clr-success-light);--clr-form-icon:var(--clr-success);}

.form-status-wrap .button-bar{margin-top:16px;}
/* ####################### Join Page End ####################### */


/* Header CSS Start */
.header{float:left;width:100%;}
.header-info{float:left;width:100%;padding:20px 24px;background:var(--bg-white);box-shadow:0 2px 5px rgba(0, 0, 0, 0.15);}
.dashboard-front .header-info{background:#181c21;}
.header-inner{float:left;width:100%;display:flex;align-items:center;justify-content:center;}
.header-left{float:left;width:100%;}
.header-searchbar{float:left;width:100%;}
.header-searchbar .form-group{margin-bottom:0;}
.header-searchbar .form-control{background:rgba(242, 242, 242, 0.7);height:50px;font-size:18px;padding-right:42px;}
.header-searchbar .form-control::placeholder{color:rgba(24, 27, 32, 0.4);}
.header-searchbar .search-icon{position:absolute;top:0;right:14px;bottom:0;left:auto;display:flex;align-items:center;font-size:24px;color:var(--clr-action);}

.header-right{float:right;width:100%;}
.header-right-inner{float:left;width:100%;display:flex;justify-content:flex-end;align-items:center;}

.btn.back-btn{width:auto; border:1px solid var(--clr-action); background:transparent; color:var(--clr-action);}
.btn.back-btn .icon{color:var(--clr-action); transition:all 0.3s ease 0s;}
.btn.back-btn:hover{background:#38cdb9;color:var(--clr-base);}
.btn.back-btn:hover .icon{color:var(--clr-base);}

.close-menu{display:none;}

.notification-badge{float:left;width:40px;display:flex;align-items:center;position:relative;cursor:pointer;justify-content:center;}
.notification-icon{float:left;font-size:24px;color:var(--clr-base);}
.notification-count{position:absolute;content:'';top:auto;right:auto;bottom:calc(100% - 6px);left:calc(100% - 10px);height:10px;width:10px;border-radius:50%;background:var(--clr-error);}

.notification-dropdown-info.active{display:block;2}
.notification-dropdown-info{display:none;float:right;width:100%;z-index:5;background:var(--card-bg);box-shadow:0px 4px 7px rgba(0, 0, 0, 0.15);border:1px solid var(--border-base);border-radius:calc(var(--card-radius) / 2);position:absolute;top:calc(100% + 4px);right:0;bottom:auto;left:auto;padding:8px;min-width:360px;}
.notification-list{float:left;width:100%;max-height:360px;overflow:hidden; overflow-y:auto;}
.noti-list-item:last-child{border:none;}
.noti-list-item{float:left;width:100%;border-bottom:1px solid var(--border-base);padding:6px 4px;}

.noti-list-item:hover{background:#f2f2f2;}
.noti-list-bar{float:left;width:100%;display:flex;justify-content:space-between;gap:6px;}
.noti-list-icon{float:left;width:30px;min-width:30px;}
.noti-icon{float:left;width:100%;aspect-ratio:1 / 1;background:var(--clr-action-light);border-radius:50%;display:inline-flex;justify-content:center;align-items:center;color:var(--clr-base);font-weight:600;font-size:12px;}
.noti-icon.unread{color:rgba(0, 0, 0, 0.3); background:var(--bg-gray);}

.noti-list-detail{flex:1;float:left;}
.noti-heading{float:left;width:100%;font-size:13px; line-height:1.2em; font-weight:600;color:var(--clr-base); margin-bottom:2px;}
.noti-text{float:left;width:100%;font-size:11px;font-weight:400;color:var(--clr-light); word-break:break-word;}

.noti-list-detail.no-new-notif{width:100%; display:block; text-align:center; background:#f8f8f8; padding:20px 10px; border-radius:var(--card-radius);}

.user-panel{float:left;position:relative;padding-left:20px;margin-left:20px;}
.user-panel::before{position:absolute;content:'';top:0;right:auto;bottom:0;left:0;height:76%;margin:auto;width:1px;background:var(--border-base);}
.user-panel-flex{float:left;width:auto;display:flex;align-items:center;gap:8px;position:relative;cursor:pointer;}
.user-icon{float:left;}
.user-initials{float:left;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--clr-base);height:50px;width:50px;border-radius:8px;background:var(--clr-action-light);}
.user-info{flex:1;float:left;display:flex;flex-direction:column;}
.user-welcome-label{float:left;width:auto;font-size:12px;color:var(--clr-light);margin-bottom:2px;}
.user-name-label{float:left;width:auto;font-size:14px;font-weight:600;color:var(--clr-base);cursor:pointer;position:relative;display:flex;align-items:center;gap:12px;}
.user-drop-icon{float:right;font-size:16px;font-weight:600;}
.user-panel-flex.select-drop-active .user-drop-icon{transform:rotate(180deg);}

.user-dropdown-info{display:none;float:right;width:100%;z-index:5;background:var(--card-bg);box-shadow:0px 4px 7px rgba(0, 0, 0, 0.15);border:1px solid var(--border-base);border-radius:calc(var(--card-radius) / 2);position:absolute;top:calc(100% + 4px);right:0px;bottom:auto;left:auto;padding:8px;min-width:168px;}
.user-dropdown-info.active{display:block;}
.user-drop-list{float:left;width:100%;}
.user-drop-list-item{float:left;width:100%;border-bottom:1px solid var(--border-base);}
.user-drop-list-item:hover{background:#f2f2f2;}
.user-drop-list-item:last-child{border:none;}
.user-list-block{float:left;width:100%;padding:10px 10px;color:var(--clr-label);display:flex;gap:4px;flex-wrap:wrap;}
.user-list-block:hover{color:var(--clr-action);}
.user-drop-icon{float:left;font-size:14px;}
.user-drop-text{float:left;flex:1;text-align:center;font-size:14px;font-weight:600;text-align:left;}
.user-drop-list-item-sm{display:none;}
/* Header CSS End */

/* Footer CSS Start */
.footer{float:left;width:100%;padding-left:var(--side-width);}
.page-container:not(.dashboard-front) .footer .container{max-width:100%; padding:0px;}
.dashboard-front .footer-info{padding-left:16px; padding-right:16px;}
.footer-info{float:left;width:100%;padding:12px 24px; background:var(--bg-white);}
.footer-inner{float:left;width:100%;}
.footer-text{float:left;width:100%;text-align:center;font-size:12px;font-weight:400;color:var(--clr-light);}
/* Footer CSS End */

/* ####################### Mid Wrapper CSS Start ####################### */

/* Page Header Start*/
.flex-row{float:left;width:100%;display:flex;justify-content:space-between;}
.flex-item{float:left;}
.page-head-left{flex:1;}
.page-head{float:left;width:100%;padding:18px 0;border-bottom:1px solid var(--border-base);margin-bottom:24px;align-items:center;}
.page-title-block{float:left;width:100%;display:flex;align-items:center;flex-wrap:wrap;}
.page-label{float:left;width:auto;font-size:24px;font-weight:700;color:var(--clr-base);margin-right:8px;padding:0;display:flex;align-items:center;height:auto;padding:8px 0;}
.page-label-option{float:left;color:var(--clr-label);margin-right:8px;}
.page-label-option .select-option{color:var(--clr-label);line-height:normal;}
.site-logo-icon{--icon-size:36px; width:var(--icon-size); height:var(--icon-size); max-height:100%; min-width:var(--icon-size); margin-right:8px; float:left; object-fit:content;}
.page-label .site-logo-icon{background:var(--clr-action-light); border-radius:4px; padding:2px;}
.page-select-drop .select-option{display:flex; align-items:center;}
.select-drop > ul > li .site-logo-icon{--icon-size:24px;}

.page-title-flex{float:left;width:100%;display:flex;align-items:center;gap:10px;}
.page-select{float:left;display:inline-flex;align-items:center;gap:6px;}
.page-select-icon{float:left;}
.page-title-icon{float:left;width:auto;font-size:24px;color:var(--clr-action);}
.page-select-box{display:inline-flex;align-items:center;}
.page-select-box .icon{float:left;width:20px;font-size:18px;font-weight:600;position:relative;right:auto;}
.title-badge .badge {min-height:30px;font-size:14px;font-weight:600;}
.page-select-drop{float:left;width:100%;}
.title-badge.show-site-status .badge{min-height:20px;font-size:11px;font-weight:500;border-radius:3px;padding:2px 8px; position:relative;}
.title-badge.show-site-status .badge:before{content:""; position:absolute; left:-5px; top:0; bottom:0; margin:auto 0; border-right:6px solid var(--clr-badge); border-top:4px solid transparent; border-bottom:4px solid transparent; width:0; height:0;}
.info-badge{--clr-badge:var(--clr-blue);}
.warning-badge{--clr-badge:var(--clr-warning);}
.success-badge{--clr-badge:var(--clr-success);}
.danger-badge{--clr-badge:var(--clr-danger);}

.user-id-block{float:left; width:100%; display:flex; align-items:center;}
.user-id-data{float:left; font-size:11px; font-weight:400; color:rgba(0, 0, 0, 0.5);}
.user-id-data .icon{padding-left:6px; font-size:14px;}
.copy-badge{padding-left:12px;}
.user-info .user-id-block{margin-top:4px;}
.tooltip.copy-tooltip{display:inline-flex; align-items:center;}
.contactus-col .user-id-data{border-radius:30px; font-size:16px; background:#f8f8f8; padding:8px 20px; position:relative; padding-right:34px;}
.contactus-col .user-id{display:inline-block; font-weight:700; color:var(--clr-base); min-width:70px;}
.contactus-col .user-id-data .copy-tooltip{position:static;}
.contactus-col .user-id-data .icon{position:absolute; right:8px; font-size:20px; top:0; height:100%; display:flex; align-items:center}
.user-id-drop-block{padding:10px 10px; border-bottom:1px solid var(--border-base);}
.user-id-drop-block .user-id-data{font-size:12px;}
/* Page Header End*/


/* Dashboard CSS Start */
.stats-wcard{float:left;width:100%;display:flex;align-items:center;justify-content:center;padding:12px;}
.stats-card{float:left;width:100%;height:100%;display:flex;align-items:center;gap:16px;position:relative;padding:0 24px;}
.stats-card::after{position:absolute;content:'';top:0;right:0;bottom:0;height:76%;margin:auto;width:1px;background:var(--border-base);max-height:70px;}
.stats-card:last-child:after{display:none;}
.stats-card-left{float:left;width:auto;}
.stats-card-icon{float:left;--icon-size:64px;width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;background:var(--clr-action-light);border-radius:15px;}
.stats-icon{float:left;width:100%;display:flex;justify-content:center;align-items:center;font-size:32px;color:var(--clr-action);}
.stats-card-right{float:left;width:100%;}
.stats-card-content{float:left;width:100%;}
.stats-card-title{float:left;width:100%;font-size:22px;font-weight:700;color:var(--clr-base);margin-bottom:4px;}
.stats-card-title-pre{float:left;width:100%;font-size:22px;color:var(--clr-base);}
.stats-card-content .button-bar-outer{margin-top:12px;}
.stats-card-pre{float:left;width:100%;font-size:14px;color:var(--clr-base);}
.stats-card-label{float:left;width:100%;font-size:18px;color:var(--clr-light);}
.stats-card-text{float:left;width:100%;font-size:40px;font-weight:700;color:var(--clr-base);}

.card-count{position:absolute;content:'';top:auto;right:auto;bottom:calc(100% - 10px);left:calc(100% - 10px);height:20px;width:20px;border-radius:50%;background:var(--clr-error); color:var(--clr-white);display:inline-flex;justify-content:center;align-items:center;font-size:12px;font-weight:600;}
.freemium-card{min-width:40%;}
.freemium-card .stats-card-content .button-bar-outer{margin-top:6px;}

.bg-card{float:left;width:100%;background:var(--bg-black);border-radius:10px;padding:28px 22px 20px;position:relative;overflow:hidden;height:100%;}
.bg-card .stats-card-content{position:relative;z-index:1;}
.bg-card .stats-card-title,
.bg-card .stats-card-pre{--clr-base:#ffffff;}
.bg-card::before{position:absolute;content:'';top:auto;right:-36px;bottom:-28px;left:auto;height:70%;width:60%;background:var(--clr-action);filter:blur(64px); pointer-events:none;}

.page-stats-grid .card-info .card-base{display:flex;flex-direction:column;height:100%;}
.page-stats-grid .card-info{height:calc(100% - 24px);}
.page-stats-grid .card-info .card-body{flex:1;}
.page-stats-grid .card-info .wcard{height:100%;}
.multi-stats-wcard .stats-wcard{border-radius:0px;}
.multi-stats-wcard .stats-wcard + .stats-wcard{border-left:1px solid var(--border-base);}

.dashboard-stats-grid .stats-card{padding:10px;}
.stats-card-info .dashboard-stats-grid{gap:0px;}

/* Analytics Card */
.analytics-content-box{float:left;width:100%;}
.analytics-top-bar{float:left;width:100%;}

/* Sessions Card */
.sessions-content-box{float:left;width:100%;padding:24px 22px 48px;}
.sessions-data-block{float:left;width:100%;padding-top:20px;margin-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:1px solid var(--border-base);}
.sessions-badge-block{float:left;width:100%;margin-bottom:10px;display:flex;justify-content:center;}
.sessions-graph-card .graph-card{max-width:34vh;aspect-ratio:1;height:auto;}
.sessions-data-text{float:left;width:100%;text-align:center;font-size:16px;font-weight:500;color:var(--clr-light);}

.analytics-card-info,.sessions-card-info{--card-space:24px;}
/* Dashboard CSS End */

/* Data Feeds CSS Start */
.data-feed-content{float:left;width:100%;padding:8px;display:flex;align-items:center;}
.data-feed-inner{float:left;width:100%;}
.data-feed-row{float:left;width:100%;display:flex;align-items:center;justify-content:center;}
.data-feed-col{float:left;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;}
.data-feed-col + .data-feed-col::before{position:absolute;content:'';top:0;right:auto;bottom:0;left:0;height:100%;width:1px;background:var(--border-base);}
.feed-label{float:left;width:100%;font-size:40px;font-weight:700;}
.feed-text{float:left;width:100%;font-size:18px;color:var(--clr-light);}
.progress-block{float:left;width:100%;margin-top:30px;margin-bottom:-20px;}
.progress-info{float:left;width:100%;position:relative;border-radius:10px;overflow:hidden;}
.progress-row{float:left;width:100%;height:22px;background:var(--bg-black);}
.progress-bar{float:left;width:var(--width);max-width:100%;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--process-bg);}
.progress-info-text{float:left;width:100%;text-align:right;margin-top:8px;font-size:16px;color:var(--clr-light);}

.default-bar{--process-bg:var(--clr-action);}
.success-bar{--process-bg:var(--clr-success);}
.danger-bar{--process-bg:var(--clr-danger);}
.warning-bar{--process-bg:var(--clr-warning);}
.info-bar{--process-bg:var(--clr-info);}

.export-report-content{float:left;width:100%;padding:24px 16px;}
.export-report-info .base-drop{padding:22px 0;}
.export-report-data{float:left;width:100%;margin-bottom:12px;}
.export-drop-block{float:left;width:100%;margin-bottom:16px;}
.export-report-text{float:left;width:100%;font-size:14px;}

.feeds-grid .card-info .card-base{display:flex;flex-direction:column;height:100%;}
.feeds-grid .card-info {height:calc(100% - 24px);}
.feeds-grid .card-info .card-body{flex:1;}
.feeds-grid .card-info .wcard{height:100%;}
/* Data Feeds CSS End */

/* Integrations Page CSS Start */
.install-scupe-info-wrap{float:left;width:100%;padding:40px 36px;}
.install-scupe-alert{float:left;width:100%;}
.scupe-tracking-wrap{float:left;width:100%;}
.scupe-tracking-wrap .install-scupe-alert{margin-bottom:42px;border-bottom:1px solid var(--border-base);}
.tracking-code-wrap{float:left;width:100%;}
.tracking-copy-code-wrap{float:left;width:100%;}
.tracking-copy-block{float:left;width:100%;background:#f8f8f8;border:1px solid var(--border-base);border-radius:3px;}
.tracking-copy-head{float:left;width:100%;background:var(--clr-action);padding:10px 16px;min-height:46px;}
.tracking-copy-label{float:left;width:100%;display:flex;align-items:center;}
.tracking-label{float:left;font-size:20px;font-weight:600;}
.code-copy{float:right;margin-left:auto;cursor:pointer;}
.tracking-copy-data{float:left;width:100%;padding:16px 22px;position:relative;min-height:160px;}
.code-data{float:left;width:100%;margin:0;padding:15px;background:#f8f8f8;color:#d32f2f;font-size:14px;overflow-x:auto;}
.textarea-code{float:left;width:100%;margin:0;padding:15px;background:#f8f8f8;border-radius:8px;font-size:15px;color:var(--clr-light);font-family:var(--font-base);border: 2px solid var(--border-base);min-height:98px;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;}
textarea.code-form-control{min-height:280px;font-size:15px!important;}

.copy-icon{font-size:24px;font-weight:700;}
	
.push-data-info-wrap{float:left;width:100%;padding:40px 36px 30px;}
.push-data-wrap{float:left;width:100%;}
.push-data-wrap .install-scupe-alert{margin-top:38px;padding-top:42px;border-top:1px solid var(--border-base);}

.webhook-endpoint-block{float:left;width:100%;}
.webhook-endpoint-block .form-control{border:2px solid var(--border-base);}
.show-card{float:left;width:100%;}
.show-card-outer{float:left;width:100%;display:flex;align-items:center;gap:16px;background:#f8f8f8;border-radius:10px;padding:12px 18px;min-height:54px;}
.show-card .title-badge{margin-left:0;}
.show-card-text{font-size:20px;font-weight:700;color:var(--clr-label);}
.last-event-text{float:left;width:100%;margin-top:10px;font-size:16px;color:var(--clr-light);}

.indentifications-grid{--column-gap:0px;}
.tracking-code-info .tracking-code-wcard{padding:24px;}
.installation-guide-block .card-body{border-bottom:1px solid var(--border-base);padding-bottom:24px;margin-bottom:24px;}
.tracking-copy-code-wrap{margin-top:24px;}

.webhook-info .webhook-wcard{padding:24px;}
.webhook-doc-block .card-body{border-bottom:1px solid var(--border-base);padding-bottom:24px;margin-bottom:24px;}

.disable-tracking-code .code-data{filter:blur(3px);pointer-events:none;cursor:default;color:#000000;}
.disable-tracking-code .code-message{display:flex;}
.disable-tracking-code .code-copy{pointer-events:none;cursor:default;}
.disable-tracking-code .btn{color:#818080;background:#d7d7d7;pointer-events:none;cursor:default;}

.code-message{position:absolute;left:0px;right:0px;top:0px;bottom:0px;font-size:24px;text-align:center;display:none;align-items:center;justify-content:center;font-weight:600;
background:rgba(248, 248, 248, 0.5);}
/* Integrations Page CSS End */


/* Add Site Page CSS Start */
.site-form{float:left;width:100%;padding:36px;}
.site-form .input-label{font-size:16px;margin-bottom:4px;min-height:24px;display:flex;align-items:center;white-space:nowrap;}
.site-form .input-label sup{position:relative; top:-4px;}
.site-form .form-control{background:#f8f8f8;border:2px solid var(--border-base);height:56px;font-size:18px;color:var(--clr-light);}
.site-form .form-row{gap:28px;}
.site-form .form-row + .form-row{margin-top:18px;}
.site-form .input-group .btn{margin-top:6px;}
.form-col-remove,
.form-col-remove .btn{min-width: auto;width: 120px;}
.site-form .input-url{background:#f8f8f8;top:2px;bottom:2px;left:2px;height:calc(100% - 4px);font-size:16px;}
/* Add Site Page CSS End */



/* My Account Page CSS Start */
.my-account-form{float:left;width:100%;padding:36px;}
.my-account-form .input-label{font-size:18px;margin-bottom:8px;}
.my-account-form .form-control{background:#f8f8f8;border:2px solid var(--border-base);height:56px;font-size:18px;color:var(--clr-light);}
.my-account-form .input-url{top:2px;bottom:2px;left:2px;height:calc(100% - 4px);background:var(--border-base);border-radius:6px 0px 0px 6px;font-size:16px;font-weight:500;}
.my-account-form .form-row{gap:28px;}
.my-account-form .form-row + .form-row{margin-top:18px;}

.account-security-form{float:left;width:100%;padding:20px 36px;}
.account-security-form .input-label{font-size:20px;font-weight:600;color:var(--clr-base);margin-bottom:0;}
.account-security-form .form-col{display:flex;align-items:center;}
.account-security-form .form-control{background:#f8f8f8;border:2px solid var(--border-base);height:54px;font-size:18px;color:var(--clr-light);}
.form-btn-col{gap:0 18px;}
.form-btn-col .button-bar, .form-btn-col .button-bar-outer{width:auto;padding:3px 0px;align-self:flex-start;}
.account-security-form .form-row{padding:10px 0;}
.account-security-form .form-row + .form-row{border-top:1px solid var(--border-base);}
.security-dropdown .select-label{font-size:18px;font-weight:600;background:#f8f8f8;border:2px solid var(--border-base);height:54px;padding-right:44px;}

.account-security-info .form-btn-col .input-group,
.account-security-info .base-drop{min-width:400px;}
.my-domains-form{float:left;width:100%;padding:14px 28px;}
.my-domains-head{float:left;width:100%;display:flex;align-items:center;}
.my-domains-head .content-title{margin-bottom:0;}
.my-domains-head .button-bar-outer{float:right;width:auto;}
.my-domains-list{float:left;width:100%;}
.my-domains-list-item{float:left;width:100%;padding:14px 0;}
.my-domains-list-item + .my-domains-list-item{border-top:1px solid var(--border-base);}
.domain-item-inner{float:left;width:100%;display:flex;align-items:center;}
.domain-list-text{font-size:20px;font-weight:500;color:var(--clr-label);}
.domain-edit-icon{float:right;margin-left:auto;}
.domain-item-inner .icon{color:var(--clr-action);cursor:pointer;}

/* Popup CSS Start */
.show-modal{overflow:hidden;}
.show{display:block!important;}
.modal{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:13;background:rgba(0, 0, 0, 0.8);display:none;overflow-y:auto;padding:0 16px;}
.modal-contenier{float:left;width:100%;position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:14px 0;}
.modal-outer{float:left;width:100%;max-width:720px;position:relative;z-index:2;}
.modal-sm{max-width:480px;}
.modal-md{max-width:540px;}

.modal-overlay{position:fixed;top:0;left:0;z-index:1;float:left;height:100dvh;width:100%;cursor:pointer;}
.modal-body{float:left;width:100%;display:flex;flex-direction:column;gap:24px;justify-content:center;align-items:center;}
.modal-info{z-index:1;position:relative;display:block;width:100%;float:left;overflow:hidden;background:var(--card-bg);box-shadow:var(--card-shadow);   border-radius:var(--card-radius);}
.modal-header{float:left;width:100%;padding:0px 30px;}
.modal-title{ float:left;width:100%;text-align:center;font-size:21px;color:var(--clr-label);line-height:1.2em;font-weight:700;padding:24px 0px;border-bottom:1px solid var(--border-base);}
.modal-content{float:left;width:100%;padding:30px;}
.modal-block{float:left;width:100%;}
.modal-info .button-bar{padding:0px;}

.close-btn{width:36px;height:36px;margin:0 auto;background:var(--bg-white);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:0.3s ease all;}
.close-btn:hover{transform:scale(0.98);}
.close-btn .icon{color:var(--clr-base);font-size:14px;font-weight:700;}
.close-btn-right{position:absolute; right:5px; top:5px; z-index:1;}

/* Status Confirmation Popup */
.status-content{float:left;width:100%;padding:30px;}
.status-text{float:left;width:100%;font-size:24px;text-align:center;font-weight:500;}
.modal-icon-block{float:left;width:100%;display:flex;justify-content:center;margin-bottom:16px;}
.modal-icon{float:left;height:80px;width:80px;display:inline-flex;align-items:center;justify-content:center;background:var(--clr-danger-light);border-radius:50%;}
.modal-icon .icon{font-size:48px;color:var(--clr-danger);}

/* Password Popup */
.modal .custom-form .validation-error{left:0px;top:calc(100% + 3px);}
.modal .custom-form .form-group{margin-bottom:24px;position:relative;}
.validation-check{float:left;margin-top:8px;}
.strength-meter{display:flex;align-items:center;gap:8px}
.bar{flex:1;height:8px;width:42px;border-radius:4px;background:var(--strength-color);}
.strength-text{font-size:16px;color:var(--clr-light);margin-top:6px;}
.strength-label{font-size:16px;font-weight:600;color:var(--strength-color);}
.popup-input-icon{font-size:20px;color:var(--clr-action);position:absolute;top:0;right:14px;bottom:0;left:auto;margin:auto;display:flex;align-items:center;line-height:normal;}
.weak{--strength-color:var(--clr-error);}
.fair{--strength-color:var(--clr-warning);}
.strong{--strength-color:var(--clr-success);}
.excellent{--strength-color:var(--clr-action);}
/* My Account Page CSS End */



/* ####################### Help Desk Page ####################### */
.dashboard-front{--side-width:0px!important;--card-shadow:0 2px 5px rgba(0, 0, 0, 0.15);}
/* Header */
.header-logo{float:left;width:186px;}
.header-logo-fig{float:left;width:100%;}
.header-logo-fig img{float:left;width:100%;}

/* Intro Section */
.intro-section{float:left;width:100%;padding:94px 0px;position:relative;display:flex;overflow:hidden;background:var(--nav-bg);}
.intro-section::before{position:absolute;content:'';top:auto;right:auto;bottom:calc(var(--y-space) * -2);--x-space:60%;--y-space:60px;left:calc(var(--x-space) * -1);filter:blur(100px);background:radial-gradient(rgba(56, 205, 185, 1), rgba(56, 205, 185, 0.6));height:calc(50% + var(--y-space));width:calc(100% + var(--x-space));border-radius:50%;}
.intro-banner-inner{float:left;width:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;}
.intro-content{float:left;width:100%;}
.intro-cnt-title{float:left;width:100%;text-align:center;}
.intro-title-label{float:left;width:100%;font-size:46px;color:#ffffff;font-weight:700;margin-bottom:16px;}
.intro-title-pre{float:left;width:100%;font-size:18px;color:#ffffff;font-weight:400;}

.intro-search{float:left;width:100%;display:flex;justify-content:center;}
.intro-searchbar{float:left;width:100%;max-width:640px;}
.intro-searchbar .form-group{margin-bottom:0;}
.intro-searchbar .form-control{background:#ffffff;height:50px;font-size:18px;padding-right:42px;border:none;}
.intro-searchbar .search-icon { position:absolute;top:0px;right:0px;bottom:0px;left:auto;display:flex ;align-items:center; background:var(--clr-action);width:42px;border-radius:0px 8px 8px 0px;justify-content:center;font-weight:700;cursor:pointer;}
.intro-searchbar .search-icon .icon{font-size:24px;color:#000000;}


/* Section Block */
.section{float:left;width:100%;}
.section-inner{float:left;width:100%;padding:120px 0px;background:#f9f9fb;}

.helpdesk-wcard{padding:12px;border-radius:calc(var(--card-radius) / 2);}
.helpdesk-content{float:left;width:100%;}
.hc-card-header{float:left;width:100%;}
.hc-card-title{float:left;width:100%;padding:8px 4px 16px;margin-bottom:8px;border-bottom:1px solid var(--border-base);}
.hc-card-title-label{float:left;width:100%;font-size:21px;font-weight:700;color:var(--clr-base);}

.hc-card-body{float:left;width:100%;padding:4px 0px;font-family:var(--font-base);}
.hc-listing{float:left;width:100%;}
.hc-list{float:left;width:100%;}
.hc-item{float:left;width:100%;}
.hc-item-inner{float:left;width:100%;position:relative;border-radius:4px;padding-right:16px;}
.hc-item-inner:hover{background:#f9f9fb;}
.hc-item-inner .hc-item-label{float:left;width:100%;padding:12px 4px;font-size:14px;font-weight:500;color:var(--clr-base);}
.hc-item-inner:hover .hc-item-label{text-decoration:underline;}
.hc-item-inner:after{position:absolute;content:"\ea00";right:6px;font-size:12px;font-weight:600;color:var(--clr-action);font-family:'icon';display:flex;height:100%;top:auto;bottom:auto;align-items:center;}
/* ####################### Mid Wrapper CSS End ####################### */

/* ####################### Payment Card CSS Start ####################### */
.payment-method{float:left; width:100%;}
.payment-method + .payment-method{margin-top:12px;}
.payment-card{float:left; width:100%; display:flex;align-items:center;background:#f2f2f2;border:1px solid var(--border-base);border-radius:var(--card-radius);padding:20px; gap:10px; margin-top:4px; position:relative; cursor:pointer;}
.payment-card.active{border-color:var(--clr-action); background:rgb(215, 245, 241);}
.card-logo{float:left;}
.card-logo img{float:left; width:100%; --icon-size:80px; max-width:var(--icon-size); min-width:var(--icon-size);}
.card-logo .card-icon{float:left; --icon-size:80px; min-width:calc(var(--icon-size) * 1.1); width:calc(var(--icon-size) * 1.25); height:var(--icon-size); font-size:var(--icon-size); display:flex; align-items:center; color:var(--clr-base);}
.card-logo .card-icon.fa-credit-card{font-size:calc(var(--icon-size) * 1.14);}
.payment-card-info{float:left; flex:1;}
.card-default, .card-name{font-weight:600;}
.payment-card-number{float:left; letter-spacing:2px;display:flex;gap:6px;}
.payment-card-expiry{float:right; margin-left:auto; font-weight:600;}
.payment-card-expiry strong{font-weight:600;}
/* ####################### Payment Card CSS End ####################### */

.payment-amount-td, .payment-method-td, .invoice-date-td{white-space:nowrap;}

.my-invoice-info{float:left; width:100%;}
.payment-card-info-td{display:flex; align-items:center; gap:4px;}
.payment-card-info-td .card-logo img, .payment-card-info-td .card-logo .card-icon{--icon-size:20px;}
.base-table tr .plan-td{text-align:center;}
.plan-td{width:40%; white-space:nowrap;}
.billed-date-td{white-space:nowrap;}
.base-table tr th.c-plan-td, .base-table tr td.c-plan-td{width:20%; min-width:160px;}

.subscribe-modal .modal-content{padding:0px;}
.subscribe-modal .modal-header{padding:0px;}
.subscribe-modal .modal-title{text-align:left; padding:24px 30px;}
.subscribe-modal .button-bar{padding:16px 30px;}
.subscribe-modal .btn{min-width:186px;}

.pricing-plan-content{float:left; width:100%;display:flex;gap:20px;flex-wrap:wrap; padding:24px 30px; border-bottom:1px solid var(--border-base);}
.pricing-card{float:left; width:100%; flex:1; border:1px solid var(--border-base);border-radius:var(--card-radius);padding:20px 20px 40px;background:#fff;color:var(--clr-base); transition:all 0.3s ease; min-height:240px;}
/*.pricing-card.current, .pricing-card.current .plan-header-label{color:rgba(0, 0, 0, 0.5);}*/
.pricing-card.current.active, .pricing-card.current.active .plan-header-label{color:var(--clr-base);}
.plan-header, .plan-plan-header{display:flex;align-items:center;gap:10px;}
.plan-header-label{font-size:22px;font-weight:700;margin:0;letter-spacing:0.5px;}
.plan-price{font-size:18px;font-weight:700;padding:6px 0; margin-bottom:10px; border-bottom:1px solid var(--border-base);}
.plan-description{font-size:15px;line-height:1.5em;color:inherit;}
.pricing-card:not(.current):hover{cursor:pointer;}
.pricing-card.current{pointer-events:none;}
.pricing-card.current, .pricing-card.active{border-color:var(--clr-action);box-shadow:0 2px 5px rgba(0, 0, 0, 0.15);}
.pricing-card.active{background:var(--clr-action-light);}
.pricing-card.active .plan-price{border-color:var(--clr-action);}
.badge.current-badge{font-size:12px; min-height:22px; padding:1px 10px 2px; cursor:default;}

.account-billing-form{float:left;width:100%;}
.account-billing-form .form-label{font-size:18px; margin:10px 0px;}
.account-billing-form .input-label{font-size:14px;}
.account-billing-form .form-control{background:#f8f8f8;border:2px solid var(--border-base);height:54px;font-size:18px;color:var(--clr-light);}
.account-billing-form .input-url{top:2px;bottom:2px;left:2px;height:calc(100% - 4px);background:var(--border-base);border-radius:6px 0px 0px 6px;font-size:16px;font-weight:500;}
.input-group.base-drop .select-label{background:#f8f8f8; border:2px solid var(--border-base); height:54px; padding-right:44px;}

.notif-source-td, .notif-date-td, .notif-status-td{white-space:nowrap;}
.notif-title-td{width:56%;}
.notif-title-td span{display:inline-block; white-space:normal; word-break:break-word;}

.notification-modal .modal-content, .notes-modal .modal-content{padding:0px;}
.notification-modal .modal-header, .notes-modal .modal-header{padding:0px;}
.notification-modal .modal-title, .notes-modal .modal-title{text-align:left; padding:24px 30px;}
.notification-form  .form-control, .notes-modal  .form-control{border:2px solid var(--border-base);}
.notification-modal .btn{min-width:186px;}

.view-more-notif-col{float:left; width:100%; padding:5px 0px 0px; text-align:center;}

.input-loader{position:absolute; width:40px; left:auto; right:0px; background:transparent;}
.input-loader .loader-ring{width:24px; height:24px; border-width:3px;}

.success-icon{color:var(--clr-success);}
.danger-icon{color:var(--clr-danger);}
.prepend-url-icon{position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.prepend-url-control .icon{font-size:16px;}

.select-group .form-control{padding-right:50px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.select-group:after{content:"\e9fe"; font-family:'icon' !important; position:absolute;color:var(--clr-base);top:0;right:14px;width:30px;font-size:14px;font-weight:600;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;}

.scope-table .form-group{margin-bottom:0px;}
.scope-table.base-table tr td{padding:12px 8px;}
.site-form .scope-table .form-control{height:48px; border-width:1px; resize:vertical;}
.scope-table.base-table tr .action-td{width:80px;}
.scope-table.base-table tr .action-td .btn{min-width:60px;}
.scope-table.base-table textarea.form-control{min-height:48px;}
.key-td{width:28%;}


.noti-list-detail{display:flex; flex-wrap:wrap; flex-direction:column;}
.noti-info-description{float:left; width:100%;}
.noti-info{float:left; width:100%;}
.noti-date{float:left; width:100%; text-align:right; font-size:10px; font-weight:500; color:var(--clr-action); margin-top:4px;}
.read-mark-btn{font-size:11px; color:var(--clr-action); float:right;}


/* Information Section CSS Start (Common for Privacy-Policy, Terms of Use , License Agreement */
.information-section .section-inner{padding:50px 0;}
.information-card{margin-bottom:0;}
.information-wcard{padding:32px;}
.information-content{float:left; width:100%; margin-bottom:14px;}
.information-content:last-child{margin-bottom:0;}
.information-content h2{float:left; width:100%; font-size:24px; line-height:1.5em; margin-bottom:6px;}
.information-content p{float:left; width:100%; font-size:16px; line-height:1.4em; margin-bottom:8px; }
.information-content ul{float:left; width:100%; padding-left:40px; margin-bottom:6px;}
.information-content ul li{float:left; width:100%; font-size:16px; line-height:1.4em; margin-bottom:6px; list-style-type:disc;}
/* Information Section CSS End */

/* Footer Links CSS Start */
.footer-info-list{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.footer-info-list .footer-text{width:auto;}
.footer-nav{float:left; width:100%; margin:14px 0 18px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; align-items:center;}
.footer-nav-list{float:left; width:auto; display:flex; justify-content:center; align-items:center; gap:20px;}
.footer-nav-item{float:left; width:auto; position:relative;}
.footer-nav-link{float:left; width:100%;}
.footer-nav-text{float:left; width:100%; font-size: 12px; font-weight: 400; color: var(--clr-light); transition: color 0.3s ease; position: relative;}
.footer-nav-item::before{position:absolute; content:''; top:0; right:-10px; bottom:0; left:auto; height:70%; width:1px; margin:auto 0; background:var(--clr-light);}
.footer-nav-item:last-child::before{display:none;}
.footer-nav-link:hover .footer-nav-text{color:var(--clr-action);}
/* Footer Links CSS End */

/* 404 Page CSS Start */
.not-found-section .section-inner{height:100dvh; display:flex; justify-content:center; align-items:center;}

.not-found-content{float:left; width:100%; padding:32px;}
.not-found-head{float:left; width:100%; text-align:center;}
.not-found-title{float:left; width:100%; font-size:130px; font-weight:900; background:-webkit-linear-gradient(#38cdb9, #439184); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.not-found-title-pre{float:left; width:100%; font-size:36px; font-weight:700;}
.not-found-mid{float:left; width:100%; text-align:center; padding:10px 0 25px;}
.not-found-text{float:left; width:100%; font-size:20px; font-weight:400; color:var(--clr-light);}
.not-found-btn-outer{float:left; width:100%; display:flex; justify-content:center; align-items:center;}
.not-found-btn{max-width:200px;}
/* 404 Page CSS End */

/* Tooltip CSS Start */
.tooltip{position:relative;display:inline-block;cursor:pointer;}
.tooltip-cont{visibility:hidden;width:100%;max-width:180px;min-width:max-content;background:#000;color:#fff;text-align:center;padding:4px 10px;border-radius:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.3s;pointer-events:none;font-size:12px;}
.tooltip-cont:after{content:"";width:0;height:0;position:absolute;left:0;right:0;top:calc(100% - 1px);margin:0 auto;border-top:6px solid #000;border-left:5px solid #fff0;border-right:5px solid #fff0;}
.tooltip-pre{width:100%;max-width:160px;white-space:normal;word-break:break-word;}
.tooltip:hover .tooltip-cont{visibility:visible;opacity:1;pointer-events:auto;}
.copy-tooltip .tooltip-cont{width:max-content;}
/* Tooltip CSS End */

.headerstrip-block{float:left; width:100%;}
.headerstrip-block .stats-wcard{border-radius:0px; padding:10px 0px; background:rgb(215, 245, 241);}
.headerstrip-block .stats-card-icon{--icon-size:46px; border-radius:6px; background:var(--clr-action);}
.headerstrip-block .stats-icon{font-size:24px; color:var(--clr-black);}
.headerstrip-block .stats-card-right{display:flex; align-items:center; gap:15px;}
.headerstrip-block .button-bar-outer{flex:1;}
.headerstrip-block .highlight-text{font-weight:700; color:var(--clr-base);}

.payment-failed-headerstrip .stats-wcard{background:var(--clr-danger-light);}
.payment-failed-headerstrip .stats-card-icon{background:#ff7474;}

.badge.status-badge.status-badge-sm{padding:1px 12px 2px; min-height:24px;}

.upgrade-plan .stats-card-title{font-size:26px;}
.upgrade-plan .stats-card-pre{font-size:17px; line-height:1.4em; margin:5px 0px 10px;}

.page-select-drop .select-drop{min-width:fit-content;}

/* Contact Us Page Start */
.contactinfo-section .section-inner{padding:60px 0px;}
.contactinfo-grid{justify-content:center;}
.contactus-wcard{padding:24px 50px 50px;}
.contactus-content{display:flex; gap:20px 80px;}
.contactus-col{float:left; width:100%; position:relative; flex:1;}
.contactus-col-right{max-width:400px;}
.contactus-info-col{float:left; width:100%; height:100%; background:var(--nav-bg); position:relative; overflow:hidden; padding:40px 40px;}
.contactus-info-col:after{position:absolute;content:'';top:auto;right:auto;bottom:calc(var(--y-space) * -2);--x-space:60%;--y-space:60px;left:calc(var(--x-space) * -1);filter:blur(100px);background:radial-gradient(rgba(56, 205, 185, 1), rgba(56, 205, 185, 0.6));height:calc(50% + var(--y-space));width:calc(100% + var(--x-space));border-radius:50%;pointer-events:none;}
.contact-info-list{float:left; width:100%; position:relative; z-index:1;}
.contact-list-item{float:left; width:100%; margin-bottom:40px;}
.contact-list-detail{float:left; width:100%; display:flex; align-items:center; gap:15px;}
.contact-icon{float:left; --icon-size:60px; min-width:var(--icon-size); height:var(--icon-size); color:var(--clr-black); background:var(--clr-action); border-radius:4px; display:flex; align-content:center; justify-content:center;}
.contact-icon .icon{font-size:28px; float:left; margin:auto;}
.contact-list-label{float:left; width:100%; flex:1;}
.contact-list-label a, .contact-list-label p{font-size:18px; color:var(--clr-white); font-weight:400; transition:all 0.3s ease 0s;}
.contact-list-label a:hover{text-decoration:underline; color:var(--clr-action);}
.contactus-content .form-control{border:2px solid var(--border-base);}
.file-upload-button{float:left; width:100%; border:2px solid var(--border-base); border-radius:8px;}
.file-upload-button-pre{position:absolute; left:0; top:0; width:100%; height:100%; font-size:16px; color:var(--clr-base); display:flex; align-items:center; justify-content:center; user-select:none; pointer-events:none;}
.file-upload-button .input-info-highlight{font-size:16px; margin-right:4px;}
.file-upload-button .form-control{opacity:0; height:86px; cursor:pointer;}
.file-upload{float:left; width:100%; margin-top:2px;}
/* Contact Us Page End */


.multicheck{width:24px;height:24px;display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--border-base);cursor:pointer;border-radius:4px;font-size:18px;transition:background 0.25s ease,transform 0.15s ease;user-select:none;position:relative;}
.multicheck-icon{position:absolute; left:0; top:0; width:100%; height:100%;}
.multicheck-icon:after{content:"";position:absolute;left:6px;top:1px;width:7px;height:12px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.inactive .multicheck-icon:after{content:"\e96f"; font-family:'icon'; left:4px; top:3px; font-size:14px; border:none; width:auto; height:inherit; -webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.check-0{background:transparent;}
.check-1{background:var(--clr-warning); color:var(--clr-white);}
.check-2{background:var(--clr-success); color:var(--clr-white);}
.check-3{background:var(--clr-danger); color:var(--clr-white);}
.bounce{transform:scale(1.2);}

.check-data-feed-col{float:left; min-width:30px;}
tr.warning-td td{background:var(--clr-warning-light);}
tr.success-td td{background:var(--clr-success-light);}
tr.danger-td td{background:var(--clr-danger-light);}

.active-notes-badge{max-width:102px;}
.active-notes-badge .badge-text{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.base-table-wrap .alert-card-block{min-height:36px;}
.base-table-wrap .alert-card-block .alert-card{margin:-6px 0px 0px;}

.banner-widgets-block{margin-top:24px;}

.check-td .tooltip{min-width:30px; cursor:inherit;}
.check-td .tooltip-cont{left:calc(100% + 4px); transform:translate(0, calc(-50% + 12px)); top:0; bottom:0;--tooltip-bg:rgba(0,0,0,0.8); background:var(--tooltip-bg); padding:6px 10px;min-height:36px;}
.check-td .tooltip-cont:after{border-top:5px solid transparent; border-right:6px solid var(--tooltip-bg); border-bottom:5px solid transparent; border-left:none; left:auto; right:100%; top:0; bottom:0; margin:auto 0;}
.check-stat-list{float:left; width:100%; display:flex; align-items:center; justify-content:center; gap:10px;}
.check-stat-item{float:left; cursor:pointer;}
.custom-checkbox.checkbox-clr{padding-left:24px; min-height:24px;}
.custom-checkbox.checkbox-clr .checkmark{width:24px; height:24px; border-color:var(--clr-action);}
.custom-checkbox.checkbox-clr .checkmark:after{left:6px;top:1px;width:7px;height:12px;border-width:0 3px 3px 0;}
.custom-checkbox.checkbox-clr.active .checkmark{background:var(--clr-action);}
.warning-checkbox-clr.custom-checkbox input ~ .checkmark{background:#f0cb89; border-color:var(--border-base);}
.warning-checkbox-clr.custom-checkbox input:checked ~ .checkmark, .warning-checkbox-clr.custom-checkbox.active input ~ .checkmark{background:var(--clr-warning); border-color:var(--border-base);}
.success-checkbox-clr.custom-checkbox input ~ .checkmark{background:#a0e3a0; border-color:var(--border-base);}
.success-checkbox-clr.custom-checkbox input:checked ~ .checkmark, .success-checkbox-clr.custom-checkbox.active input ~ .checkmark{background:var(--clr-success); border-color:var(--border-base);}
.danger-checkbox-clr.custom-checkbox input ~ .checkmark{background:#f97c7c; border-color:var(--border-base);} 
.danger-checkbox-clr.custom-checkbox input:checked ~ .checkmark, .danger-checkbox-clr.custom-checkbox.active input ~ .checkmark{background:var(--clr-danger); border-color:var(--border-base);}
.inactive.checkbox-clr .checkmark:after{content:""; position:absolute; display:block; color:var(--clr-white); content:"\e96f"; font-family:'icon'; left:4px; top:3px; font-size:14px; border:none; width:auto; height:inherit; -webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.inactive.checkbox-clr:not(.warning-checkbox-clr, .success-checkbox-clr, .danger-checkbox-clr) .checkmark:after{color:var(--clr-action);}

.message-card.alert-card.no-payment-msg-card{margin:0px;}
.message-card.alert-card.no-payment-msg-card .alert-card-outer{padding:40px 0px; min-height:200px;}
.info-alert.no-payment-msg-card .alert-card-outer{border:1px solid var(--clr-action); background:rgb(215, 245, 241);}
.no-payment-msg-card .alert-heading{color:var(--clr-base);}
select.form-control{line-height:normal;}
.no-payment-methods .grid-col{--column-count:calc(12 / 12) !important;}
.no-payment-method-msg{padding:60px 12px;}
.no-payment-method-msg .no-record-title{margin:5px 0px 10px;}
.msg-icon-block{float:left; width:100%; display:flex; justify-content:center; margin-bottom:10px;}
.no-payment-methods-fig{float:left; --circle-size:140px; display:flex; align-items:center; justify-content:center; padding:20px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size); background:#f2f2f2; border-radius:100%;}
.no-payment-methods-fig img{float:left; width:100%;}

.hidden-td-row{position:relative; pointer-events:none; user-select:none;}
.hidden-td{position:relative; top:calc(var(--columnHeight) * -1); height:var(--columnHeight) !important; padding:0px !important;}
.hidden-td-row td > *{filter:blur(5px);}
.hidden-td-row td.serial-td:first-child, .hidden-td-row td.serial-td:first-child > *{filter:blur(2.5px);}
.hidden-td-row td.check-td > *{filter:blur(1px);}
.hidden-td-data{float:left;width:100%; max-width:var(--tableWidth); text-align:center; padding:4px 8px; height:100%; overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.hidden-td-data:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; background:linear-gradient(to top, rgba(255,255,255,0.8) 60%,rgba(0,0,0,0) 100%); pointer-events:none; opacity:0.6;}
.hidden-td-data-title{float:left;width:100%;font-size:15px;font-weight:600;font-family:var(--font-base);color:var(--clr-base); position:relative; z-index:1;}
.hidden-td-data-pre{float:left;width:100%;font-size:13px; position:relative; z-index:1;}
.hidden-td-data-title + .hidden-td-data-pre{margin-top:5px;}
.hidden-td .hidden-td-data{position:sticky;left:0;max-width:var(--tableWidth);}
.hidden-td.hidden-td-column{position:absolute; top:0px; left:0; right:0; border:none; height:calc(100% - 1px) !important;}
.hidden-td-row td.hidden-td-column > *{filter:inherit;}

.status-drop{display:flex; justify-content:center;}
.status-drop .select-box{width:106px;}
.status-drop .select-label{height:26px; line-height:26px; font-size:12px; padding:0px 20px 0px 8px; border-radius:4px; text-align:left; width:100%;}
.status-drop .select-label .icon{right:0; font-weight:normal; width:20px; font-size:10px;}
.status-drop .select-drop{min-width:126px; left:auto; right:0;}
.status-drop .select-drop .select-option{height:26px; line-height:26px; font-size:12px; text-align:left;}
table tr:nth-last-child(-n + 2) .status-drop .select-drop{top:auto; bottom:100%;}
tr.success-td .status-drop .select-label, tr.warning-td .status-drop .select-label, tr.danger-td .status-drop .select-label{background:var(--clr-white);}

.badge.coupon-badge{color:var(--clr-success); background:var(--clr-success-light);}